html[data-theme] .creative-page main{max-width:none;padding:0 24px 32px}
.builder-board{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);overflow:hidden;box-shadow:var(--studio-shadow)}
.builder-board-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid var(--ui-border);background:linear-gradient(110deg,var(--studio-glow),transparent)}
.board-kicker{font-size:.6rem;letter-spacing:.12em;color:var(--ui-accent);font-weight:700}.builder-board-header h2{font-size:1.05rem;margin:4px 0 0}.builder-actions{display:flex;gap:8px;flex-wrap:wrap}.builder-actions button{font-size:.72rem}
.builder-controls{margin:0;padding:0;border:0;border-right:1px solid var(--ui-border);min-width:0;max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:thin;scrollbar-gutter:stable;align-self:start}
.builder-controls details{border-bottom:1px solid var(--ui-border)}.builder-controls summary{padding:18px 20px;cursor:pointer;display:flex;gap:12px;align-items:center;color:var(--ui-accent);font-size:.7rem;font-weight:600}.builder-controls summary span{color:var(--ui-text);font-size:.8rem}.builder-controls summary:after{content:'+';margin-left:auto;font-size:1rem}.builder-controls details[open]>summary:after{content:'−'}.control-content{padding:0 20px 22px}
.builder-controls label{display:block;margin:18px 0 7px;font-size:.74rem;font-weight:500;color:var(--ui-text)}
.builder-controls input:not([type=range]):not([type=color]),.builder-controls select,.builder-controls textarea{width:100%;min-width:0;font-size:.8rem;padding:11px 12px;background:var(--ui-soft);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:8px}
.builder-controls input[type=file]{font-size:.65rem!important;padding:8px!important}.builder-controls textarea{resize:vertical;line-height:1.7}.builder-controls input[type=range]{width:100%;accent-color:var(--ui-accent)}.builder-controls output{float:right;font-size:.68rem;color:var(--ui-muted)}.builder-controls button{font-size:.73rem}
.control-hint{font-size:.68rem;line-height:1.7;color:var(--ui-muted)}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.color-fields input{display:block;width:100%;height:38px;background:none;border:1px solid var(--ui-border);padding:3px;border-radius:8px;margin-top:8px}
.repeat-row{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--ui-border)}.repeat-actions{display:flex;gap:5px;margin-top:10px}.repeat-actions button{font-size:.6rem;padding:6px 8px;min-height:30px}.repeat-actions button:last-child{margin-left:auto}
.builder-preview{min-width:0;align-self:start}.creative-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--ui-border);font-size:.72rem}.creative-preview-toolbar button{font-size:.7rem;padding:7px 12px}.creative-preview-toolbar .pill{margin-right:auto}.zoom-label{display:flex;align-items:center;gap:8px;margin:0!important;font-size:.7rem}.zoom-label input{max-width:130px;accent-color:var(--ui-accent)}#zoom-value{min-width:65px;color:var(--ui-muted)}
#creative-stage{display:flex;overflow:auto;overscroll-behavior:contain;resize:vertical;min-height:350px;height:69vh;max-height:90vh;padding:24px;background:radial-gradient(circle at 1px 1px,#82969420 1px,transparent 0) 0 0/20px 20px,var(--ui-soft)}
#creative-canvas{display:block;flex:none;margin:auto;max-width:none;box-shadow:0 15px 40px #0004;border-radius:2px}
.builder-export{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;flex-wrap:wrap}.builder-export>div{display:flex;gap:8px;flex-wrap:wrap}.builder-export button{font-size:.73rem}.builder-export #builder-status{font-size:.7rem;color:var(--ui-muted);max-width:370px}.builder-footnote{font-size:.72rem;color:var(--ui-muted);margin:18px 0;line-height:1.8}.controls-hidden{grid-template-columns:minmax(0,1fr)}.controls-hidden .builder-controls{display:none}#page-note{margin-left:auto;max-width:380px}
#print-pages{display:none}
@media(max-width:1000px){.builder-board{grid-template-columns:300px minmax(0,1fr)}.creative-preview-toolbar{gap:8px}.builder-export>div{width:100%}.builder-export button{flex:1}}
@media(max-width:700px){html[data-theme] .creative-page main{padding:0 10px 20px}.builder-board{grid-template-columns:minmax(0,1fr)}.builder-controls{max-height:450px;border-right:0;border-bottom:1px solid var(--ui-border)}.builder-board-header{padding:14px;flex-wrap:wrap}.builder-actions{width:100%}.builder-actions button{flex:1}#creative-stage{height:60vh;min-height:320px;padding:16px}.creative-preview-toolbar{padding:10px}.creative-preview-toolbar .pill{flex-basis:100%;width:fit-content}.builder-export{padding:12px}#page-note{flex-basis:100%;margin:0}.controls-hidden{grid-template-columns:minmax(0,1fr)}}
@media print{@page{size:auto;margin:0}html,body{background:white!important}body>*:not(#print-pages){display:none!important}#print-pages{display:block!important}#print-pages img{display:block;max-width:100%;max-height:98vh;width:auto;height:auto;margin:0 auto;break-after:page;page-break-after:always}#print-pages img:last-child{break-after:auto;page-break-after:auto}}
