.creative-option-section { border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.creative-option-section summary { padding:12px; cursor:pointer; font-size:.83rem; font-weight:800; }
.creative-option-section > .form-field { padding:0 12px 12px; margin:0; }
.creative-option-section [hidden] { display:none; }
.creative-preview-jump { display:none; }
@media(max-width:700px){
 .cre-assist-scope > .site-header { position:relative!important; top:auto!important; margin-block:.5rem!important; }
 .cre-assist-scope .demo-stage { padding:12px!important; }
 .cre-assist-scope .demo-stage-head { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
 .cre-assist-scope .demo-stage-head h1 { font-size:1.25rem; }
 .cre-assist-scope .demo-stage-head p { font-size:.76rem; line-height:1.6; }
 .cre-assist-scope .demo-creative-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:5px; }
 .cre-assist-scope .demo-creative-actions .btn { min-height:38px; padding:7px 9px; font-size:.73rem; }
 .cre-assist-scope .cre-assist-layout { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:14px; }
 .cre-assist-scope .cre-assist-form { padding:12px; gap:10px; min-width:0; }
 .cre-assist-scope .form-field { display:flex; flex-direction:column; align-items:stretch; gap:5px; }
 .cre-assist-scope .form-field > span { font-size:.78rem; }
 .cre-assist-scope .cre-logo-types { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; max-height:210px; overflow:auto; }
 .cre-assist-scope .cre-logo-opts { display:grid; grid-template-columns:repeat(auto-fit,minmax(55px,1fr)); gap:5px; }
 .cre-assist-scope :is(.cre-logo-opt,.cre-logo-type) { min-width:0; min-height:44px; padding:7px 4px; }
 .cre-assist-scope .cre-logo-colors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .cre-assist-scope .cre-logo-color { min-width:0; font-size:.72rem; }
 .cre-assist-scope .cre-logo-color input { width:100%; min-width:0; height:32px; }
 .cre-assist-scope .cre-assist-preview { min-width:0; width:100%; }
 .cre-assist-scope .cre-assist-stage { width:100%; max-width:100%; height:auto; aspect-ratio:1; }
 .cre-assist-scope .cre-assist-stage canvas { max-width:100%; height:auto; }
 .cre-assist-scope .creative-preview-jump { display:inline-flex; }
 .cre-assist-scope .assist-local-note { font-size:10px!important; padding:8px 10px!important; }
}