.studio-workspace{max-width:1760px;margin:0 auto;padding:40px 32px 64px}.studio-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.studio-heading h1{letter-spacing:-.035em;margin:8px 0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.15}.studio-heading p{color:var(--cu-text-secondary);margin:0}.studio-heading>.button{flex-shrink:0}.studio-layout{grid-template-columns:224px minmax(0,1fr) 288px;align-items:start;gap:24px;display:grid}.studio-rail{scrollbar-width:thin;max-height:calc(100dvh - 140px);padding-right:8px;overflow:auto}.studio-rail-content{gap:8px;font-size:13px;display:grid}.studio-rail-content input,.studio-rail-content select,.studio-toolbar select{border:1px solid var(--cu-control);background:var(--cu-surface);width:100%;min-width:0;color:var(--cu-text);font:inherit;border-radius:8px;padding:10px}.studio-rail-content label:not(:first-child){margin-top:8px}.studio-count{color:var(--cu-text-secondary);margin:8px 0}.studio-effect-list{gap:12px;display:grid}.studio-effect{border:1px solid var(--cu-divider);background:var(--cu-surface);width:100%;color:var(--cu-text);text-align:left;cursor:pointer;border-radius:12px;padding:4px}.studio-effect img{object-fit:cover;border-radius:8px;width:100%;height:96px}.studio-effect>span{justify-content:space-between;gap:8px;padding:8px;font-size:13px;display:flex}.studio-effect[aria-pressed=true],.studio-presets button[aria-pressed=true]{border-color:var(--cu-accent);background:var(--cu-raised)}.studio-center,.studio-settings{min-width:0}.studio-art-heading{justify-content:space-between;align-items:center;gap:16px;min-height:56px;margin-bottom:16px;display:flex}.studio-art-heading h2{letter-spacing:-.025em;margin:2px 0 0;font-size:24px;font-weight:500}.studio-art-heading .text-link{white-space:nowrap;font-size:12px}.studio-canvas{background:#09090b;border-radius:16px;min-width:0;height:clamp(340px,100dvh - 340px,680px);overflow:hidden}.studio-toolbar{border-bottom:1px solid var(--cu-divider);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px 0;display:flex}.studio-toolbar>label{color:var(--cu-text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.studio-toolbar select{width:auto;min-height:44px}.studio-playback{flex-wrap:wrap;gap:4px;display:flex}.studio-playback button{min-height:44px;color:var(--cu-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:13px}.studio-playback button:hover{background:var(--cu-raised);border-color:var(--cu-control)}.studio-presets{flex-wrap:wrap;gap:12px;padding-top:16px;display:flex}.studio-presets button{border:1px solid var(--cu-divider);background:var(--cu-surface);color:var(--cu-text);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:4px 12px 4px 4px;font-size:12px;display:flex}.studio-presets img{object-fit:cover;border-radius:4px;width:64px;height:40px}.studio-notice{color:var(--cu-text-secondary);min-height:20px;font-size:13px}.studio-settings .playground-controls{background:var(--cu-surface);border:1px solid var(--cu-divider);scrollbar-width:thin;border-radius:12px;width:auto;max-height:calc(100dvh - 140px);padding:20px;overflow:auto}.studio-settings .controls-title h2{font-size:16px}.studio-settings .control-group-title{font:500 11px var(--cu-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cu-text-secondary);grid-column:1/-1;margin:16px 0 4px}.studio-settings .control-field small{color:var(--cu-text);line-height:1.5}.studio-select-mobile{display:none}.studio-code-drawer,.studio-effect-dialog{z-index:101;background:var(--cu-surface);color:var(--cu-text);border:1px solid var(--cu-control);padding:24px;position:fixed;overflow:auto;box-shadow:0 20px 60px #0006}.studio-code-drawer{width:min(720px,100%);top:0;bottom:0;right:0}.studio-code-drawer>p,.studio-effect-dialog>p{color:var(--cu-text-secondary);font-size:14px}.studio-code-drawer .source-access{min-width:0}.studio-dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-dialog-heading h2{letter-spacing:-.025em;font-size:24px}.studio-effect-dialog{border-radius:16px;width:min(520px,100% - 24px);max-height:90dvh;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-effect-dialog .studio-effect-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1199px){.studio-layout{grid-template-columns:224px minmax(0,1fr)}.studio-settings{grid-column:2}.studio-settings .playground-controls{max-height:none}.studio-canvas{height:520px}}@media (max-width:899px){.studio-workspace{padding:24px 20px 48px}.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-rail{display:none}.studio-settings{grid-column:1}.studio-select-mobile{display:inline-flex}.studio-art-heading{flex-wrap:wrap}.studio-art-heading>div{flex:1}.studio-art-heading .text-link{flex-basis:100%}.studio-canvas{height:clamp(340px,55dvh,540px)}.studio-heading{align-items:flex-start}.studio-heading h1{font-size:28px}.studio-heading p{font-size:13px}.studio-code-drawer{padding:20px}.studio-code-drawer .source-unlock-row{flex-wrap:wrap}}@media (max-width:479px){.studio-heading{flex-wrap:wrap;gap:16px}.studio-toolbar{align-items:flex-start}.studio-playback{justify-content:space-between;width:100%}.studio-presets{gap:8px}.studio-presets button{gap:8px;padding-right:8px}}