.integration-note{margin-top:22px;color:#747873;font-size:12px;line-height:1.7}
.preview-area{overflow-wrap:anywhere;min-width:0}.preview-area img{max-width:100%}
.input-section,.preview-section,.style-selector{min-width:0}
.ai-helper-box p{font-size:13px;line-height:1.7}.main-content{align-items:start}
button:focus-visible,a:focus-visible{outline:3px solid #ef7440;outline-offset:3px}
@media(max-width:1100px){.container{padding:30px 20px}header{margin:-30px -20px 30px;padding:15px}.main-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.style-selector{grid-column:1/-1}.style-tabs{max-height:none}.input-section,.preview-section{padding:20px}.section-header{gap:8px;flex-wrap:wrap}}
@media(max-width:720px){.container{padding:20px 12px}header{margin:-20px -12px 20px}.brand-name{font-size:32px}.brand-icon{font-size:32px}.brand-slogan{font-size:16px}.main-content{display:flex;flex-direction:column;gap:16px}.input-section,.preview-section,.style-selector{width:100%;padding:18px}.input-area{min-height:320px}.style-selector{order:1}.preview-section{order:2}.section-header h2{font-size:23px}.personal-info{max-width:100%}.toast{width:90%;padding:20px}.style-tabs{max-height:320px}button{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.secondary-tab.active{background:#0071e3!important;color:#fff!important;border-color:#0071e3!important}