.studio-main{width:min(1440px,100%)}
.palette-workspace{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(380px,.78fr);gap:24px;align-items:start}
.palette-compose,.palette-preview{min-width:0;display:grid;gap:18px;align-content:start}
.palette-setup,.palette-editor,.palette-preview-panel{margin:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(16,24,40,.06)}
.palette-setup{display:grid;grid-template-columns:1fr;padding:20px;gap:14px}
.palette-setup[data-hc-start-point=true]::before{grid-column:1/-1;margin:0}
.palette-step-heading,.palette-editor-heading,.palette-preview-heading{display:grid;gap:5px}
.palette-step-heading h2,.palette-editor-heading h2,.palette-preview-heading h2{margin:0;font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.2}
.palette-step-heading>p:last-child,.palette-editor-heading>p,.palette-preview-heading>p{margin:0;color:#667085;font-size:.76rem;line-height:1.5}
.palette-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.palette-control-grid .toolbar-group{min-width:0}
.palette-control-grid select{width:100%;min-width:0}
.palette-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.palette-actions>*{min-height:44px;white-space:nowrap}
.palette-actions .primary{min-width:190px}
.palette-actions .secondary{min-width:128px}
.palette-setup #status{margin:0;text-align:left}
.palette-setup .toolbar-note{margin:0;padding:0;border:0;color:#667085;font-size:.74rem;line-height:1.5}
.palette-editor{padding:18px}
.palette-editor-heading{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);align-items:end;gap:16px;margin-bottom:14px}
.palette-editor-heading>p{text-align:right}
.palette-compose .palette-grid{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:10px;margin:0}
.palette-compose .color-card{min-width:0;min-height:300px;padding:10px;border-radius:16px}
.palette-compose .card-controls{gap:7px;padding:9px;border-radius:12px}
.palette-compose .hex-row{gap:4px}
.palette-compose .hex-row span{font-size:.76rem}
.palette-compose .hex-row input{min-width:0;font-size:.78rem;letter-spacing:-.02em}
.palette-compose .card-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.palette-compose .card-buttons button{min-width:0;min-height:32px;padding:0;font-size:.72rem}
.palette-preview{position:sticky;top:92px}
.palette-preview-panel{padding:18px}
.palette-preview-heading{margin-bottom:14px}
.palette-preview-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.palette-preview-grid .preview-card{min-height:220px;padding:22px;border-radius:16px;box-shadow:none}
.palette-preview-grid .preview-card h2{margin:10px 0 8px;font-size:clamp(1.45rem,2.2vw,2.15rem);line-height:1.12}
.palette-preview-grid .preview-card p{margin:0 0 16px;font-size:.88rem;line-height:1.55}
.palette-preview-grid .preview-card button{min-height:40px}
@media(max-width:1180px){.palette-workspace{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)}.palette-compose .palette-grid{grid-template-columns:repeat(5,minmax(96px,1fr))}.palette-compose .hex-row input{font-size:.7rem}.palette-compose .card-buttons button{font-size:.68rem}}
@media(max-width:980px){.palette-workspace{grid-template-columns:1fr}.palette-compose{grid-row:1}.palette-preview{grid-row:2;position:static}.palette-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-compose .palette-grid{grid-template-columns:repeat(5,minmax(110px,1fr))}}
@media(max-width:760px){.palette-control-grid,.palette-editor-heading{grid-template-columns:1fr}.palette-editor-heading>p{text-align:left}.palette-compose .palette-grid{grid-template-columns:1fr}.palette-compose .color-card{min-height:190px}.palette-preview-grid{grid-template-columns:1fr}.palette-actions{display:grid;grid-template-columns:1fr 1fr}.palette-actions .primary{grid-column:1/-1}.palette-actions>*{width:100%;min-width:0!important}.palette-preview-grid .preview-card{min-height:210px}}
@media(max-width:480px){.palette-actions{grid-template-columns:1fr}.palette-actions .primary{grid-column:auto}.palette-setup,.palette-editor,.palette-preview-panel{padding:15px;border-radius:16px}}