.studio.wbdy{--wb-rail:248px;--wb-preview:clamp(360px, 28vw, 520px);--wb-edge:44px;--wb-measure:1160px;grid-template-columns:var(--wb-rail) minmax(0, 1fr) auto;background:var(--paper);min-height:100dvh;display:grid}.studio .wb-rail{gap:var(--s4);min-width:0;padding:var(--s5) var(--s4);background:var(--plate);border-right:1px solid var(--hair);flex-direction:column;grid-area:1/1;height:100dvh;display:flex;position:sticky;top:0}.studio .wb-rail-scroll{gap:var(--s2);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.studio .wb-workspace{gap:var(--s2);flex-direction:column;min-width:0;display:flex}.studio .wb-workspace-head{align-items:baseline;column-gap:var(--s2);row-gap:var(--s1);padding-bottom:var(--s2);border-bottom:1px solid var(--hair-soft);grid-template-columns:minmax(0,1fr) auto;display:grid}.studio .wb-workspace-head>.rail-sec{grid-column:1/-1;margin:0}.studio .wb-workspace-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio .wb-workspace-role{color:var(--ink-faint);font-size:11px}.studio .wb-workspace-status{color:var(--ink-faint);margin:0;font-size:12px;line-height:1.55}.studio .wb-project-create{gap:var(--s1);flex-direction:column;display:flex}.studio .wb-project-create-toggle{min-height:32px;padding:0 var(--s2);color:var(--ink-muted);border:1px solid var(--hair-soft);border-radius:var(--r-sm);background:var(--paper);cursor:pointer;align-self:flex-start;font-size:12px}.studio .wb-project-create-toggle:hover{color:var(--accent);border-color:var(--accent)}.studio .wb-project-create form{gap:var(--s1);display:grid}.studio .wb-project-create input{min-width:0;min-height:36px;padding:6px var(--s2);color:var(--ink);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--plate);font:inherit;font-size:12px}.studio .wb-project-create form>div{justify-content:flex-end;gap:var(--s1);display:flex}.studio .wb-project-create form button{min-height:32px;padding:0 var(--s2);border:1px solid var(--hair-soft);border-radius:var(--r-sm);background:var(--paper);cursor:pointer;font-size:11px}.studio .wb-project-create form button[type=submit]{color:var(--paper);border-color:var(--accent);background:var(--accent)}.studio .wb-project-create form button:disabled{cursor:wait;opacity:.58}.studio .wb-projects{gap:var(--s1);flex-direction:column;display:flex}.studio .wb-project{border:1px solid var(--hair-soft);border-radius:var(--r-sm);background:var(--paper);min-width:0}.studio .wb-project--unarchived{border-style:dashed}.studio .wb-project-head{align-items:center;gap:var(--s1);min-width:0;padding:2px;display:flex}.studio .wb-project-toggle{align-items:center;gap:var(--s1);min-width:0;min-height:36px;padding:0 var(--s2);border-radius:var(--r-sm);color:var(--ink-muted);cursor:pointer;text-align:start;background:0 0;border:0;flex:auto;display:flex}.studio .wb-project-toggle:hover{color:var(--ink);background:var(--accent-wash)}.studio .wb-project-toggle svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px;transition:transform .16s}.studio .wb-project-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.studio .wb-project-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.studio .wb-project-new-session{min-height:32px;padding:0 var(--s2);border-radius:var(--r-sm);color:var(--ink-faint);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;font-size:11px}.studio .wb-project-new-session:hover:not(:disabled){color:var(--accent);background:var(--accent-wash)}.studio .wb-project-new-session:disabled{cursor:wait;opacity:.58}.studio .wb-project-sessions{padding:0 var(--s1) var(--s1)}.studio .wb-project-sessions li>span{padding:var(--s2);color:var(--ink-faint);font-size:11px;display:block}.studio .wb-project-sessions a{padding:var(--s2)}@media (prefers-reduced-motion:reduce){.studio .wb-project-toggle svg{transition:none}}.studio .wb-new{justify-content:center;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s3);border:1px solid var(--accent);border-radius:var(--r-md);background:var(--accent);color:var(--plate);font-size:14px;font-weight:600;font-family:var(--font-text);display:flex}.studio .wb-new:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.studio .wb-new svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;flex:none;width:16px;height:16px}.studio .wb-more>summary{align-items:center;gap:var(--s1);cursor:pointer;min-height:24px;list-style:none;display:flex}.studio .wb-more>summary::-webkit-details-marker{display:none}.studio .wb-more>summary:hover{color:var(--ink-muted)}.studio .wb-more>summary svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.studio .wb-more[open]>summary svg{transform:rotate(90deg)}@media (prefers-reduced-motion:no-preference){.studio .wb-more>summary svg{transition:transform .16s}}.studio .wb-rail-foot{align-items:center;gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--hair);display:flex}.studio .wb-acct{align-items:center;gap:var(--s2);min-width:0;color:var(--ink-muted);flex:auto;min-height:32px;display:flex}.studio .wb-acct:hover{color:var(--ink)}.studio .wb-acct-dot{background:var(--accent-wash);width:24px;height:24px;color:var(--accent);border-radius:999px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.studio .wb-acct-mail{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.studio .wb-work{flex-direction:column;grid-area:1/2;min-width:0;display:flex}.studio .wb-surface{width:min(var(--wb-measure), 100%);padding:var(--s6) clamp(16px, 4vw, 48px) var(--s8);gap:var(--s6);flex-direction:column;margin-inline:auto;display:flex}.studio .wb-surface-head{gap:var(--s2);flex-direction:column;display:flex}.studio .wb-surface-head h1{margin:0;font-size:clamp(24px,3.2vw,34px);line-height:1.4}.studio .wb-surface-head p{margin:0}.studio .wb-block{gap:var(--s3);flex-direction:column;display:flex}.studio .wb-block>.rail-sec{padding-bottom:var(--s2);border-bottom:1px solid var(--hair-soft);margin:0}.studio .wb-block>p{margin:0}.studio .wb-block-head{justify-content:space-between;align-items:baseline;gap:var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--hair-soft);display:flex}.studio .wb-block-head>.rail-sec{border-bottom:0;margin:0;padding:0}.studio .wb-block-link{min-block-size:24px;color:var(--ink-muted);white-space:nowrap;align-items:center;font-size:12px;display:inline-flex}.studio .wb-block-link:hover{color:var(--accent)}@media (min-width:901px){.studio.wbdy .wb-work--console{height:100dvh;position:sticky;top:0;overflow:hidden}.studio.wbdy .wb-work--console>.wb-surface{flex:0 auto;min-height:0;overflow-y:auto}}.studio .wb-chat{border-top:1px solid var(--hair);flex-direction:column;flex:1 1 0;min-block-size:min(380px,60dvh);display:flex}.studio .wb-chat--full{border-top:0;block-size:100%;min-block-size:0}.studio .wb-chat--full .wb-chat-col{inline-size:100%;padding-inline:0}.studio .wb-chat--full .wb-chat-head{border-block-end:1px solid var(--hair);min-block-size:44px;padding-inline:clamp(16px,2vw,32px)}.studio .wb-chat--full .chat-pane{border:0;border-radius:0}.studio .wb-chat-col{min-height:0;inline-size:min(var(--wb-measure), 100%);flex-direction:column;flex:auto;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);display:flex}.studio .wb-chat-head{justify-content:space-between;align-items:baseline;gap:var(--s3);padding-block:var(--s3) var(--s2);display:flex}.studio .wb-chat-head>.rail-sec{margin:0}.studio .wb-chat .chat-pane{border:1px solid var(--hair);border-radius:var(--r-md) var(--r-md) 0 0;border-bottom:0;flex:auto;min-height:0;max-height:none}.studio.wbdy .wb-class-scope [class*=heading] h2{font-size:17px}.studio.wbdy .wb-class-scope [class*=eyebrow]{letter-spacing:.14em;font-size:10px}.studio.wbdy .wb-class-scope [class*=description]{font-size:13px;line-height:1.7}.studio.wbdy .wb-class-scope [class*=heading]{padding-block:var(--s4) var(--s3)}.studio.wbdy .wb-class-scope [class*=instrument]{margin-block:var(--s5) var(--s6)}.studio.wbdy .wb-block>.proj-model-seg{align-self:flex-start}.studio.wbdy .work-picker{padding-bottom:var(--s3);border-bottom:0;align-items:flex-end;margin-bottom:0}.studio.wbdy .pick{width:auto;min-width:76px}.studio.wbdy .pick-thumb{width:auto;height:64px;margin-inline:auto}.studio.wbdy :where(.scene-tool,.h-remove){justify-content:center;align-items:center;min-block-size:24px;min-inline-size:24px;display:inline-flex}.studio.wbdy .scene-note-edit{min-block-size:24px}@media (max-width:560px){.studio.wbdy :where(.scene-tool,.h-remove){min-block-size:44px;min-inline-size:44px}.studio.wbdy .scene-note-edit{min-block-size:44px}}.studio.wbdy .tier-switch button,.studio.wbdy .swatch{min-block-size:24px;min-inline-size:24px}.studio.wbdy .studio-editor-work{flex-direction:row;align-items:stretch}.studio.wbdy .studio-editor-work .studio-aside{border-inline-end:0;flex:auto;inline-size:auto;min-inline-size:0}.studio .wb-preview{width:var(--wb-preview);background:var(--plate);border-left:1px solid var(--hair);flex-direction:column;grid-area:1/3;min-width:0;height:100dvh;display:flex;position:sticky;top:0}.studio .wb-preview--collapsed{width:var(--wb-edge)}.studio .wb-preview-tab-open{align-items:center;gap:var(--s3);padding:var(--s4) 0;color:var(--ink-muted);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:auto;display:flex}.studio .wb-preview-tab-open:hover:not(:disabled){color:var(--accent);background:var(--accent-wash)}.studio .wb-preview-tab-open:disabled{color:var(--ink-faint);cursor:default}.studio .wb-preview-tab-open svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.studio .wb-preview-edge-label{writing-mode:vertical-rl;letter-spacing:.12em;font-size:12px}.studio .wb-preview-count{min-width:18px;padding:0 var(--s1);background:var(--accent);color:var(--plate);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;font-size:11px;line-height:18px}.studio .wb-preview-head{align-items:center;gap:var(--s2);min-height:44px;padding:var(--s2) var(--s3);border-bottom:1px solid var(--hair);display:flex}.studio .wb-preview-tabs{gap:var(--s1);scrollbar-width:none;flex:auto;min-width:0;display:flex;overflow-x:auto}.studio .wb-preview-tabs::-webkit-scrollbar{display:none}.studio .wb-preview-tab{border:1px solid var(--hair-soft);border-radius:var(--r-sm);background:var(--paper-alt);flex:none;align-items:center;max-width:200px;display:flex}.studio .wb-preview-tab.on{border-color:var(--accent);background:var(--accent-wash)}.studio .wb-preview-tab-btn{min-width:0;padding:var(--s1) var(--s2);font:inherit;color:var(--ink-muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;font-size:12px;overflow:hidden}.studio .wb-preview-tab.on .wb-preview-tab-btn{color:var(--accent);font-weight:600}.studio .wb-preview-tab-x{width:24px;height:24px;margin-right:var(--s1);color:var(--ink-faint);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.studio .wb-preview-tab-x:hover{color:var(--accent)}.studio .wb-preview-tab-x svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;width:11px;height:11px}.studio .wb-preview-slot-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.studio .wb-preview-body{flex-direction:column;flex:auto;min-height:0;display:flex}.studio .wb-preview-sub{padding:var(--s2) var(--s3);color:var(--ink-faint);border-bottom:1px solid var(--hair-soft);margin:0;font-size:12px}.studio .wb-preview-scroll{min-height:0;padding:var(--s4);flex:auto;overflow:auto}.studio .wb-preview-document{background:var(--paper-alt);border:0;block-size:100%;min-block-size:100%;inline-size:100%;display:block}.studio .wb-preview-download{justify-content:center;align-items:flex-start;gap:var(--s3);border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--paper-alt);flex-direction:column;min-block-size:100%;padding:clamp(24px,5vw,56px);display:flex}.studio .wb-preview-download b{font-family:var(--font-display);font-size:clamp(22px,3vw,34px)}.studio .wb-preview-download p{max-inline-size:560px;color:var(--ink-muted);margin:0}.studio .wb-preview-empty{padding:var(--s6);text-align:center;flex:auto;place-items:center;display:grid}.studio .wb-task-inspector{gap:var(--s3);flex-direction:column;min-block-size:100%;display:flex}.studio .wb-task-section{border:1px solid var(--hair-soft);border-radius:var(--r-md);background:var(--paper-alt);overflow:hidden}.studio .wb-task-section-head{justify-content:space-between;align-items:center;gap:var(--s2);min-block-size:44px;padding:var(--s2) var(--s3);border-bottom:1px solid var(--hair-soft);display:flex}.studio .wb-task-section-head h2{color:var(--ink);margin:0;font-size:13px;font-weight:650}.studio .wb-task-outcome,.studio .wb-task-count{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px}.studio .wb-task-empty,.studio .wb-task-warning{padding:var(--s3);color:var(--ink-muted);margin:0;font-size:12px;line-height:1.55}.studio .wb-task-warning{color:var(--accent)}.studio .wb-task-steps,.studio .wb-task-output-list,.studio .wb-task-context-group ul{padding:var(--s2);margin:0;list-style:none}.studio .wb-task-steps li,.studio .wb-task-readiness li{align-items:start;gap:var(--s2);padding:var(--s2);border-radius:var(--r-sm);color:var(--ink);grid-template-columns:minmax(0,1fr) auto;font-size:12px;display:grid}.studio .wb-task-steps li+li,.studio .wb-task-readiness li+li{border-top:1px solid var(--hair-soft)}.studio .wb-task-steps small,.studio .wb-task-readiness small,.studio .wb-task-output-list small{color:var(--ink-faint);font-size:11px}.studio .wb-task-steps li[data-status=failed] small,.studio .wb-task-steps li[data-status=incomplete] small{color:var(--accent)}.studio .wb-task-output-list button{min-block-size:44px;inline-size:100%;padding:var(--s2);border-radius:var(--r-sm);color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;font-size:12px;display:flex}.studio .wb-task-output-list button:hover{background:var(--accent-wash)}.studio .wb-task-context-group{padding:var(--s2) var(--s3) var(--s3)}.studio .wb-task-context-group+.wb-task-context-group{border-top:1px solid var(--hair-soft)}.studio .wb-task-context-group h3{margin:0 0 var(--s2);letter-spacing:.08em;color:var(--ink-muted);font-size:11px;font-weight:600}.studio .wb-task-tags{gap:var(--s1);flex-wrap:wrap;display:flex}.studio .wb-task-tags span{border:1px solid var(--hair);background:var(--plate);color:var(--ink-muted);border-radius:999px;padding:4px 8px;font-size:11px}.studio .wb-task-context-group ul{padding:0}.studio .wb-task-context-group li{color:var(--ink-muted);font-size:12px;line-height:1.5}.studio .wb-topbar,.studio .wb-scrim{display:none}@media (max-width:1180px){.studio.wbdy{grid-template-columns:var(--wb-rail) minmax(0, 1fr)}.studio .wb-work{padding-inline-end:var(--wb-edge)}.studio .wb-preview{z-index:40;width:min(480px,92vw);box-shadow:var(--shadow-frame);position:fixed;inset-block:0;inset-inline-end:0}.studio .wb-preview--collapsed{width:var(--wb-edge);box-shadow:none}}@media (max-width:900px){.studio.wbdy{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio .wb-topbar{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--plate);border-bottom:1px solid var(--hair);z-index:30;grid-area:1/1;display:flex;position:sticky;top:0}.studio .wb-topbar-brand{align-items:center;gap:var(--s2);color:var(--ink);font-size:15px;display:flex}.studio .wb-rail{z-index:50;visibility:hidden;width:min(300px,86vw);height:100dvh;box-shadow:var(--shadow-frame);transition:transform .22s,visibility 0s linear .22s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}.studio.wbdy[data-nav-open=true] .wb-rail{visibility:visible;transition:transform .22s,visibility;transform:translate(0)}.studio .wb-scrim{z-index:45;opacity:0;pointer-events:none;visibility:hidden;background:#1f1c1861;border:0;padding:0;transition:opacity .22s,visibility 0s linear .22s;display:block;position:fixed;inset:0}.studio.wbdy[data-nav-open=true] .wb-scrim{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .22s,visibility}.studio .wb-work{grid-area:2/1;padding-inline-end:var(--wb-edge)}.studio .wb-preview{inset-block-start:0}}@media (max-width:560px){.studio .wb-preview-tab-btn,.studio .wb-new,.studio .wb-acct{min-height:44px}.studio .wb-block-link{min-block-size:44px}.studio .wb-project-create-toggle,.studio .wb-project-create input,.studio .wb-project-create form button{min-height:44px}.studio .wb-rail .rail-nav a{min-block-size:44px}.studio.wbdy .proj-model-opt{align-items:center;min-block-size:44px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.studio .wb-rail,.studio .wb-scrim{transition:none}}@media (max-width:900px){.studio.wbdy .wb-work .rail{border-bottom:0;flex-direction:column;overflow:visible}.studio.wbdy .wb-work .shell{grid-template-columns:minmax(0,1fr)}}@media (min-width:481px) and (max-width:900px){.studio.wbdy .wb-work .shell>.drawer{border-right:0;border-bottom:1px solid var(--studio-hairline);height:auto;position:static;overflow:visible}}