.studio-shell{--studio-line:var(--line);--studio-surface:var(--surface-1);--studio-muted:var(--muted-foreground)}.studio-workspace{max-width:1480px;margin:auto;padding:32px 48px 64px}.studio-toolbar,.studio-row,.studio-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-toolbar{flex-wrap:wrap;justify-content:flex-end;margin-bottom:24px}.studio-actions{flex-wrap:wrap;justify-content:flex-start}.studio-columns{grid-template-columns:minmax(0,1fr) minmax(380px,1fr);align-items:start;gap:32px;display:grid}.studio-controls{gap:16px;display:grid}.studio-panel{border:1px solid var(--studio-line);border-radius:var(--radius-xl);background:var(--studio-surface);padding:22px}.studio-workspace h2{margin:0 0 14px;font-size:16px;font-weight:600}.studio-workspace .studio-row h2{margin-bottom:0}.studio-panel>.studio-row{margin-bottom:14px}.studio-workspace label{margin:14px 0 7px;font-size:14px;font-weight:550;display:block}.studio-workspace .studio-row label{margin-top:0}.studio-actions a{color:var(--studio-muted);font-size:14px}.studio-muted{color:var(--studio-muted);margin-top:10px;font-size:13px;line-height:1.6}.studio-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.studio-wide{grid-column:1/-1}.studio-fields .studio-row{margin-top:12px}.studio-preview{min-width:0;position:sticky;top:120px}.studio-preview-stage{background:var(--surface-0);border:1px solid var(--studio-line);border-radius:var(--radius-xl);place-items:center;min-height:560px;margin:0 0 16px;padding:32px 20px;display:grid}.studio-card{width:100%;max-width:400px;position:relative;box-shadow:0 18px 55px #0009}.studio-art-drag{cursor:grab;touch-action:none;position:absolute}.studio-art-drag:active{cursor:grabbing}.studio-export{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.studio-export button{min-height:48px}.studio-fit{color:#f5ce84;margin:12px 0;font-size:14px}.studio-range label{justify-content:space-between;gap:12px;display:flex}.studio-range input{width:100%;accent-color:var(--accent)}.studio-ai{border-top:1px solid var(--studio-line);margin-top:22px;padding-top:18px}.studio-workspace summary{cursor:pointer;font-size:16px;font-weight:600}.studio-workspace details[open]>summary{margin-bottom:14px}.studio-alert,.studio-notice{color:#ffe0b3;border-radius:var(--radius-xl);background:#4a3421;border:1px solid #a56b39;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;font-size:14px;line-height:1.6;display:flex}.studio-alert{color:#ffcad0;background:#43252b;border-color:#aa5864}.studio-results{border:1px solid var(--studio-line);border-radius:var(--radius-xl);max-height:320px;margin:8px 0;overflow:auto}.studio-results button{text-align:left;border:0;border-bottom:1px solid var(--studio-line);border-radius:0;gap:4px;width:100%;display:grid}.studio-results span{color:var(--studio-muted);font-size:13px}.studio-check{align-items:center;gap:9px;display:flex!important}.studio-check input{width:18px;height:18px}.studio-gallery{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin:24px;display:grid}.studio-gallery figure{min-width:0}.studio-gallery figcaption{padding:10px;font-size:14px}@media (width<=900px){.studio-columns{grid-template-columns:minmax(0,1fr);gap:24px}.studio-preview{grid-row:1;position:static}.studio-preview-stage{min-height:0;padding:22px}.studio-card{max-width:330px}.studio-workspace{padding:20px 16px 48px}.studio-panel{padding:18px}.studio-toolbar{gap:16px}.studio-actions{gap:8px}.studio-preview .studio-row h2{margin:0}}fieldset.studio-controls{border:0;min-width:0;margin:0;padding:0}.studio-workspace .studio-content h2{margin:0;font-size:14px;line-height:20px}.studio-workspace .studio-content label{margin:0;font-size:12px;font-weight:600;line-height:16px}.studio-workspace .studio-panel-header{margin:0;font-size:14px;line-height:20px;list-style:none}.studio-workspace .studio-panel-title{margin:0;font-family:inherit;font-size:14px;line-height:20px}.studio-panel-header::-webkit-details-marker{display:none}details:not([open])>.studio-panel-header{border-bottom-color:#0000}details[open]>.studio-panel-header .studio-panel-chevron{transform:rotate(180deg)}.studio-workspace .studio-ai-heading{font-size:14px}.studio-workspace .studio-frame-option{cursor:pointer;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.studio-workspace .studio-set-details .studio-fields label{margin:0 0 6px}