:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--surface-base:#0b0b0f;--surface-sunken:#050507;--surface-raised:#15151b;--surface-overlay:#0d0d12;--surface-control:#0f0f14;--surface-control-alt:#12121a;--surface-hover:#ffffff0a;--surface-inset:#ffffff0f;--surface-scrim:#05050799;--surface-viewport-panel:#07090cf0;--surface-veil:#0b0b0f8c;--surface-overlay-scrim:#030305a8;--border-subtle:#ffffff0f;--border-default:#ffffff12;--border-strong:#ffffff17;--border-muted:#ffffff1f;--border-hairline:#ffffff14;--border-hairline-strong:#ffffff24;--border-hairline-hover:#fff3;--fill-ghost:#ffffff0d;--fill-track:#ffffff24;--fill-ghost-hover:#ffffff1a;--scrollbar-thumb:#ffffff29;--grid-line:#ffffff1c;--grid-step:46px;--text-primary:#ffffffeb;--text-bright:#fff;--text-secondary:#ffffffc7;--text-tertiary:#ffffffb8;--text-quaternary:#ffffff9e;--text-muted:#ffffff80;--text-dim:#ffffff7a;--text-faint:#ffffff6b;--text-fainter:#ffffff5c;--text-disabled:#ffffff4d;--text-ghost:#ffffff47;--accent:#bd7660;--accent-strong:#a9634f;--accent-selected:#bd76603d;--accent-selected-fade:#bd766014;--accent-trail:#bd766073;--accent-text:#d08d77;--accent-text-soft:#e8ae99;--accent-ink:#170e0a;--prim-mesh:#d08d77;--prim-material:#9e8bd6;--prim-light:#c8a57a;--prim-camera:#ffffff80;--prim-xform:#ffffff80;--prim-shader:#ffffff6b;--prim-scope:#ffffff80;--status-error-text:#e89b8b;--status-error-border:#d66e5a6b;--status-ok-text:#c4b5e8;--status-ok-bg:#9e8bd638;--status-warn-text:#e3c89b;--status-warn-bg:#c8a57a38;--shadow-dropdown:0 18px 40px -18px #000000e6;--shadow-overlay:0 40px 80px -30px #000000e6}.app-body{position:relative}.chat-host{border-left:1px solid var(--border-hairline);background:var(--surface-overlay);flex:none;min-height:0;display:flex}.chat-panel{min-width:0;min-height:0;font:12px/1.5 var(--font-ui);color:var(--text-secondary);flex-direction:column;flex:1;display:flex;container-type:inline-size}.chat-header{border-bottom:1px solid var(--border-hairline);flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-dot,.chat-tool-state{background:var(--status-ok-text);border-radius:50%;flex:none;width:5px;height:5px}.chat-dot-busy,.usdgen-thinking-live .usdgen-thinking-dot,.usdgen-working .usdgen-thinking-dot{animation:1.2s ease-in-out infinite usdgen-pulse}.usdgen-dot-off{background:var(--text-disabled)}.chat-threads{min-width:0;height:28px;color:var(--text-secondary);font:12px var(--font-ui);text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:0 6px}.chat-new,.chat-clear,.usdgen-icon,.usdgen-attachment-remove{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--text-quaternary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-new:hover,.chat-clear:hover,.usdgen-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.usdgen-panel button:disabled{opacity:.4;cursor:default}.usdgen-panel :is(button,input,textarea,select,summary):focus-visible{outline:1px solid var(--accent-text);outline-offset:2px}.usdgen-panel svg{flex:none}.usdgen-on{color:var(--accent-text);background:var(--accent-selected-fade)}.usdgen-tabs{border-bottom:1px solid var(--border-hairline);flex:none;gap:16px;padding:0 12px;display:flex}.usdgen-tab{height:36px;font:11px var(--font-ui);color:var(--text-quaternary);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:6px;padding:0 2px;display:inline-flex}.usdgen-tab:hover{color:var(--text-primary)}.usdgen-tab-on{color:var(--accent-text);border-bottom-color:var(--accent-text)}.usdgen-tab-count{font:10px var(--font-mono);color:var(--text-quaternary)}.usdgen-settings{border-bottom:1px solid var(--border-hairline);background:var(--surface-control);flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.usdgen-settings-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.usdgen-settings-row>span{text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--text-quaternary);font-size:10px}.usdgen-settings-row input{flex:1;min-width:100px}.usdgen-settings input,.usdgen-custom-model input{min-width:0;height:28px;font:11px var(--font-mono);background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-hairline);border-radius:var(--radius-xs);padding:0 8px}.usdgen-settings-help,.usdgen-slash-hint{font:10px/1.7 var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere}.usdgen-settings .control-switch-row{padding:4px 0;font-size:11px}.usdgen-settings .control-switch-hint{white-space:normal;font-size:10px;line-height:1.4}.usdgen-offline{border-left:2px solid var(--status-warn-bg);overflow-wrap:anywhere;flex:none;margin:12px;padding-left:10px;font-size:11px}.usdgen-offline p{margin:0 0 6px}.chat-feed{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 12px;display:flex;overflow:auto}.chat-empty{color:var(--text-quaternary);flex-direction:column;gap:14px;margin:8px 0;line-height:1.6;display:flex}.chat-empty p{margin:0}.usdgen-empty-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.usdgen-empty-title svg{color:var(--accent-text)}.usdgen-empty-hint{color:var(--text-muted);font-size:11px}.chat-examples{flex-direction:column;gap:0;display:flex}.chat-examples button{text-align:left;border:0;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font:11px/1.5 var(--font-ui);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.chat-examples button:hover{color:var(--accent-text)}.chat-examples button svg{color:var(--text-muted)}.chat-msg{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:0 2px;line-height:1.65}.chat-msg-user{border-radius:var(--radius-md);background:var(--surface-inset);color:var(--text-primary);align-self:flex-end;margin-left:18px;padding:8px 12px}.chat-msg-assistant{color:var(--text-secondary);align-self:stretch}.chat-msg-error{border-left:2px solid var(--status-error-border);color:var(--status-error-text);padding-left:10px}.chat-thinking{color:var(--text-muted);font-size:11px}.usdgen-msg-context{color:var(--accent-text);margin-top:4px;font-size:10px;display:block}.usdgen-result{color:var(--text-quaternary);flex-direction:column;gap:4px;padding:6px 2px;font-size:11px;display:flex}.usdgen-result-meta{font:10px var(--font-mono);color:var(--text-muted)}.chat-tool{border-left:1px solid var(--border-hairline-strong);flex:none;padding-left:8px;font-size:11px}.chat-tool summary{cursor:pointer;color:var(--text-quaternary);align-items:center;gap:6px;padding:3px 0;list-style:none;display:flex}.chat-tool summary::-webkit-details-marker{display:none}.chat-tool-running .chat-tool-state{background:var(--accent-text)}.chat-tool-error .chat-tool-state{background:var(--status-error-text)}.chat-tool-name{flex:none;font-weight:500}.chat-tool-summary{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-tool pre{border-radius:var(--radius-xs);background:var(--surface-raised);font:10px/1.5 var(--font-mono);color:var(--text-quaternary);white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;margin:4px 0;padding:6px;overflow:auto}.usdgen-tool-images{flex-wrap:wrap;gap:6px;padding:6px 0;display:flex}.usdgen-tool-images img{border-radius:var(--radius-xs);width:100%;max-width:320px}.usdgen-asset,.usdgen-lib{border-bottom:1px solid var(--border-hairline);flex:none;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.usdgen-asset-thumb,.usdgen-lib-thumb{object-fit:contain;border-radius:var(--radius-xs);background:var(--surface-sunken);flex:none;width:80px;height:66px}.usdgen-asset-body,.usdgen-lib-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.usdgen-asset-title{color:var(--text-primary);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:5px;font-size:12px;font-weight:500;display:flex}.usdgen-asset-kind,.usdgen-asset-shown{color:var(--accent-text);font-size:9px;font-weight:400}.usdgen-asset-path{font:10px var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usdgen-asset-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.usdgen-button{border:1px solid var(--border-hairline-strong);border-radius:var(--radius-xs);background:var(--surface-raised);color:var(--text-secondary);font:11px var(--font-ui);cursor:pointer;align-self:flex-start;padding:5px 9px}.usdgen-button:hover{border-color:var(--accent-trail);color:var(--accent-text)}.usdgen-link{color:var(--text-quaternary);font-size:10px;text-decoration:none}.usdgen-link:hover{color:var(--accent-text)}.usdgen-lib-desc{color:var(--text-quaternary);font-size:11px;line-height:1.5}.usdgen-lib-tags{color:var(--text-muted);font-size:10px}.chat-composer{border-top:1px solid var(--border-hairline);flex:none;padding:10px 12px 12px}.usdgen-provider-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.usdgen-provider-row .select{min-width:0;max-width:65%;font-size:11px}.usdgen-composer{border:1px solid var(--border-hairline-strong);border-radius:var(--radius-md);background:var(--surface-control);padding:8px;position:relative}.usdgen-composer:focus-within{border-color:var(--accent-trail)}.usdgen-composer textarea{resize:none;width:100%;min-height:54px;max-height:180px;color:var(--text-primary);font:12px/1.6 var(--font-ui);box-sizing:border-box;background:0 0;border:0;outline:none;padding:3px 3px 8px;display:block}.usdgen-composer textarea:focus-visible{outline:none}.usdgen-composer textarea::placeholder{color:var(--text-muted)}.usdgen-composer-row{align-items:center;gap:6px;margin-top:4px;display:flex}.usdgen-model-row{min-width:0;display:flex}.usdgen-picker{min-width:0;max-width:100%;position:relative}.usdgen-chip{min-width:0;max-width:100%;font:10px var(--font-ui);color:var(--text-quaternary);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:3px 4px;display:inline-flex}.usdgen-chip:hover,.usdgen-chip-open{color:var(--accent-text);background:var(--surface-hover)}.usdgen-chip-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.usdgen-effort-label{color:var(--text-muted)}.usdgen-model-menu{z-index:60;box-sizing:border-box;border:1px solid var(--border-hairline-strong);border-radius:var(--radius-md);background:var(--surface-viewport-panel);width:min(270px,100cqw - 48px);box-shadow:var(--shadow-dropdown);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:10px;max-height:min(430px,60vh);padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.usdgen-popover-title{color:var(--text-quaternary);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.usdgen-popover-title .usdgen-icon{width:18px;height:18px}.usdgen-field{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.usdgen-field .select{min-width:80px;max-width:165px;font-size:11px}.usdgen-model-description{color:var(--text-muted);margin:0;font-size:10px;line-height:1.5}.usdgen-custom-model{color:var(--text-muted);font-size:10px}.usdgen-custom-model summary{cursor:pointer}.usdgen-custom-model input{box-sizing:border-box;width:100%;margin-top:6px}.usdgen-context{min-width:0;max-width:calc(100% - 76px);color:var(--text-muted);font:10px var(--font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px;display:flex}.usdgen-context-on{color:var(--accent-text)}.usdgen-context-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usdgen-send{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--accent-ink);background:var(--accent-text);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.usdgen-send:hover{background:var(--accent-text-soft)}.usdgen-stop{color:var(--status-error-text);background:var(--surface-raised)}.usdgen-attachments{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.usdgen-attachment{background:var(--surface-inset);border-radius:var(--radius-xs);align-items:center;gap:5px;max-width:100%;padding:3px;font-size:10px;display:inline-flex}.usdgen-attachment img{object-fit:cover;border-radius:3px;width:28px;height:28px}.usdgen-attachment>span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.usdgen-attachment-remove{width:20px;height:20px}.usdgen-dragging .usdgen-composer{border-color:var(--accent-text)}.usdgen-thinking{color:var(--text-muted);font-size:11px}.usdgen-thinking-head{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:3px 0;display:flex}.usdgen-thinking-title{flex:none}.usdgen-thinking-preview{white-space:nowrap;text-overflow:ellipsis;opacity:.7;overflow:hidden}.usdgen-thinking-chevron{margin-left:auto}.usdgen-thinking-dot{background:var(--accent-text);border-radius:50%;flex:none;width:5px;height:5px;display:inline-block}.usdgen-thinking-body{white-space:pre-wrap;overflow-wrap:anywhere;border-left:1px solid var(--border-hairline);max-height:220px;padding:6px 0 6px 10px;font-size:11px;line-height:1.6;overflow-y:auto}@keyframes usdgen-pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.usdgen-panel *{animation:none!important}}:root{font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;overflow:hidden}.text-selectable{-webkit-user-select:text;user-select:text;cursor:text}::selection{background:var(--accent-selected);color:var(--text-bright)}.app{background:var(--surface-base);height:100%;color:var(--text-primary);flex-direction:column;display:flex}.titlebar{background:var(--surface-control);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;z-index:30;flex:none;justify-content:center;align-items:center;gap:10px;height:38px;padding:0 14px;display:flex;position:relative}.titlebar-native{padding-left:86px}.titlebar-brand{pointer-events:none;letter-spacing:.01em;color:var(--text-primary);align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.titlebar-logo{border-radius:4px;box-shadow:0 1px 3px #00000059}.titlebar-stage{pointer-events:none;font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;position:relative;overflow:hidden}.menubar{-webkit-user-select:none;user-select:none;background:var(--surface-control);border-bottom:1px solid var(--border-subtle);z-index:20;flex:none;align-items:center;gap:2px;padding:0 12px;font-size:12px;display:flex;position:relative}.menu-item{position:relative}.menu-btn{font:inherit;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-weight:500}.menu-item:hover .menu-btn,.menu-open .menu-btn{background:var(--surface-inset);color:var(--text-primary)}.menu-dropdown{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:210px;box-shadow:var(--shadow-dropdown);z-index:30;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0}.menu-submenu{position:relative}.menu-submenu>.menu-dropdown{display:none;top:-5px;left:100%}.menu-submenu:hover>.menu-dropdown{display:block}.menu-submenu-trigger:after{content:"▸";color:var(--text-faint);margin-left:auto;padding-left:12px}.menu-option{width:100%;font:inherit;color:var(--text-secondary);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:5px 12px 5px 4px;display:flex}.menu-option:hover:not(:disabled),.menu-submenu:hover>.menu-submenu-trigger{background:var(--accent-strong)}.menu-option:disabled{color:var(--text-ghost);cursor:default}.menu-mark{text-align:center;width:18px;color:var(--accent-text-soft);display:inline-block}.menu-separator{background:var(--border-strong);height:1px;margin:4px 8px}.app-substrip{color:var(--text-faint);border-bottom:1px solid var(--border-subtle);flex:none;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:flex}.viewport{flex:1;min-height:0;position:relative}.viewport-drop{outline:2px dashed var(--accent);outline-offset:-8px}.viewport-dropzone{color:var(--text-tertiary);background:var(--surface-veil);pointer-events:none;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.viewport-host{background:var(--surface-overlay);position:absolute;inset:0}.viewport-host canvas{width:100%;height:100%;display:block}.viewport-host-enter{animation:.32s ease-out viewport-enter}@keyframes viewport-enter{0%{opacity:.35}to{opacity:1}}.viewport-progress{font-family:var(--font-mono);color:var(--text-fainter);pointer-events:none;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:16px;right:18px}.viewport-progress-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent-selected);border-radius:50%;animation:1.1s ease-in-out infinite viewport-pulse}@keyframes viewport-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.viewport-host-enter,.viewport-progress-dot{animation:none}}.viewport-status{font-family:var(--font-mono);color:var(--text-fainter);font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;position:absolute;bottom:16px;right:18px}.viewport-status-idle,.viewport-status-booting,.viewport-status-loading{visibility:hidden}.viewport-status-error{color:var(--status-error-text);text-align:right;border-radius:var(--radius-sm);border:1px solid var(--status-error-border);background:var(--surface-scrim);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;max-width:60ch;padding:6px 11px}.viewport-status-actionable{pointer-events:auto;align-items:center;gap:10px;display:flex}.viewport-status-actionable button{appearance:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--surface-raised);font:inherit;cursor:pointer;padding:5px 9px}.viewport-status-actionable button:hover{color:var(--text-primary);border-color:var(--accent)}.viewport-empty{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.viewport-empty-copy{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.viewport-empty-text{letter-spacing:.01em;color:var(--text-ghost);text-align:center;margin:0;font-size:13px}.viewport-loading-bar{background:#ffffff0d;border-radius:999px;width:170px;height:2px;position:relative;overflow:hidden}.viewport-loading-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg, transparent 0%, var(--accent) 45%, var(--accent-text-soft) 55%, transparent 100%);filter:drop-shadow(0 0 6px var(--accent-selected));animation:1.5s ease-in-out infinite viewport-sweep;position:absolute;inset:0}@keyframes viewport-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.viewport-loading-bar:after{opacity:.5;animation:none;transform:none}}.viewport-tools{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;top:14px;right:14px}.viewport-tool{border-radius:var(--radius-md);border:1px solid var(--border-hairline);background:var(--surface-viewport-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:30px;height:30px;color:var(--text-quaternary);cursor:pointer;place-items:center;padding:0;transition:color .12s,border-color .12s,background .12s;display:grid}.viewport-tool:disabled{opacity:.4;cursor:default}.viewport-tool:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hairline-hover);background:var(--surface-raised)}.viewport-tool-on{color:var(--accent-text);border-color:var(--accent-selected)}.viewport-tool-on:hover{color:var(--accent-text-soft)}.viewport-panel{border-radius:var(--radius-md);border:1px solid var(--border-hairline);background:var(--surface-viewport-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(304px,100% - 68px);max-height:calc(100% - 28px);color:var(--text-secondary);z-index:5;overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:14px;padding:12px;font-size:11px;animation:.12s ease-out viewport-panel-enter;display:flex;position:absolute;top:14px;right:54px;overflow:hidden auto}.viewport-panel-header{color:var(--text-tertiary);z-index:1;background:var(--surface-viewport-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:7px;margin:-12px -12px 0;padding:12px;display:flex;position:sticky;top:-12px}.viewport-panel-title{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;font-size:10.5px;font-weight:600}.viewport-panel-close{border-radius:var(--radius-md);width:20px;height:20px;color:var(--text-quaternary);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.viewport-panel-close:hover{color:var(--text-primary);background:var(--surface-raised)}.lookdev-section{flex-direction:column;gap:6px;display:flex}.lookdev-row{flex-direction:row;justify-content:space-between;align-items:center}.lookdev-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}.lookdev-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lookdev-tiles-rigs{grid-template-columns:repeat(4,minmax(0,1fr))}.lookdev-tile{border-radius:var(--radius-md);min-width:0;color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:4px 3px;font-size:10px;transition:color .12s,border-color .12s,background .12s;display:flex}.lookdev-tile:hover{color:var(--text-primary);background:var(--surface-raised);border-color:var(--border-hairline)}.lookdev-tile-on{color:var(--accent-text);border-color:var(--accent-selected)}.lookdev-tile-label{text-align:center;overflow-wrap:anywhere;max-width:100%;line-height:1.15}.lookdev-thumb{aspect-ratio:2;object-fit:cover;background:var(--surface-raised);border:1px solid #00000059;border-radius:4px;place-items:center;width:100%;display:grid}.lookdev-thumb-room{background:linear-gradient(#e8e8e6 0%,#b9b9b6 45%,#7f7f7c 100%)}.lookdev-thumb-file{border-style:dashed;border-color:var(--border-hairline-hover);color:var(--text-quaternary);font-size:15px;line-height:1}.lookdev-orb{background:radial-gradient(circle at 50% 38%,#f4f4f4 0%,#a9a9a9 22%,#4a4a4a 62%,#232323 100%);border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #00000059}.lookdev-orb-threePoint{background:radial-gradient(circle at 30% 26%,#fff6e6 0%,#d8c6ae 14%,#0000 40%),radial-gradient(circle at 78% 66%,#9db3d8 0%,#0000 34%),radial-gradient(circle at 50% 45%,#8c8c8c 0%,#454545 60%,#202020 100%);box-shadow:inset -3px 0 4px -2px #fff,inset 0 0 0 1px #00000059}.lookdev-orb-sun{background:radial-gradient(circle at 70% 22%,#fff3dc 0%,#f0d6a8 16%,#0000 44%),radial-gradient(circle,#7f7469 0%,#3e3934 55%,#1c1a18 100%)}.lookdev-orb-none{background:radial-gradient(circle,#9b9b9b 0%,#6a6a6a 60%,#3c3c3c 100%)}.control-slider-field{flex-direction:column;gap:3px;min-width:0;display:flex}.control-slider-label{color:var(--text-secondary);justify-content:space-between;gap:12px;font-size:11px;display:flex}.control-value{color:var(--text-tertiary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-weight:400}.control-segments{border:1px solid var(--border-hairline);background:var(--surface-raised);border-radius:999px;padding:2px;display:inline-flex}.control-segment{color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 10px;font-size:10.5px}.control-segment:hover{color:var(--text-primary)}.control-segment-on{color:var(--accent-text);background:var(--surface-scrim);box-shadow:0 0 0 1px var(--accent-selected)}.control-switch-row{border-radius:var(--radius-md);width:100%;min-width:0;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px;display:flex}.control-switch-row:hover{background:var(--surface-raised)}.control-switch-row:disabled{opacity:.45;cursor:default}.control-switch-row:disabled:hover{background:0 0}.lookdev-refs{flex:none;width:64px;height:22px}.control-switch-text{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:11px;display:flex}.control-switch-hint{color:var(--text-quaternary);white-space:normal;text-overflow:ellipsis;font-size:9.5px;line-height:1.4;overflow:hidden}.control-switch{background:var(--surface-raised);width:28px;height:16px;box-shadow:inset 0 0 0 1px var(--border-hairline);border-radius:999px;flex:none;transition:background .12s;position:relative}.control-switch:after{content:"";background:var(--text-quaternary);border-radius:50%;width:12px;height:12px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.control-switch-on{background:var(--accent-selected)}.control-switch-on:after{background:#fff;transform:translate(12px)}.app-body{flex:1;min-height:0;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.app-playbar{background:var(--surface-overlay);border-top:1px solid var(--border-subtle);flex:none;align-items:center;gap:14px;padding:9px 16px;display:flex}.playbar-toggle{background:var(--accent);block-size:32px;inline-size:32px;color:var(--accent-ink);cursor:pointer;border:none;border-radius:999px;flex:none;place-items:center;padding:0;transition:background .12s;display:grid}.playbar-toggle:hover{background:var(--accent-text)}.playbar-frame{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);flex:none;font-size:11px;font-weight:500}.playbar-frame-end{color:var(--text-faint)}.playbar-scrub{flex:1;min-width:0}.ui-slider{width:100%;min-width:0;appearance:none;cursor:pointer;--slider-track-height:3px;background:0 0;block-size:22px;margin:0;padding:0}.ui-slider::-webkit-slider-runnable-track{block-size:var(--slider-track-height);background:linear-gradient(to right, var(--accent) var(--slider-progress), var(--fill-track) var(--slider-progress));border-radius:999px}.ui-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-text-soft);block-size:9px;inline-size:9px;box-shadow:0 0 0 3px var(--accent-selected);border-radius:50%;margin-block-start:-3px}.ui-slider::-moz-range-track{height:var(--slider-track-height);background:var(--fill-track);border-radius:999px}.ui-slider::-moz-range-progress{height:var(--slider-track-height);background:var(--accent);border-radius:999px}.ui-slider::-moz-range-thumb{background:var(--accent-text-soft);width:9px;height:9px;box-shadow:0 0 0 3px var(--accent-selected);border:0;border-radius:50%}.ui-slider:disabled{opacity:.4;cursor:default}.ui-slider:focus-visible{outline:1px solid var(--accent-text);outline-offset:3px;border-radius:4px}.playbar-divider{background:var(--fill-track);flex:none;block-size:16px;inline-size:1px}.playbar-modes{flex:none;gap:4px;display:flex}.playbar-pill{font:inherit;background:var(--fill-ghost);color:var(--text-tertiary);border:none;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:600}.playbar-pill-toggle{color:var(--text-faint);cursor:pointer;background:0 0}.playbar-pill-toggle:hover{background:var(--fill-ghost)}.playbar-pill-toggle[aria-pressed=true]{background:var(--accent-selected);color:var(--accent-text-soft)}.panel{background:var(--surface-overlay);flex-direction:column;min-height:0;display:flex}.panel-graph{border-right:1px solid var(--border-subtle)}.panel-attributes{border-top:1px solid var(--border-default)}.panel-graph-host{flex:none;min-height:0;display:flex}.edge-rail{background:var(--surface-overlay);flex:none;justify-content:center;align-items:center;display:flex}.edge-rail-left{border-right:1px solid var(--border-subtle);width:22px}.edge-rail-right{border-left:1px solid var(--border-subtle);width:22px}.edge-rail-bottom{border-top:1px solid var(--border-subtle);height:22px}.edge-tab{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-tertiary);font:11px var(--font-ui);letter-spacing:.04em;cursor:pointer;padding:8px 4px;transition:color .12s,background .12s,border-color .12s}.edge-tab-left{writing-mode:vertical-rl;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-right:none;transform:rotate(180deg)}.edge-tab-right{writing-mode:vertical-rl;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.edge-tab-bottom{border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;padding:3px 12px}.edge-tab:hover{color:var(--text-primary);background:var(--surface-control-alt)}.edge-tab-open{color:var(--accent-text);border-color:var(--accent-trail)}.panel-graph{flex:1;min-width:0}.panel-attributes-host{flex:none;min-height:0;display:flex}.splitter{background:var(--border-subtle);flex:none}.splitter:hover,.splitter:active{background:var(--accent)}.splitter-vertical{cursor:col-resize;width:4px}.splitter-horizontal{cursor:row-resize;height:4px}.panel-graph .panel-body{min-height:0}.panel-attributes{flex:1;min-height:0}.panel-title{letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);flex:none;align-items:center;gap:7px;padding:10px 12px 8px;font-size:10.5px;font-weight:600;display:flex}.panel-title-icon{color:var(--text-faint);flex:none}.panel-count{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:var(--text-ghost);margin-left:auto;font-size:10.5px;font-weight:500}.panel-path{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);color:var(--accent-text);text-transform:none;letter-spacing:0;font-size:11px;overflow:hidden}.panel-search{border-radius:var(--radius-md);background:var(--fill-ghost);border:1px solid var(--border-subtle);flex:none;align-items:center;gap:7px;height:28px;margin:0 12px 10px;padding:0 10px;display:flex}.panel-search:focus-within{border-color:var(--accent);background:var(--surface-inset)}.panel-search-icon{color:var(--text-fainter);flex:none}.panel-search input{min-width:0;font:inherit;color:var(--text-secondary);background:0 0;border:none;outline:none;flex:1;font-size:12px}.panel-search input::placeholder{color:var(--text-disabled)}.panel-search input::-webkit-search-cancel-button{appearance:none}.panel-body{flex:1;font-size:12px;overflow:auto}.panel-empty{color:var(--text-ghost);padding:10px}.graph-row{border-radius:var(--radius-sm);cursor:default;white-space:nowrap;height:26px;color:var(--text-secondary);align-items:center;gap:7px;margin:0 8px;padding:0 8px 0 0;display:flex}.graph-row:hover{background:var(--surface-hover)}.graph-row-selected,.graph-row-selected:hover{background:linear-gradient(90deg, var(--accent-selected), var(--accent-selected-fade));box-shadow:inset 2px 0 0 var(--accent);color:var(--text-bright)}.graph-row-selected .graph-type{color:var(--accent-text-soft)}.graph-row-ancestor{background:linear-gradient(90deg, var(--accent-selected-fade), transparent 60%);box-shadow:inset 2px 0 0 var(--accent-trail);color:var(--text-primary)}.graph-row-ancestor:hover{background:linear-gradient(90deg, var(--accent-selected), transparent 70%)}.graph-row-trail-end .graph-twisty{color:var(--accent-text)}.graph-twisty{width:12px;color:var(--text-faint);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex}.graph-twisty-leaf{cursor:default}.graph-chevron{transition:transform .12s}.graph-chevron-closed{transform:rotate(-90deg)}.graph-icon{flex:none}.graph-icon-mesh{color:var(--prim-mesh)}.graph-icon-material{color:var(--prim-material)}.graph-icon-light{color:var(--prim-light)}.graph-icon-camera{color:var(--prim-camera)}.graph-icon-xform{color:var(--prim-xform)}.graph-icon-shader{color:var(--prim-shader)}.graph-icon-scope{color:var(--prim-scope)}.graph-name{text-overflow:ellipsis;overflow:hidden}.graph-inactive{color:var(--text-ghost);font-style:italic}.graph-type{font-family:var(--font-mono);color:var(--text-ghost);margin-left:auto;padding-left:10px;font-size:10px;font-weight:500}.badge{border-radius:var(--radius-xs);text-align:center;min-width:15px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;display:inline-block}.badge-variant{background:var(--status-ok-bg);color:var(--status-ok-text)}.badge-payload{background:var(--status-warn-bg);color:var(--status-warn-text);cursor:pointer}.badge-unloaded{background:var(--border-muted);color:var(--text-dim);cursor:pointer}.overlay-mono{font-family:var(--font-mono)}.attr-head{letter-spacing:.1em;text-transform:uppercase;color:var(--text-disabled);border-bottom:1px solid var(--border-subtle);flex:none;grid-template-columns:220px 130px minmax(0,1fr);gap:10px;padding:0 16px 6px;font-size:9.5px;font-weight:600;display:grid}.attr-row{font-variant-numeric:tabular-nums;grid-template-columns:220px 130px minmax(0,1fr);align-items:center;gap:10px;height:25px;padding:0 16px;display:grid}.attr-row:hover{background:var(--surface-hover)}.attr-name{color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.attr-authored{color:var(--text-tertiary)}.attr-type{font-family:var(--font-mono);color:var(--text-fainter);font-size:11px}.attr-value{font-family:var(--font-mono);color:var(--text-tertiary);text-overflow:ellipsis;min-width:0;font-size:11.5px;overflow:hidden}.attr-value-array-shell{text-overflow:clip;align-items:center;gap:4px;min-width:0;display:flex}.attr-value-array{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:auto hidden}.attr-array-scroll{border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--fill-ghost);block-size:20px;inline-size:20px;color:var(--text-quaternary);cursor:pointer;flex:none;place-items:center;padding:0;line-height:1;display:grid}.attr-array-scroll:hover{background:var(--fill-ghost-hover);border-color:var(--border-hairline-hover)}.attr-array-count{border-radius:var(--radius-xs);background:var(--surface-inset);color:var(--text-muted);white-space:nowrap;flex:none;padding:2px 7px;font-size:10px;font-weight:600}.attr-array-items{font-family:var(--font-mono);white-space:nowrap;flex:none}.select{border-radius:var(--radius-sm);border:1px solid var(--border-hairline-strong);background:var(--surface-control-alt);min-width:0;max-width:100%;color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;align-items:center;gap:6px;padding:2px 7px 2px 9px;font-size:11px;line-height:18px;transition:border-color .12s,background .12s;display:inline-flex;position:relative}.select:hover{border-color:var(--border-hairline-hover);background:var(--surface-raised)}.select:focus-within{border-color:var(--accent);outline:none}.select-input{opacity:0;cursor:pointer;width:100%;height:100%;font:inherit;position:absolute;inset:0}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.select-chevron{color:var(--text-muted);flex:none}.select:hover .select-chevron{color:var(--text-secondary)}.overlay-scrim{background:var(--surface-overlay-scrim);z-index:100;place-items:center;display:grid;position:fixed;inset:0}.overlay{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(560px,90vw);max-height:80vh;box-shadow:var(--shadow-overlay);flex-direction:column;display:flex}.overlay-title{border-bottom:1px solid var(--border-default);align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.overlay-close{border-radius:var(--radius-sm);block-size:24px;inline-size:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;margin-left:auto;padding:0;display:grid}.overlay-close:hover{background:var(--fill-ghost);color:var(--text-primary)}.overlay-body{padding:12px 14px 16px;font-size:12px;overflow:auto}.overlay-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:12px 0 6px;font-size:11px}.overlay-section:first-child h3{margin-top:0}.overlay-row{grid-template-columns:230px 1fr;gap:12px;padding:3px 0;display:grid}.overlay-key{color:var(--text-muted)}.overlay-number{font-variant-numeric:tabular-nums}.graph-eye{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--text-faint);opacity:0;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}.graph-row:hover .graph-eye,.graph-eye:focus-visible,.graph-eye-off{opacity:1}.graph-eye:hover{color:var(--text-primary);background:var(--surface-hover)}.graph-eye-off{color:var(--accent-text)}.graph-row-hidden .graph-name,.graph-row-hidden .graph-icon,.graph-row-hidden .graph-type{opacity:.45}.viewport-panel:focus{outline:none}.viewport-panel-section{flex-direction:column;gap:10px;display:flex}.viewport-panel-section+.viewport-panel-section{border-top:1px solid var(--border-hairline);padding-top:12px}.viewport-panel-section h3{color:var(--text-tertiary);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 2px;font-size:10px;font-weight:500;display:flex}.viewport-panel-section h3 .control-value{margin-left:auto;font-size:10px}.control-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.control-row>.select{flex:none;width:146px}.viewport-panel .select{padding:4px 7px;font-family:inherit;font-size:11px}.select:has(select:disabled){opacity:.45;cursor:default}.select-input:disabled{cursor:default}.viewport-panel-note{color:var(--text-quaternary);margin:0;font-size:10px;line-height:1.5}.viewport-panel-actions{gap:7px;display:flex}.viewport-panel-actions button{border:1px solid var(--border-hairline);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--surface-raised);font:inherit;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 5px;display:flex}.viewport-panel-actions button:hover{border-color:var(--border-hairline-hover);color:var(--text-primary)}.viewport-panel-actions button:disabled{opacity:.4;cursor:default}.viewport-panel-advanced{color:var(--text-tertiary);font-size:10px}.viewport-panel-advanced summary{cursor:pointer;padding:4px 0}.viewport-panel button:focus-visible,.viewport-tool:focus-visible{outline:1px solid var(--accent-text);outline-offset:2px}@keyframes viewport-panel-enter{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.viewport-panel{animation:none}.control-switch,.control-switch:after{transition:none}}.camera-guides{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.camera-guide-frame{box-sizing:border-box;border:1px solid #fff6;position:absolute;box-shadow:0 0 0 100vmax #00000047}.camera-guide-frame i{background:#ffffff45;display:block;position:absolute}.guide-v{width:1px;top:0;bottom:0}.guide-h{height:1px;left:0;right:0}.guide-safe{border:1px dashed #fff6;position:absolute}.guide-safe-action{inset:5%}.guide-safe-title{opacity:.65;inset:10%}.guide-caption{white-space:nowrap;text-overflow:ellipsis;background:var(--surface-viewport-panel);max-width:85%;color:var(--text-secondary);font:9px var(--font-ui);border-radius:4px;padding:3px 7px;position:absolute;bottom:7px;left:50%;overflow:hidden;transform:translate(-50%)}.isolation-banner{z-index:3;border:1px solid var(--accent-selected);border-radius:var(--radius-md);max-width:calc(100% - 80px);color:var(--accent-text-soft);background:var(--surface-viewport-panel);font:11px var(--font-ui);cursor:pointer;align-items:center;gap:12px;padding:7px 10px;display:flex;position:absolute;top:14px;left:14px}.isolation-banner span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.isolation-banner span:last-child{color:var(--text-secondary);flex:none;font-size:10px}.isolation-banner:focus-visible{outline:1px solid var(--accent-text);outline-offset:2px}.performance-overlay{z-index:3;border:1px solid var(--border-hairline);border-radius:var(--radius-md);width:min(220px,100% - 28px);color:var(--text-secondary);background:var(--surface-viewport-panel);font:10px var(--font-ui);padding:10px 12px;position:absolute;bottom:34px;left:14px}.performance-overlay header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.performance-overlay header button{color:var(--text-quaternary);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:22px;height:22px;display:grid}.performance-overlay button:focus-visible{outline:1px solid var(--accent-text)}.performance-cadence{font-family:var(--font-mono);align-items:baseline;gap:5px;margin:4px 0 10px;display:flex}.performance-cadence strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.performance-cadence>span:last-child{color:var(--text-quaternary);margin-left:auto;font-size:9px}.performance-overlay dl{gap:6px;margin:0;display:grid}.performance-overlay dl>div{justify-content:space-between;gap:10px;display:flex}.performance-overlay dd{font:10px var(--font-mono);font-variant-numeric:tabular-nums;margin:0}.performance-state{border-top:1px solid var(--border-hairline);color:var(--text-quaternary);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 0;padding-top:8px;overflow:hidden}.performance-state-error{color:var(--status-error-text)}@media (width<=850px){.isolation-banner{max-width:calc(100% - 80px);top:auto;bottom:8px}}.selection-summary{color:var(--text-secondary);padding:12px 16px;font-size:11px}.selection-summary p{margin:0 0 12px}.selection-summary-items{flex-wrap:wrap;gap:6px;display:flex}.selection-summary button{border:1px solid var(--border-hairline);background:var(--surface-raised);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:inherit;padding:6px 9px;overflow:hidden}.selection-summary button:hover{color:var(--text-primary);border-color:var(--accent-selected)}.selection-summary button:focus-visible{outline:1px solid var(--accent-text)}.selection-clear{margin-top:12px}.viewport-cancel{pointer-events:auto;border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;border-radius:7px;padding:8px 14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}