:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--panel:#090d12c2;--panel-strong:#090d12eb;--line:#ffffff24;--text:#f7f8fa;--muted:#f7f8faad;--weak:#f7f8fa75;--accent:#35d0a2;--accent-2:#64a8ff;--danger:#ff6b6b}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft YaHei,sans-serif;overflow:hidden}button,select{font:inherit}.shell,.stage-wrap,.stage{width:100%;height:100%}.stage-wrap{isolation:isolate;background:#080b10;position:relative}.stage{touch-action:none;position:absolute;inset:0;overflow:hidden}.render-canvas,.stage canvas{touch-action:none;width:100%;height:100%;display:block}.topbar{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));z-index:5;pointer-events:none;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid;position:absolute}.brand{text-shadow:0 2px 18px #00000094;min-width:0}.brand span,.brand strong{display:block}.brand span{color:var(--muted);font-size:.76rem;line-height:1.2}.brand strong{letter-spacing:0;margin-top:4px;font-size:clamp(1.22rem,3.3vw,2.1rem);font-weight:760;line-height:1.08}.top-actions{pointer-events:auto;grid-template-columns:minmax(132px,180px) 58px;gap:8px;display:grid}select,.top-actions button,.scene-item{border:1px solid var(--line);background:var(--panel);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px}select{outline:none;min-width:0;height:44px;padding:0 10px}.top-actions button{height:44px;padding:0;font-weight:720}.controlbar{left:50%;top:max(12px, env(safe-area-inset-top));z-index:5;pointer-events:auto;grid-template-columns:repeat(3,minmax(72px,1fr));gap:6px;width:min(336px,100vw - 24px);display:grid;position:absolute;transform:translate(-50%)}.controlbar button{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:44px;color:var(--muted);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;padding:0 10px;font-size:.76rem;font-weight:740}.controlbar button[data-active=true]{color:var(--text);background:#183758c2;border-color:#64a8ffe6}.scene-panel{top:92px;right:max(12px, env(safe-area-inset-right));z-index:4;pointer-events:none;width:min(220px,100vw - 24px);position:absolute}.scene-list{pointer-events:auto;gap:8px;display:grid}.scene-item{text-align:left;gap:4px;width:100%;min-height:52px;padding:9px 10px;display:grid}.scene-item[data-active=true]{background:#1c4a40bd;border-color:#35d0a2e0}.scene-item strong,.scene-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scene-item strong{font-size:.88rem;line-height:1.15}.scene-item span{color:var(--weak);font-size:.66rem}.mobile-pad{z-index:4;pointer-events:none;display:none;position:absolute;inset:0}.mobile-pad[data-active=true]{display:block}.move-pad{left:max(22px, env(safe-area-inset-left));bottom:calc(max(22px, env(safe-area-inset-bottom)) + 78px);pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d1257;border:1px solid #ffffff29;border-radius:50%;width:118px;height:118px;position:absolute;box-shadow:inset 0 0 0 38px #ffffff06}.move-pad span{background:#35d0a2c7;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;box-shadow:0 10px 26px #0000005c}.look-zone{right:max(18px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 90px);color:#f7f8fa5c;pointer-events:none;font-size:.7rem;font-weight:740;position:absolute}.orientation-tip{z-index:9;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090ddb;place-content:center;gap:8px;padding:24px;display:none;position:absolute;inset:0}.orientation-tip[data-visible=true]{display:grid}.orientation-tip strong{font-size:1.25rem;line-height:1.2}.orientation-tip span{color:var(--muted);font-size:.86rem;line-height:1.5}.status-panel{z-index:6;border:1px solid var(--line);background:var(--panel-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;gap:6px;width:min(320px,100vw - 32px);min-height:88px;padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000007a}.status-panel[data-state=ready]{left:max(12px, env(safe-area-inset-left));top:auto;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 54px);width:min(300px,100vw - 24px);min-height:0;padding:10px 12px;transform:none}.status-panel[data-state=ready] strong{color:var(--accent)}.status-panel[data-state=error] strong{color:var(--danger)}.status-panel strong{font-size:.96rem;line-height:1.2}.status-panel span{color:var(--muted);word-break:break-word;font-size:.78rem;line-height:1.35}.bottombar{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:5;border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--muted);pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:0 10px;font-size:.72rem;display:grid;position:absolute}.bottombar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#fpsLabel{color:var(--accent-2)}@media (width<=720px){.topbar{grid-template-columns:minmax(0,1fr)}.top-actions{grid-template-columns:minmax(0,1fr) 58px;justify-self:stretch}.controlbar{top:calc(max(12px, env(safe-area-inset-top)) + 88px);left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));width:auto;transform:none}.controlbar button{min-height:40px;padding:0 6px;font-size:.7rem}.scene-panel{top:auto;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 104px);width:auto}.scene-list{scrollbar-width:none;grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;padding-bottom:2px;overflow-x:auto}.scene-list::-webkit-scrollbar{display:none}.scene-item{min-height:48px}.status-panel[data-state=ready]{display:none}.bottombar{grid-template-columns:minmax(0,1fr) auto auto}#loadLabel{display:none}.move-pad{width:104px;height:104px;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 152px)}.move-pad span{width:38px;height:38px;margin:-19px 0 0 -19px}.look-zone{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 164px)}}@media (width<=920px) and (orientation:landscape){.topbar{grid-template-columns:minmax(0,1fr) auto}.brand strong{font-size:1.08rem}.controlbar{top:max(12px, env(safe-area-inset-top));width:min(300px,42vw)}.scene-panel{top:68px;right:max(10px, env(safe-area-inset-right));width:min(188px,28vw);bottom:auto;left:auto}.scene-list{grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}.scene-item{min-height:42px;padding:7px 9px}.move-pad{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 52px)}.look-zone{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 66px)}}