.window-bar{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;min-height:32px;height:32px;padding:0 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text);background:var(--surface-panel-bg);-webkit-app-region:drag}.window-bar .window-left,.window-bar .window-right{display:flex;gap:8px;align-items:center}.window-bar .window-icon{font-size:14px}.window-bar .window-sep{opacity:.4}.window-bar .window-controls,.window-bar .window-controls button{-webkit-app-region:no-drag}html:not(.is-electron) .window-controls{display:none!important}.is-electron .window-controls{display:flex;gap:2px}html.devtools-open .window-bar{-webkit-app-region:no-drag}.window-controls button{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:34px;height:22px;border:none;border-radius:4px;font-size:12px;line-height:1;color:var(--text);background:transparent;transition:background .12s ease}.window-controls button:hover{background:var(--surface-1)}#btn-close:hover{color:#fff;background:var(--danger)}:root{--window-radius: 6px;--window-border: 1px solid var(--surface-panel-border);--window-shadow: var(--surface-raised-shadow);--window-titlebar-height: 28px;--window-titlebar-padding-x: 10px;--window-titlebar-padding-y: 6px;--window-titlebar-font: var(--font-md);--window-titlebar-weight: 600;--window-content-padding: var(--panel-padding-md);--window-close-radius: 4px;--surface-panel-bg: var(--panel);--surface-panel-border: var(--border);--surface-alt-bg: var(--panel-alt);--hover-bg: var(--surface-alt-bg);--hover-text: var(--text);--state-hover-bg: var(--hover-bg);--state-hover-text: var(--hover-text);--active-bg: color-mix(in srgb, var(--accent) 15%, transparent);--active-border: var(--accent);--active-text: var(--text);--active-weight: 600;--state-active-bg: var(--active-bg);--state-active-text: var(--active-text);--state-active-border: var(--active-border);--state-active-weight: var(--active-weight);--surface-raised-shadow: 0 8px 24px rgb(0 0 0 / 50%);--surface-dropdown-shadow: 0 2px 2px rgb(0 0 0 / 45%);--row-transition: background .08s ease, color .08s ease;--focus-border: var(--accent);--focus-ring: 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent);--state-focus-border: var(--focus-border);--state-focus-ring: var(--focus-ring);--font-xs: .7rem;--font-sm: .75rem;--font-md: .8rem;--font-lg: .85rem;--font-xl: .9rem;--row-padding-y: .25rem;--row-padding-x: .5rem;--control-height-sm: 32px;--control-height-md: 36px;--section-gap-sm: .25rem;--section-gap-md: .75rem;--panel-padding-sm: 8px;--panel-padding-md: 12px;--auth-card-width: 320px;--auth-card-padding: 2rem;--auth-card-radius: 8px;--auth-title-size: 1.4rem;--auth-label-size: var(--font-lg);--auth-input-size: var(--font-md);--auth-status-size: var(--font-xl);--state-disabled-opacity: .4}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;font-family:system-ui,sans-serif;color:var(--text);background:var(--bg)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:6px;background:var(--surface-1);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{cursor:default;background:var(--surface-2)}*::-webkit-scrollbar-corner{background:transparent}html.is-electron:before{pointer-events:none;content:"";position:fixed;z-index:999999;inset:0;box-sizing:border-box;border:1px solid rgb(255 255 255 / 8%);border-radius:3px}button{cursor:pointer;padding:.6rem 1rem;border:1px solid var(--surface-1);border-radius:4px;color:var(--text);background:var(--surface-0);transition:background .12s ease,border-color .12s ease,transform .05s ease}button:not(.button-primary):hover{border-color:var(--accent);background:var(--surface-2)}button:not(.button-primary):active{transform:translateY(1px)}button.button-primary{border:1px solid var(--accent);color:var(--base);background:var(--accent)}button.button-primary:hover{filter:brightness(1.1)}button.button-primary:active{transform:translateY(1px);filter:brightness(.95)}button.button-danger{border:1px solid var(--danger);color:var(--base);background:var(--danger)}button.button-danger:hover{filter:brightness(1.08)}button.button-danger:active{transform:translateY(1px);filter:brightness(.94)}a{color:var(--blue);text-decoration:none}a:hover{color:var(--sapphire);text-decoration:underline}a.soft-link{color:var(--subtext-1)}a.soft-link:hover{color:var(--text)}.scene-hover-tooltip{pointer-events:none;position:fixed;z-index:1200;max-width:min(420px,70vw);padding:6px 8px;border:1px solid var(--surface-panel-border);border-radius:6px;font-size:var(--font-sm);line-height:1.25;color:var(--text);white-space:pre-wrap;background:var(--surface-alt-bg);box-shadow:var(--surface-dropdown-shadow)}.ui-tabs{display:flex;flex-direction:column;border-bottom:1px solid var(--border);background:var(--surface-0)}.ui-tab-row{display:flex;border-bottom:1px solid var(--border)}.ui-tab-row:last-child{border-bottom:none}.ui-tab{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 1 0;min-width:80px;padding:.4rem .25rem;border:1px solid var(--surface-panel-border);border-right:1px solid var(--border);border-bottom:none;font-size:.75rem;color:var(--subtext-0);text-align:center;white-space:nowrap;background:transparent;transition:background .12s ease,color .12s ease}.ui-tab:hover{color:var(--text);background:var(--surface-1)}.ui-tab.active{font-weight:700;color:var(--state-active-text);background:var(--surface-panel-bg);box-shadow:inset 0 -2px 0 var(--state-active-border)}.ui-tab:focus-visible{position:relative;z-index:1;outline:none;box-shadow:var(--state-focus-ring)}.spoiler{cursor:pointer;padding:0 .25em;border-radius:3px;color:transparent;background:var(--surface-2, #444)}.spoiler:hover{color:inherit}code{padding:.15em .35em;border:1px solid var(--border);border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;color:var(--text);background:color-mix(in srgb,var(--surface-2) 80%,#000)}