.design-studio{display:grid;gap:20px}.design-toolbar,.design-controls,.design-preview-card,.design-export{padding:20px;border-radius:22px;background:var(--surface,#eef3f8);box-shadow:var(--shadow-out,8px 8px 18px #cbd3dc,-8px -8px 18px #fff)}.design-toolbar{display:flex;flex-wrap:wrap;gap:9px}.design-toolbar button[aria-selected=true]{background:var(--accent,#14b8a6);color:#fff}.design-main{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px}.design-controls{display:grid;align-content:start;grid-template-columns:1fr 1fr;gap:12px}.design-controls label,.design-export label{display:grid;gap:6px;font-size:.78rem;font-weight:800;color:var(--muted,#64748b)}.design-controls .wide{grid-column:1/-1}.design-upload{display:grid!important;place-items:center;padding:18px;border:2px dashed var(--accent,#14b8a6);border-radius:15px;cursor:pointer}.design-preview{min-height:430px;display:grid;place-items:center;overflow:auto;border-radius:15px;background:#dce5ef;padding:15px}.design-preview canvas{max-width:100%;max-height:68vh;box-shadow:0 12px 30px rgba(15,23,42,.2)}.design-export{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.design-status{flex:1;min-width:220px}.design-note{font-size:.78rem;line-height:1.5;color:var(--muted,#64748b)}@media(max-width:850px){.design-main{grid-template-columns:1fr}.design-preview{min-height:320px}}[data-theme=dark] .design-toolbar,[data-theme=dark] .design-controls,[data-theme=dark] .design-preview-card,[data-theme=dark] .design-export{background:#172235;box-shadow:8px 8px 18px #0a1220,-7px -7px 16px #22314a}[data-theme=dark] .design-preview{background:#0f1929}