.studio{--studio-bar:58px;padding-top:var(--header-h);background:var(--ink);font-size:14px;line-height:1.5}.studio input,.studio select,.studio textarea{font:inherit;color:var(--text)}.studio [hidden]{display:none!important}.studio__bar{min-height:var(--studio-bar);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--deep);justify-content:space-between;align-items:center;gap:16px;padding:8px 24px;display:flex}.studio__bar .crumbs{min-width:0}.studio__models{gap:4px;margin-right:auto;display:flex}.studio__models a{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;padding:6px 12px;font-size:.7rem;text-decoration:none}.studio__models a:hover{color:var(--text);border-color:var(--line-strong)}.studio__models a[aria-current=page]{color:var(--brass);border-color:var(--brass)}.studio__actions,.studio .button-row,.studio .toolbar-group{align-items:center;gap:8px;display:flex}.studio button{border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;background:#e9eef308;padding:8px 12px;font-size:.8rem;line-height:1.3;transition:background .2s,border-color .2s,color .2s}.studio button:hover{background:#e9eef312;border-color:#e9eef38c}.studio button:disabled{opacity:.3;cursor:default}.studio .ds-btn{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.studio #undo,.studio #redo,.studio #zoom-in,.studio #zoom-out{min-width:34px;font-family:var(--font-body), system-ui, sans-serif;letter-spacing:0;font-size:1rem;line-height:1}.studio .ds-btn--solid{background:var(--brass);border-color:var(--brass);color:#10161c;font-weight:500}.studio .ds-btn--solid:hover{background:#e0bd8b;border-color:#e0bd8b}.studio button[aria-pressed=true]{border-color:var(--brass);color:var(--brass);background:#cfa8731f}.studio .danger{color:#f2a594}.studio .app-shell{height:calc(100svh - var(--header-h) - var(--studio-bar));grid-template-columns:300px minmax(0,1fr);min-height:560px;display:grid}.studio .sidebar{border-right:1px solid var(--line);scrollbar-width:thin;background:var(--ink);padding:22px 20px 26px;overflow:auto}.studio .sidebar-intro .eyebrow{letter-spacing:.22em;margin-bottom:10px;font-size:.62rem}.studio h1{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;margin-bottom:8px;font-size:2.5rem;font-weight:200;line-height:1.02}.studio h1 span{color:var(--brass)}.studio .muted{color:var(--muted);margin:7px 0 15px;font-size:.78rem;line-height:1.65}.studio .ds-field{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:16px 0;font-size:.62rem;display:block}.studio .ds-field input,.studio .ds-field select,.studio textarea{border:1px solid var(--line-strong);background:var(--deep);width:100%;font-family:var(--font-body), system-ui, sans-serif;letter-spacing:0;text-transform:none;border-radius:0;margin-top:7px;padding:9px 10px;font-size:.85rem;display:block}.studio textarea{resize:vertical;margin-top:10px;font-size:.8rem}.studio .preset-panel,.studio .notes-panel{border-top:1px solid var(--line);padding:12px 0}.studio summary{cursor:pointer;font-size:.8rem;font-weight:500}.studio .preset-buttons{gap:7px;margin:12px 0;display:grid}.studio .preset-buttons button{text-align:left;white-space:normal}.studio .panel-tabs{border-bottom:1px solid var(--line);gap:12px;margin:9px 0 15px;display:flex}.studio .panel-tabs button{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-bottom:1px solid #0000;flex:1;margin-bottom:-1px;padding:10px 0;font-size:.66rem}.studio .panel-tabs [aria-selected=true]{color:var(--text);border-bottom-color:var(--brass)}.studio .catalog-heading{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:20px 0 9px;font-size:.6rem;font-weight:400}.studio .catalog-items{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio .catalog-item{white-space:normal;text-align:center;background:var(--panel);border-color:var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:96px;padding:10px 6px 8px;font-size:.72rem;line-height:1.4;display:flex}.studio .catalog-item:hover{border-color:var(--brass);background:var(--panel-2)}.studio .catalog-item canvas{pointer-events:none;width:84px;height:44px;margin:0 0 7px}.studio .control-label{justify-content:space-between;align-items:center;margin:16px 0 4px;font-size:.78rem;display:flex}.studio .control-label output,.studio #zoom-value{font-family:var(--font-mono), ui-monospace, monospace;color:var(--brass);font-size:.7rem}.studio input[type=range]{width:100%;accent-color:var(--brass);display:block}.studio .button-row{margin:13px 0}.studio .button-row>button{flex:1}.studio .ds-check{color:#c4ced8;white-space:nowrap;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.studio .ds-check input{accent-color:var(--brass)}.studio .color-field{color:#c4ced8;align-items:center;gap:8px;font-size:.78rem;display:flex}.studio input[type=color]{background:0 0;border:0;width:33px;height:26px;padding:1px}.studio .hint{color:#f0c27a;margin:10px 0;font-size:.72rem;line-height:1.6}.studio .hint:empty{display:none}.studio .selection-symbol{color:#cfa8738c;text-align:center;margin:25px 0 0;font-size:42px}.studio #empty-selection{text-align:center;padding:0 8px}.studio #empty-selection h2{font-family:var(--font-display), system-ui, sans-serif;margin:6px 0;font-size:1.3rem;font-weight:300}.studio .storage-note{color:#a9d9d6;align-items:center;gap:8px;margin:19px 0 8px;font-size:.72rem;display:flex}.studio .status-dot{background:var(--sea);border-radius:50%;flex-shrink:0;width:6px;height:6px}.studio .fineprint{color:#7d8c9b;margin:7px 0;font-size:.68rem;line-height:1.7}.studio__powered{border-top:1px solid var(--line);opacity:.85;align-items:center;gap:10px;width:100%;margin-top:18px;padding-top:16px;transition:opacity .2s;display:inline-flex}.studio__powered:hover{opacity:1}.studio__powered img{border-radius:7px;width:28px;height:28px}.studio__powered small{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.17em;text-transform:uppercase;color:#7f8999;font-size:.54rem;display:block}.studio__powered b{letter-spacing:.045em;text-transform:uppercase;color:#f7f8fa;font-size:.86rem;font-weight:900;line-height:1.2;display:block}.studio__powered em{color:#e8414c;font-style:normal}.studio .workspace{background:var(--deep);flex-direction:column;min-width:0;min-height:0;display:flex}.studio .deck-heading{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 9px;display:flex}.studio .deck-heading .eyebrow{letter-spacing:.22em;font-size:.6rem;font-weight:400}.studio .deck-heading>span{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-size:.66rem}.studio .deck-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 14px;display:grid}.studio .deck-card{white-space:normal;text-align:left;background:var(--panel);border-color:var(--line);flex-direction:column;align-items:stretch;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.studio .deck-card img{object-fit:cover;object-position:center 40%;background:var(--ink);width:100%;height:62px;display:block}.studio .deck-card[data-deck=lower] img{object-position:center 27%}.studio .deck-card>span{padding:9px 11px;display:block}.studio .deck-card small{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.55rem;display:block}.studio .deck-card strong{font-family:var(--font-display), system-ui, sans-serif;margin-top:3px;font-size:1.1rem;font-weight:300;line-height:1.2;display:block}.studio .deck-card em{color:var(--muted);margin-top:2px;font-size:.66rem;font-style:normal;display:block}.studio .deck-card[aria-pressed=true]{border-color:var(--brass);box-shadow:inset 0 -2px var(--brass);color:var(--text);background:#cfa87314}.studio .deck-card[aria-pressed=true] small{color:var(--brass)}.studio .canvas-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;display:flex}.studio .canvas-toolbar button{padding:7px 10px}.studio .toolbar-divider{border-left:1px solid var(--line);height:22px;margin:0 3px}.studio #zoom-value{text-align:center;width:44px;color:var(--muted)}.studio .view-options{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.studio .ds-stage{scrollbar-color:#33475a var(--panel);background-color:var(--panel);background-image:radial-gradient(#e9eef317 .7px,#0000 .7px);background-size:18px 18px;flex:1;min-height:260px;padding:16px;position:relative;overflow:auto}.studio .ds-stage.panning{cursor:grab}.studio .ds-stage.panning:active{cursor:grabbing}.studio #artboard{background:var(--ink);outline:1px solid var(--line);margin:auto;line-height:0;position:relative;box-shadow:0 14px 50px #0000008c}.studio #deck-canvas{touch-action:none;cursor:default;outline:none;max-width:none;display:block}.studio #deck-canvas:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.studio #loading{background:var(--deep);border:1px solid var(--line);color:#c4ced8;padding:14px 22px;position:absolute;top:45%;left:50%;transform:translate(-50%)}.studio .workspace-footer{border-top:1px solid var(--line);color:#c4ced8;justify-content:space-between;gap:12px;padding:10px 18px;font-size:.72rem;display:flex}.studio .workspace-footer>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.studio .keyboard-help{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;color:#7d8c9b;font-size:.62rem}.studio .objects-drawer{border-top:1px solid var(--line);max-height:190px;padding:11px 18px;overflow:auto}.studio .objects-drawer summary{color:#c4ced8;font-size:.74rem}.studio .objects-drawer summary span{font-family:var(--font-mono), ui-monospace, monospace;color:var(--brass);margin-left:6px;font-size:.66rem}.studio #object-list{flex-wrap:wrap;gap:7px;padding-top:12px;display:flex}.studio #object-list button{padding:6px 10px;font-size:.72rem}.studio #object-list button.selected{border-color:var(--brass);color:var(--brass)}.studio .toast{z-index:120;bottom:calc(24px + env(safe-area-inset-bottom));background:var(--panel-2);border:1px solid var(--line-strong);border-left:2px solid var(--brass);max-width:calc(100vw - 32px);color:var(--text);padding:12px 20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0000008c}.studio__noscript{color:var(--muted);padding:24px}@media (min-width:1350px){.studio .deck-card{flex-direction:row;align-items:center}.studio .deck-card img{width:43%;height:80px}.studio .deck-card>span{padding:11px 13px}.studio .deck-card strong{font-size:1.25rem}}@media (max-width:1100px){.studio .app-shell{grid-template-columns:262px minmax(0,1fr)}.studio .sidebar{padding:20px 15px}.studio .keyboard-help{display:none}.studio .deck-heading{padding:13px 12px 10px}.studio .deck-selector{gap:7px;padding:0 12px 12px}.studio .deck-card>span{padding:7px 8px}.studio .deck-card small{letter-spacing:.08em;font-size:.5rem}.studio .deck-card img{height:53px}.studio .canvas-toolbar{padding-inline:10px}.studio .view-options{order:3;width:100%}}@media (max-width:760px){.studio__bar{flex-wrap:wrap;padding:10px 16px}.studio__actions{flex-wrap:wrap;gap:6px;width:100%}.studio__actions #discuss-design{flex-basis:100%;padding:11px 6px}.studio__actions button{letter-spacing:.1em;flex:1;padding:9px 6px;font-size:.6rem}.studio .app-shell{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.studio .workspace{order:1;height:85svh;min-height:620px}.studio .sidebar{border-right:0;border-top:1px solid var(--line);order:2;padding:20px 16px;overflow:visible}.studio h1{font-size:2.2rem}.studio .catalog-items{grid-template-columns:repeat(3,minmax(0,1fr))}.studio .deck-heading{padding:12px}.studio .deck-card img{height:56px}.studio .deck-card strong{font-size:1rem}.studio .canvas-toolbar{gap:7px}.studio .canvas-toolbar button{padding:6px 8px}.studio .ds-stage{padding:12px}.studio .objects-drawer{max-height:120px}.studio .toast{bottom:calc(16px + env(safe-area-inset-bottom))}}@media (max-width:420px){.studio .deck-card small{display:none}.studio .catalog-items{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio .ds-quickbar{display:none}@media (max-width:760px){.studio .ds-quickbar:not([hidden]){z-index:20;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line-strong,#2a3642);background:#04080df5;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:sticky;bottom:0}.studio .ds-quickbar__name{color:var(--muted,#94a3b3);flex-basis:100%;font-size:.8rem}.studio .ds-quickbar .ds-btn{flex:1;min-height:44px;padding:8px 4px}}