:root{color-scheme:dark;--ws-ground:#11151c;--ws-panel:#171c25;--ws-raised:#202733;--ws-line:#303947;--ws-text:#e7e9ed;--ws-muted:#a1abba;--ws-accent:#b3a0ef;--ws-gold:#d5ab79;--ws-cyan:#85c8bc;--ws-font:'Trebuchet MS',Arial,sans-serif;--ws-mono:'Courier New',monospace}
*{box-sizing:border-box}body.studio{margin:0;background:var(--ws-ground);color:var(--ws-text);font:12px/1.5 var(--ws-font);height:100dvh;overflow:hidden}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--ws-line);border-radius:var(--radius-2);background:var(--ws-raised);padding:var(--space-8) var(--space-8);min-height:34px}button:hover{border-color:var(--ws-accent);background:var(--c-surface-2)}button:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true]{color:var(--ws-accent);background:var(--c-surface-2);border-color:var(--c-surface-3)}input,select{background:var(--c-ink-2);border:1px solid var(--ws-line);border-radius:var(--radius-2);min-height:31px;padding:var(--space-4) var(--space-8);max-width:100%}input[type=range]{padding:0;min-height:24px;width:100%;accent-color:var(--ws-accent);border:0}input[type=checkbox]{min-height:0;accent-color:var(--ws-accent)}input[type=color]{width:38px;height:27px;min-height:27px;padding:var(--space-2)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--ws-accent);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ws-skip{position:fixed;left:-9999px;top:10px;z-index:100;background:var(--ws-panel);padding:var(--space-12)}.ws-skip:focus{left:10px}
.ws-header{height:66px;display:flex;align-items:center;gap:var(--space-24);padding:0 var(--space-16);border-bottom:1px solid var(--ws-line);background:var(--c-surface)}.ws-brand{display:flex;align-items:center;gap:var(--space-8);font-weight:900;font-size:var(--text-20);letter-spacing:-1px;text-decoration:none;white-space:nowrap}.ws-brand>span:last-child{font:10px var(--ws-mono);letter-spacing:.15em;margin-left:var(--space-8);color:var(--ws-muted);border-left:1px solid var(--ws-line);padding-left:var(--space-16)}.ws-symbol{color:var(--ws-accent);font-size:var(--text-28);line-height:1}.ws-project{min-width:130px;max-width:230px;flex:1}.ws-project input{width:100%;font-size:var(--text-12);padding:var(--space-2) 0;border:0;min-height:23px;background:transparent;font-weight:700}.ws-project>span{color:var(--ws-muted);font:10px var(--ws-mono)}.ws-file-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}.ws-file-actions>button{font-size:var(--text-11);white-space:nowrap}.ws-accent{background:var(--ws-accent);border-color:var(--ws-accent);color:var(--c-surface);font-weight:700}.ws-accent:hover{background:var(--c-paper);color:var(--c-ink-2)}.ws-mobile-tabs{display:none}
.ws-workspace{display:grid;grid-template-columns:224px minmax(0,1fr) 264px;height:calc(100dvh - 66px);min-height:0;position:relative}.ws-left,.ws-right{background:var(--ws-panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-surface-3) transparent;min-width:0}.ws-left{border-right:1px solid var(--ws-line);display:flex;flex-direction:column}.ws-right{border-left:1px solid var(--ws-line);padding-bottom:var(--space-16)}.ws-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-16) var(--space-16);border-bottom:1px solid var(--ws-line)}.ws-panel-heading h2{font:10px var(--ws-mono);letter-spacing:.13em;margin:0;color:var(--ws-muted)}.ws-panel-heading>span{font:10px var(--ws-mono);color:var(--ws-muted)}.ws-scene-name{padding:var(--space-16) var(--space-16) var(--space-8);display:flex;gap:var(--space-8);align-items:center;font-size:var(--text-11)}.ws-dot,.ws-live-dot{width:5px;height:5px;border-radius:50%;background:var(--ws-cyan);display:inline-block;flex-shrink:0}#outliner{padding:var(--space-4) var(--space-8);min-height:120px;max-height:34dvh;overflow:auto}.ws-object-row{display:flex;gap:var(--space-8);align-items:center;width:100%;text-align:left;padding:var(--space-8);border:1px solid transparent;border-radius:var(--radius-2);background:transparent;font-size:var(--text-11);min-height:37px}.ws-object-row>span:first-child{color:var(--ws-muted);font-size:var(--text-14);width:17px}.ws-object-row>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-object-row>span:last-child{color:var(--ws-muted);font-size:var(--text-10)}.ws-object-row[aria-pressed=true]{background:var(--c-surface-2);color:var(--ws-text);border-color:var(--c-surface-3)}.ws-object-actions{display:flex;padding:var(--space-8) var(--space-16) var(--space-16);gap:var(--space-8)}.ws-object-actions button{font-size:var(--text-11);flex:1}.ws-library{border-top:1px solid var(--ws-line)}.ws-library>p{margin:var(--space-12) var(--space-16) var(--space-8);color:var(--ws-muted);font-size:var(--text-11)}.ws-library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:0 var(--space-16) var(--space-16)}.ws-library-grid button{display:flex;align-items:center;gap:var(--space-8);min-height:45px;padding:var(--space-8);font-size:var(--text-11);background:var(--c-surface)}.ws-library-grid button>span{font-size:var(--text-20);line-height:1.2;color:var(--ws-gold);width:25px}.ws-full{display:block;width:calc(100% - 32px);margin:var(--space-8) var(--space-16);font-size:var(--text-11)}.ws-import-legacy{margin:var(--space-16) var(--space-16);color:var(--ws-muted);font-size:var(--text-11)}.ws-import-legacy summary{cursor:pointer;padding-block:var(--space-4)}.ws-import-legacy button{display:block;width:100%;margin-top:var(--space-8);font-size:var(--text-11)}.ws-left-note{margin-top:auto;padding:var(--space-24) var(--space-16);color:var(--ws-muted);font-size:var(--text-11);line-height:1.9}.ws-left-note a{color:var(--ws-gold);text-decoration:none}
.ws-center{min-width:0;min-height:0;display:grid;grid-template-rows:49px minmax(0,1fr) 63px 33px;overflow:hidden}.ws-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-12);gap:var(--space-8);background:var(--c-surface);border-bottom:1px solid var(--ws-line);z-index:2}.ws-tools,.ws-view-tools{display:flex;align-items:center;gap:var(--space-4)}.ws-tools button{font-size:var(--text-11);padding:var(--space-4) var(--space-8);white-space:nowrap}.ws-view-tools{color:var(--ws-muted);font-size:var(--text-10)}.ws-view-tools>label{display:flex;align-items:center;white-space:nowrap;gap:var(--space-2)}.ws-view-tools select{width:103px;font-size:var(--text-10)}.ws-view-tools button{font-size:var(--text-10)}.ws-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--ws-ground)}#viewport{display:block;width:100%;height:100%;outline-offset:-4px;touch-action:none}.ws-viewport-label{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:var(--space-8);pointer-events:none;font:10px var(--ws-mono);letter-spacing:.08em;color:var(--ws-muted)}#renderer-label{font-size:var(--text-10);color:var(--ws-cyan);margin-left:var(--space-8)}.ws-scene-caption{position:absolute;left:30px;bottom:70px;pointer-events:none}.ws-scene-caption>span{font:10px var(--ws-mono);letter-spacing:.15em;color:var(--ws-gold)}.ws-scene-caption h1{font:900 clamp(25px,2.3vw,38px)/1.05 'Arial Black',Arial,sans-serif;letter-spacing:-.065em;margin:var(--space-12) 0;color:var(--c-paper);opacity:.8}.ws-scene-caption em{font-style:normal;color:var(--ws-accent)}body[data-edited=true] .ws-scene-caption{display:none}.ws-axis{position:absolute;top:22px;right:22px;display:flex;gap:var(--space-8);font:700 11px var(--ws-mono);pointer-events:none}.ws-axis span:nth-child(1){color:var(--c-warn-soft)}.ws-axis span:nth-child(2){color:var(--c-ok-soft)}.ws-axis span:nth-child(3){color:var(--c-info)}.ws-viewport-help{position:absolute;bottom:18px;left:24px;font:10px var(--ws-mono);color:var(--ws-muted);pointer-events:none}#selection-label{position:absolute;bottom:39px;left:24px;font-size:var(--text-11);color:var(--ws-accent);pointer-events:none}#render-fallback{position:absolute;inset:0;padding:var(--space-40);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--ws-ground);z-index:5}#render-fallback p{max-width:290px;color:var(--ws-muted)}#render-fallback a{padding:var(--space-16);color:var(--ws-accent)}
.ws-timeline{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-top:1px solid var(--ws-line);background:var(--c-surface)}.ws-timeline button{font-size:var(--text-10);white-space:nowrap}.ws-timeline label{font:10px var(--ws-mono);color:var(--ws-muted);white-space:nowrap}.ws-timeline input{min-width:30px}.ws-timeline output{font:10px var(--ws-mono);min-width:32px}.ws-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);border-top:1px solid var(--ws-line);padding:var(--space-4) var(--space-12);background:var(--c-surface);color:var(--ws-muted);font-size:var(--text-10);min-width:0}.ws-status>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-local-note{font:9px var(--ws-mono);white-space:nowrap;color:var(--c-slate)}
.ws-name-label{display:block;color:var(--ws-muted);font-size:var(--text-10);margin:var(--space-16) var(--space-16) var(--space-4)}#object-name{margin:0 var(--space-16) var(--space-16);width:calc(100% - 32px);font-size:var(--text-12)}.ws-right fieldset{margin:0;padding:var(--space-16) var(--space-16) var(--space-16);border:0;border-top:1px solid var(--ws-line)}.ws-right legend{float:left;width:100%;font:10px var(--ws-mono);letter-spacing:.13em;color:var(--ws-muted);padding:0 0 var(--space-16)}.ws-right legend+*{clear:both}.ws-right label{font-size:var(--text-11);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-4)}.ws-right output{font:10px var(--ws-mono);color:var(--ws-muted)}.ws-right input[type=range]{margin:0 0 var(--space-12)}.ws-transform-head,.ws-transform-row{display:grid;grid-template-columns:22px repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:center}.ws-transform-head{font:10px var(--ws-mono);text-align:center;margin-bottom:var(--space-4);color:var(--ws-muted)}.ws-transform-head span:nth-child(2){color:var(--c-warn-soft)}.ws-transform-head span:nth-child(3){color:var(--c-ok-soft)}.ws-transform-head span:nth-child(4){color:var(--c-info)}.ws-transform-row{margin-bottom:var(--space-4)}.ws-transform-row>span{font:10px var(--ws-mono);color:var(--ws-muted)}.ws-transform-row input{width:100%;min-width:0;text-align:center;padding:var(--space-4) var(--space-2);font:11px var(--ws-mono)}.ws-check{justify-content:flex-start!important;margin:var(--space-12) 0 0!important;color:var(--ws-muted)}.ws-color-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-12)}.ws-color-row label{margin:0}.ws-materials{display:flex;gap:var(--space-8);margin-bottom:var(--space-16)}.ws-materials button{width:32px;height:32px;min-height:32px;border:2px solid var(--ws-line);border-radius:50%;background:var(--c-violet-soft)}.ws-materials button[data-material=copper]{background:var(--c-gold)}.ws-materials button[data-material=obsidian]{background:var(--c-surface-3)}.ws-materials button[data-material=jade]{background:var(--c-info)}.ws-materials button:hover{border-color:var(--ws-text)}.ws-boundary{font:10px/1.6 var(--ws-mono);color:var(--ws-muted);margin:var(--space-4) var(--space-16)}#empty-selection{padding:var(--space-24) var(--space-16);color:var(--ws-muted)}.ws-noscript{position:fixed;inset:35% 20%;background:var(--ws-panel);padding:var(--space-24);z-index:20}
@media(min-width:1650px){.ws-workspace{grid-template-columns:250px minmax(0,1fr) 290px}.ws-header{gap:var(--space-40)}.ws-scene-caption{left:45px;bottom:100px}.ws-scene-caption h1{font-size:var(--text-40)}}
@media(max-width:1150px){.ws-workspace{grid-template-columns:190px minmax(0,1fr) 235px}.ws-header{gap:var(--space-12);padding-inline:var(--space-12)}.ws-project{max-width:160px}.ws-file-actions{gap:var(--space-4)}.ws-file-actions>button{font-size:var(--text-10);padding-inline:var(--space-8)}.ws-brand{font-size:var(--text-16)}.ws-brand>span:last-child{margin-left:0;padding-left:var(--space-8)}.ws-timeline label,.ws-local-note{display:none}.ws-tools button>span{display:none}.ws-view-tools select{width:90px}.ws-library-grid{margin-inline:var(--space-8)}.ws-library-grid button{gap:var(--space-4)}.ws-scene-caption h1{font-size:var(--text-28)}.ws-scene-caption{left:23px}}
@media(max-width:850px){.ws-header{height:105px;flex-wrap:wrap;align-content:center;gap:var(--space-4) var(--space-16)}.ws-brand{flex:1}.ws-project{max-width:220px;min-width:140px;flex:1}.ws-file-actions{width:100%;margin:0;justify-content:space-between;gap:var(--space-4)}.ws-file-actions>button{min-height:32px}.ws-workspace{height:calc(100dvh - 146px);grid-template-columns:1fr}.ws-mobile-tabs{display:flex;height:41px;border-bottom:1px solid var(--ws-line);gap:0}.ws-mobile-tabs button{flex:1;border:0;border-radius:0;min-height:40px;background:var(--ws-panel);font-size:var(--text-11)}.ws-mobile-tabs button[aria-pressed=true]{border-bottom:2px solid var(--ws-accent);color:var(--ws-accent)}.ws-left,.ws-right{display:none}.ws-center{height:100%;grid-template-rows:49px minmax(0,1fr) 68px 42px}body[data-panel=objects] .ws-left,body[data-panel=properties] .ws-right{display:block;position:absolute;inset:0;border:0}body:not([data-panel=scene]) .ws-center{visibility:hidden}.ws-right{padding:0 max(var(--space-16),calc((100% - 600px)/2)) var(--space-24)}.ws-library-grid{grid-template-columns:repeat(4,1fr);margin:var(--space-12) var(--space-16)}.ws-left-note{display:none}#outliner{max-height:35dvh}.ws-toolbar{padding-inline:var(--space-12)}.ws-tools button>span{display:inline}.ws-scene-caption h1{font-size:var(--text-28)}.ws-stage canvas{min-height:0}.ws-status>span:first-child{white-space:normal;line-height:1.25}.ws-status{font-size:var(--text-10)}.ws-viewport-help{left:15px;bottom:12px;font-size:var(--text-10);max-width:80%;line-height:1.5}.ws-viewport-label{left:15px;top:17px;gap:var(--space-4)}.ws-axis{right:15px;top:17px}#selection-label{left:15px;bottom:43px}.ws-scene-caption{left:22px;bottom:80px}.ws-timeline{padding:var(--space-8) var(--space-12);gap:var(--space-8)}.ws-timeline button{padding:var(--space-8);font-size:var(--text-10)}.ws-timeline input{flex:1}.ws-full{max-width:400px}.ws-import-legacy{max-width:420px}.ws-library-grid button{min-height:54px}}
@media(max-width:440px){.ws-brand>span:last-child{font-size:var(--text-10)}.ws-file-actions>button{padding:var(--space-4);font-size:var(--text-10)}#download-project{font-size:0}#download-project:after{content:'Download';font-size:var(--text-10)}#open-project{font-size:0}#open-project:after{content:'Open';font-size:var(--text-10)}.ws-view-tools{gap:var(--space-2)}.ws-view-tools select{width:79px}.ws-tools button>span{display:none}.ws-tools button{min-width:34px}.ws-timeline{flex-wrap:wrap;gap:var(--space-4) var(--space-8)}.ws-timeline input{order:3;width:75%}.ws-timeline output{order:4}.ws-timeline #capture{margin-left:auto}.ws-viewport-label{font-size:var(--text-10)}#renderer-label{margin-left:var(--space-2);font-size:var(--text-10)}.ws-library-grid{grid-template-columns:repeat(2,1fr)}.ws-axis{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ws-scene-caption{display:none}body[data-empty=true] .ws-scene-caption{display:block}
@media(max-width:440px){#download-project,#open-project{font-size:var(--text-10)}#download-project:after,#open-project:after{content:none}}

/* Web Lite: an authored timeline, with a separate device-only preview budget. */
.ws-center{grid-template-rows:49px minmax(0,1fr) 190px 33px}
.ws-timeline{display:grid;grid-template-rows:32px 32px 24px 28px auto;gap:var(--space-4);padding:var(--space-12) var(--space-12);background:linear-gradient(120deg,var(--c-surface),var(--c-surface) 70%);min-width:0;overflow:hidden}
.ws-time-heading,.ws-transport,.ws-scrubber,.ws-track{display:flex;align-items:center;gap:var(--space-8);min-width:0}
.ws-time-heading h2{font:11px var(--ws-mono);letter-spacing:.12em;margin:0 auto 0 0;color:var(--ws-accent);white-space:nowrap}
.ws-time-heading h2 span{font-size:var(--text-10);letter-spacing:0;color:var(--ws-muted);margin-left:var(--space-4)}
.ws-time-heading label{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-10)}
.ws-time-heading #duration{width:51px;min-width:0;padding:var(--space-4);flex:none;order:initial;font:11px var(--ws-mono)}
.ws-time-heading input[type=checkbox]{width:13px;min-width:13px;flex:none;order:initial}
.ws-timeline button{min-height:28px;padding:var(--space-4) var(--space-8)}
.ws-transport select{font-size:var(--text-10);width:84px;padding:var(--space-4);margin-left:auto}
#preview-motion{min-width:68px}.ws-scrubber #scrub{width:100%;flex:1;order:initial;margin:0;accent-color:var(--ws-accent)}
.ws-scrubber output{min-width:66px;order:initial;text-align:right;color:var(--ws-accent);font-size:var(--text-11)}
.ws-track{border-top:1px solid var(--ws-line);padding-top:var(--space-4)}.ws-track>span{flex-shrink:0;font:9px var(--ws-mono);color:var(--ws-muted)}
#key-list{display:flex;gap:var(--space-4);overflow:auto;min-width:0;align-items:center;scrollbar-width:thin;white-space:nowrap;max-height:30px}
#key-list>span{font-size:var(--text-10);color:var(--ws-muted)}#key-list button{font:10px var(--ws-mono);min-height:24px;padding:var(--space-2) var(--space-4);flex-shrink:0}
#key-list button[aria-pressed=true]{color:var(--ws-accent);border-color:var(--ws-accent);background:var(--c-surface-2)}
#animation-hint{font:10px/1.4 var(--ws-mono);color:var(--ws-muted);margin:0;align-self:center}
.ws-performance select{width:100%;font-size:var(--text-11)}.ws-performance p{font:10px/1.6 var(--ws-mono);color:var(--ws-muted);margin:var(--space-8) 0 0}#resource-meter{color:var(--ws-cyan)}
@media(max-width:850px){.ws-center{grid-template-rows:49px minmax(0,1fr) 200px 42px}.ws-timeline{padding:var(--space-8) var(--space-12);gap:var(--space-8)}.ws-time-heading label{display:flex}.ws-track>span{font-size:var(--text-10)}}
@media(max-width:440px){.ws-timeline{grid-template-rows:32px 32px 24px 28px auto;gap:var(--space-4)}.ws-time-heading h2{font-size:var(--text-10);letter-spacing:.06em}.ws-time-heading h2 span{display:none}.ws-time-heading{gap:var(--space-4)}.ws-time-heading #capture{margin-left:0;font-size:var(--text-10)}.ws-transport{gap:var(--space-4)}.ws-transport button{padding:var(--space-4) var(--space-8)}.ws-transport select{width:71px}.ws-track{gap:var(--space-4)}.ws-track>span{font-size:var(--text-10)}#animation-hint{font-size:var(--text-10)}}