.studio-shell{gap:1.25rem;display:grid}.studio-page-heading,.studio-viewer-header,.studio-step-controls,.studio-new-pieces>div,.studio-count-list>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.studio-page-heading{align-items:flex-end}.studio-page-heading h1,.studio-viewer-header h1,.studio-info-card h2{margin:0}.studio-back-link{color:var(--text);flex:none;font-weight:700;text-decoration:none}.studio-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start;gap:1rem;display:grid}.studio-viewer-card,.studio-info-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:1.25rem}.studio-viewer-card{overflow:hidden}.studio-viewer-header{padding:1rem 1.1rem}.studio-step-pill{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;min-height:2.25rem;padding:0 .85rem;font-weight:800;display:inline-flex}.studio-canvas-shell{background:linear-gradient(#f7f8fa 0%,#eceef2 100%);min-height:31rem;position:relative}.studio-canvas-shell canvas{touch-action:none;outline:none;width:100%;height:31rem;display:block}.studio-canvas-help{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:#14161cc2;border-radius:999px;padding:.45rem .75rem;font-size:.78rem;font-weight:700;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.studio-error{text-align:center;place-items:center;min-height:31rem;padding:2rem;font-weight:700;display:grid}.studio-step-controls{border-top:1px solid var(--border);min-height:4.5rem;padding:.8rem 1rem}.studio-step-controls button{background:var(--primary-bg);min-height:2.55rem;color:var(--primary-text);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 .95rem;font-weight:800}.studio-step-controls button:disabled{opacity:.35;cursor:default}.studio-step-dots{flex:1;justify-content:center;align-items:center;gap:.32rem;display:flex}.studio-step-dots span{background:var(--border);border-radius:50%;width:.42rem;height:.42rem}.studio-step-dots span.is-complete{background:color-mix(in srgb, var(--text) 48%, transparent)}.studio-step-dots span.is-active{background:var(--text);width:.65rem;height:.65rem}.studio-sidebar{gap:1rem;display:grid}.studio-info-card{padding:1rem}.studio-count-list,.studio-new-pieces{gap:.55rem;margin-top:.8rem;display:grid}.studio-count-list>div,.studio-new-pieces>div{background:var(--surface-muted);border-radius:.85rem;min-height:2.75rem;padding:.65rem .75rem}.studio-count-list strong{min-width:2rem;font-size:1.1rem}.studio-count-list span{flex:1}.studio-new-pieces strong{font-size:1.05rem}.studio-muted{color:var(--text-muted);margin:.8rem 0 0;line-height:1.45}:root[data-theme=dark] .studio-canvas-shell{background:linear-gradient(#20242c 0%,#171a20 100%)}@media (max-width:780px){.studio-page-heading{flex-direction:column;align-items:flex-start}.studio-layout{grid-template-columns:1fr}.studio-canvas-shell,.studio-canvas-shell canvas,.studio-error{height:24rem;min-height:24rem}.studio-sidebar{grid-template-columns:1fr 1fr}}@media (max-width:560px){.studio-viewer-header{align-items:flex-start}.studio-viewer-header h1{font-size:1.3rem}.studio-canvas-shell,.studio-canvas-shell canvas,.studio-error{height:21rem;min-height:21rem}.studio-step-controls{gap:.55rem}.studio-step-controls button{padding-inline:.7rem;font-size:.84rem}.studio-step-dots{gap:.22rem}.studio-step-dots span{width:.34rem;height:.34rem}.studio-step-dots span.is-active{width:.52rem;height:.52rem}.studio-sidebar{grid-template-columns:1fr}.studio-canvas-help{font-size:.7rem}}