:root{color-scheme:dark;--bg:#0c1015;--panel:#12181f;--line:#ffffff12;--ink:#e3e9ed;--muted:#7d8995;--accent:#98c6b8;--warm:#d5b986;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-size:12px;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#ffffff05;padding:8px 11px;border-radius:6px;transition:background .15s}button:hover{background:#ffffff0c}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}.accent{background:var(--accent);color:#13231e;border-color:var(--accent);font-weight:650}.accent:hover{background:#b4dacc}.studio-top{height:68px;display:flex;align-items:center;gap:24px;padding:0 20px;border-bottom:1px solid var(--line);background:#0b0f14}.wordmark{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:25px;white-space:nowrap}.wordmark>span{color:var(--accent);font-size:22px}.wordmark small{font-family:inherit;font-size:8px;color:var(--muted);letter-spacing:.2em;margin-left:3px}.document-name{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.document-name input{width:210px;border:0;background:none;text-align:center;font-weight:600}.document-name span{font-size:9px;color:var(--muted);letter-spacing:.12em}.top-controls{display:flex;gap:6px;align-items:center}.studio-body{height:calc(100dvh - 98px);display:grid;grid-template-columns:230px minmax(300px,1fr) 284px}.scene-sidebar,.scene-inspector{background:var(--panel);min-height:0;display:flex;flex-direction:column}.scene-sidebar{border-right:1px solid var(--line)}.scene-inspector{border-left:1px solid var(--line)}.pane-title{height:49px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;font-weight:650;letter-spacing:.02em}.pane-title span:last-child{color:var(--muted);font-size:10px}.scene-tabs{display:flex;padding:13px 13px 0;gap:15px}.scene-tabs button{border:0;border-radius:0;background:none;color:var(--muted);padding:3px 0 10px;border-bottom:2px solid transparent}.scene-tabs button.active{border-color:var(--accent);color:var(--ink)}.search-wrap{display:flex;gap:6px;align-items:center;margin:15px 13px 9px;padding:8px 10px;background:#090d1280;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.search-wrap input{min-width:0;width:100%;border:0;background:none;outline:none;font-size:11px}.object-list{overflow:auto;padding:5px 8px;flex:1;scrollbar-width:thin;scrollbar-color:#4f5b65 transparent}.object-row{display:flex;width:100%;text-align:left;align-items:center;gap:8px;padding:9px 9px;border-color:transparent;margin:1px 0;color:#a7b2bd;background:none;border-radius:5px;font-size:11px}.object-row span:first-child{color:#6b7d89}.object-row span:nth-child(2){min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.object-row small{font-size:9px;color:#586873}.object-row.selected{background:#98c6b812;border-color:#98c6b824;color:#daeee7}.agent-note{padding:19px 16px 20px;border-top:1px solid var(--line)}.small-label{font-size:8px;font-weight:700;letter-spacing:.17em;color:var(--muted)}.agent-note p{color:#a3adb6;font-size:11px;line-height:1.7;margin:10px 0}.agent-note code{display:block;font-size:9px;color:var(--accent);background:#0003;padding:9px;border-radius:5px;overflow-wrap:anywhere}.agent-note button{margin-top:12px;width:100%;font-size:10px}.render-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 45%,#1c252e,#0c1015)}.viewport-bar{min-height:49px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);font-size:10px;background:#0e141bd9}.viewport-bar>div{display:flex;align-items:center;gap:9px}.viewport-bar strong{font-weight:550}.viewport-bar button{padding:5px 8px;font-size:9px}.viewport-bar a{font-size:9px;color:var(--muted)}#view-kind{color:var(--muted);margin-left:7px}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #98c6b858}.render-stage{position:relative;flex:1;min-height:0;overflow:hidden;margin:20px;box-shadow:0 18px 60px #0004;border:1px solid #ffffff15;border-radius:4px;background:#1b242d}.render-stage canvas{width:100%;height:100%;display:block;outline:none}.render-overlay{position:absolute;left:15px;top:14px;display:grid;gap:6px;pointer-events:none}.render-overlay .small-label{color:#22344599}.render-overlay #renderer-status{color:#233b47;font-size:9px;background:#e9f1f07a;padding:4px 7px;border-radius:3px;width:max-content}.canvas-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#d8e1e5;background:#0c151bc7;padding:6px 10px;border-radius:4px;font-size:9px;white-space:nowrap;pointer-events:none}.render-footer{display:flex;justify-content:space-between;padding:0 21px 17px;font-size:9px;color:var(--muted)}.inspector-content{padding:21px 18px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4f5b65 transparent}h1{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:10px 0 8px;line-height:1.2;overflow-wrap:anywhere}.inspector-description{font-size:10px;color:var(--muted);line-height:1.7;margin:8px 0 15px}.property-section{border-top:1px solid var(--line);padding-top:17px;margin-top:22px}h2{font-size:11px;font-weight:650;margin:0 0 15px}.inspector-content label{display:block;color:#9aa7b2;font-size:10px;line-height:1.8;margin-bottom:12px}.inspector-content input:not([type=range]):not([type=checkbox]):not([type=color]),.inspector-content select{background:#0b1119;border:1px solid #ffffff14;padding:8px;border-radius:5px;width:100%;margin-top:5px;font-size:11px}.inspector-content input[type=range]{width:100%;display:block;margin:9px 0 16px;accent-color:var(--accent);height:3px}.inspector-content textarea{resize:vertical;width:100%;background:#0a1018;border:1px solid var(--line);padding:10px;border-radius:5px;line-height:1.65;font-size:11px}.dimension-fields{display:grid;grid-template-columns:1fr 10px 1fr;align-items:center;gap:5px}.dimension-fields>span{color:#596b77;margin-top:6px}.axis-controls{display:grid;grid-template-columns:18px 1fr 1fr 1fr;gap:5px;align-items:center;margin:10px 0}.axis-controls>span{color:var(--muted);font-size:9px}.axis-controls input{min-width:0;margin:0!important;font-variant-numeric:tabular-nums}.axis-controls input:nth-child(2){border-bottom-color:#ce7e7360!important}.axis-controls input:nth-child(3){border-bottom-color:#82b79d60!important}.axis-controls input:nth-child(4){border-bottom-color:#83a5ce60!important}.color-property,.visibility-line{display:flex!important;justify-content:space-between;align-items:center}.color-property input{width:45px;height:25px;border:0;background:none}.studio-status{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:.02em}.source-panel{height:48%;display:flex;flex-direction:column;border-top:1px solid var(--line);padding:14px 18px;gap:10px}.source-panel>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.source-panel textarea{flex:1;min-height:0;resize:none;padding:12px;background:#080d13;border:1px solid #ffffff16;border-radius:5px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;line-height:1.6;tab-size:2;color:#b7cddd;white-space:pre}.source-panel p{font-size:10px;color:var(--muted);margin:0}#load-error{position:absolute;inset:0;padding:40px;background:#141b24ed;color:#e5b49a;white-space:pre-wrap;line-height:1.7}.rendering{opacity:.65;pointer-events:none}@media(max-width:1100px){.studio-body{grid-template-columns:190px minmax(300px,1fr) 250px}.wordmark small{display:none}.document-name input{width:150px}.viewport-bar{flex-wrap:wrap;padding:8px 12px}.render-stage{margin:12px}.top-controls button{padding:7px}.studio-top{gap:12px;padding:0 12px}}@media(max-width:800px){body{overflow:auto}.studio-top{height:auto;min-height:68px;flex-wrap:wrap;padding:13px;gap:14px}.document-name{justify-content:end}.top-controls{width:100%;justify-content:space-between}.studio-body{height:auto;display:grid;grid-template-columns:150px minmax(0,1fr)}.scene-sidebar{grid-row:1 / 3}.render-workspace{height:62dvh;min-height:420px}.scene-inspector{grid-column:2;max-height:650px;border-top:1px solid var(--line)}.agent-note{padding:12px}.agent-note code{font-size:8px}.wordmark{font-size:22px}.studio-status{position:sticky;bottom:0;background:var(--bg)}.studio-status>span:last-child{display:none}.canvas-hint{font-size:8px}.viewport-bar a{display:none}.render-stage{margin:8px}.source-panel{height:60%}.object-row{padding:9px 3px}.object-row small{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.example-link{color:#8bbaaf;text-decoration:none;font-size:11px;padding:8px;border-radius:5px}.example-link:hover{background:#172229}@media(max-width:700px){.example-link{display:none}}

.viewer-mode .studio-body{grid-template-columns:minmax(0,1fr)}.viewer-mode .scene-sidebar,.viewer-mode .scene-inspector,.viewer-mode .source-panel,.viewer-mode #scene-undo,.viewer-mode #scene-redo,.viewer-mode #open-project,.viewer-mode #save-project,.viewer-mode #capture-camera{display:none!important}.viewer-mode .render-stage{margin:0;border:0;border-radius:0}.viewer-mode .render-workspace{height:calc(100dvh - 98px);min-height:0}.viewer-mode .document-name input{pointer-events:none}.viewer-mode .render-footer{padding:10px 20px}.viewer-mode .wordmark small{display:none}

.hosted-mode .studio-status{height:auto;min-height:24px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}.hosted-mode .studio-status>#hosting-policy{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* Touch navigation shares the desktop input controller and transient camera. */
#navigation-pad{position:absolute;bottom:54px;left:20px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:5px;touch-action:none}
#navigation-pad[hidden]{display:none}
#navigation-pad div{display:flex;gap:5px}
#navigation-pad button{width:44px;height:44px;padding:0;font-size:23px;background:#10191de6;border:1px solid #8fa99f80;border-radius:9px;touch-action:none;user-select:none}
#navigation-pad button.active{background:#406958}
#walk-mode[aria-pressed="true"],#explore-mode[aria-pressed="true"]{background:#355d50;color:#e7ffee}
@media(max-width:600px){#navigation-pad{bottom:48px;left:12px}.canvas-hint{max-width:calc(100% - 20px);white-space:normal}}