:root{--hz-bg-canvas: #0b1220;--hz-bg-base: #0f172a;--hz-bg-surface: #1e293b;--hz-bg-raised: #273449;--hz-bg-hover: #33415580;--hz-border: #334155;--hz-border-subtle: #1e293b;--hz-text-hi: #f1f5f9;--hz-text: #cbd5e1;--hz-text-dim: #94a3b8;--hz-text-faint: #64748b;--hz-accent: #38bdf8;--hz-accent-strong: #0ea5e9;--hz-ok: #34d399;--hz-warn: #fbbf24;--hz-danger: #f87171;--hz-info: #818cf8;--hz-rec: #ef4444;--hz-hud-bg: #0b1220cc;--hz-grid: #1e293b;--hz-font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--hz-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--hz-fs-xxl: 20px;--hz-fs-xl: 16px;--hz-fs-md: 14px;--hz-fs-sm: 13px;--hz-fs-xs: 12px;--hz-fs-xxs: 11px;--hz-radius-panel: 10px;--hz-radius-ctl: 6px;--hz-radius-sm: 4px;--hz-radius-pill: 999px;--hz-shadow-raised: 0 8px 24px #00000066;--hz-z-hud: 10;--hz-z-topbar: 100;--hz-z-banner: 200;--hz-z-dialog: 300;--hz-z-toast: 400;--hz-z-authgate: 500}:root[data-theme=light]{--hz-bg-canvas: #e7edf3;--hz-bg-base: #f1f5f9;--hz-bg-surface: #ffffff;--hz-bg-raised: #ffffff;--hz-bg-hover: #0f172a0d;--hz-border: #d4dee7;--hz-border-subtle: #e8edf2;--hz-text-hi: #0f1b2a;--hz-text: #33455a;--hz-text-dim: #64748b;--hz-text-faint: #94a3b8;--hz-accent: #0284c7;--hz-accent-strong: #0369a1;--hz-ok: #16a34a;--hz-warn: #d97706;--hz-danger: #dc2626;--hz-info: #6366f1;--hz-rec: #dc2626;--hz-hud-bg: #ffffffe6;--hz-grid: #cbd5e1;--hz-shadow-raised: 0 8px 24px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--hz-bg-base);color:var(--hz-text);font-family:var(--hz-font-sans);font-size:var(--hz-fs-md);line-height:1.5;overflow:hidden}a{color:var(--hz-accent);text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--hz-border);border-radius:var(--hz-radius-sm)}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--hz-font-mono)}.t-hi{color:var(--hz-text-hi)}.t-dim{color:var(--hz-text-dim)}.t-faint{color:var(--hz-text-faint)}.t-ok{color:var(--hz-ok)}.t-warn{color:var(--hz-warn)}.t-danger{color:var(--hz-danger)}.t-info{color:var(--hz-info)}.t-accent{color:var(--hz-accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--hz-border);border-radius:var(--hz-radius-ctl);background:var(--hz-bg-surface);color:var(--hz-text-hi);font-size:var(--hz-fs-md);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--hz-bg-raised);border-color:var(--hz-text-faint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--hz-accent);border-color:var(--hz-accent);color:#06121f;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--hz-accent-strong);border-color:var(--hz-accent-strong)}.btn-danger{background:transparent;border-color:var(--hz-danger);color:var(--hz-danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--hz-danger) 13%,transparent);border-color:var(--hz-danger)}.btn-ghost{background:transparent;border-color:transparent;color:var(--hz-text)}.btn-ghost:hover:not(:disabled){background:var(--hz-bg-hover)}.btn-sm{padding:3px 10px;font-size:var(--hz-fs-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--hz-radius-ctl);background:transparent;color:var(--hz-text-dim);cursor:pointer;font-size:var(--hz-fs-xl)}.icon-btn:hover{background:var(--hz-bg-hover);color:var(--hz-text-hi)}.icon-btn.active{color:var(--hz-accent);border-color:var(--hz-accent)}.input,.select{padding:6px 10px;border:1px solid var(--hz-border);border-radius:var(--hz-radius-ctl);background:var(--hz-bg-canvas);color:var(--hz-text-hi);font-size:var(--hz-fs-md);outline:none;min-width:0}.input:focus,.select:focus{border-color:var(--hz-accent)}.input::placeholder{color:var(--hz-text-faint)}.select option{background:var(--hz-bg-raised)}input[type=range].slider{accent-color:var(--hz-accent);cursor:pointer}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:var(--hz-fs-sm);color:var(--hz-text-dim)}.field-hint{font-size:var(--hz-fs-xs);color:var(--hz-text-dim)}.panel{background:var(--hz-bg-surface);border:1px solid var(--hz-border-subtle);border-radius:var(--hz-radius-panel);padding:16px}.panel+.panel{margin-top:12px}.panel-title{font-size:var(--hz-fs-xl);color:var(--hz-text-hi);font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title-sm{font-size:var(--hz-fs-sm);color:var(--hz-text-dim);font-weight:600;margin-bottom:10px;letter-spacing:.05em}.dot{display:inline-block;width:8px;height:8px;border-radius:var(--hz-radius-pill);background:var(--hz-text-faint);flex:none}.dot-ok{background:var(--hz-ok)}.dot-warn{background:var(--hz-warn);animation:hz-blink 1s infinite}.dot-danger{background:var(--hz-danger)}.dot-off{background:var(--hz-text-faint)}@keyframes hz-blink{0%,to{opacity:1}50%{opacity:.25}}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--hz-radius-pill);font-size:var(--hz-fs-xxs);font-family:var(--hz-font-mono);border:1px solid transparent;white-space:nowrap}.badge-ok{color:var(--hz-ok);border-color:var(--hz-ok);background:color-mix(in srgb,var(--hz-ok) 8%,transparent)}.badge-warn{color:var(--hz-warn);border-color:var(--hz-warn);background:color-mix(in srgb,var(--hz-warn) 8%,transparent)}.badge-danger{color:var(--hz-danger);border-color:var(--hz-danger);background:color-mix(in srgb,var(--hz-danger) 8%,transparent)}.badge-info{color:var(--hz-info);border-color:var(--hz-info);background:color-mix(in srgb,var(--hz-info) 8%,transparent)}.badge-dim{color:var(--hz-text-dim);border-color:var(--hz-border);background:transparent}.table{width:100%;border-collapse:collapse;font-size:var(--hz-fs-sm)}.table th{text-align:left;color:var(--hz-text-dim);font-weight:500;padding:8px 12px;border-bottom:1px solid var(--hz-border);white-space:nowrap}.table td{padding:8px 12px;border-bottom:1px solid var(--hz-border-subtle);color:var(--hz-text)}.table tbody tr:hover{background:var(--hz-bg-hover)}.table tbody tr.row-click{cursor:pointer}.dialog-overlay{position:fixed;inset:0;background:#02061088;display:flex;align-items:center;justify-content:center;z-index:var(--hz-z-dialog)}.dialog{width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:auto;background:var(--hz-bg-raised);border:1px solid var(--hz-border);border-radius:var(--hz-radius-panel);box-shadow:var(--hz-shadow-raised);padding:20px}.dialog-title{font-size:var(--hz-fs-xl);color:var(--hz-text-hi);font-weight:600;margin-bottom:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.dialog-wide{width:720px}.toast-wrap{position:fixed;top:68px;right:16px;z-index:var(--hz-z-toast);display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:var(--hz-radius-ctl);background:var(--hz-bg-raised);border:1px solid var(--hz-border);box-shadow:var(--hz-shadow-raised);color:var(--hz-text-hi);font-size:var(--hz-fs-sm);max-width:360px;animation:hz-toast-in .2s ease-out}.toast-ok{border-left:3px solid var(--hz-ok)}.toast-err{border-left:3px solid var(--hz-danger)}.toast-info{border-left:3px solid var(--hz-info)}@keyframes hz-toast-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.banner{padding:6px 16px;font-size:var(--hz-fs-sm);display:flex;align-items:center;gap:8px;z-index:var(--hz-z-banner)}.banner-warn{background:color-mix(in srgb,var(--hz-warn) 13%,transparent);color:var(--hz-warn);border-bottom:1px solid color-mix(in srgb,var(--hz-warn) 27%,transparent)}.banner-danger{background:color-mix(in srgb,var(--hz-danger) 13%,transparent);color:var(--hz-danger);border-bottom:1px solid color-mix(in srgb,var(--hz-danger) 27%,transparent)}.app-shell{height:100%;display:flex;flex-direction:column}.embedded-nav-collapsed{height:32px;flex:none;display:flex;align-items:center;justify-content:flex-end;padding:0 10px;background:var(--hz-bg-surface);border-bottom:1px solid var(--hz-border-subtle)}.embedded-nav-toggle{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid transparent;border-radius:var(--hz-radius-ctl);background:transparent;color:var(--hz-text-dim);font:inherit;font-size:var(--hz-fs-xs);cursor:pointer}.embedded-nav-toggle:hover{background:var(--hz-bg-hover);color:var(--hz-text-hi)}.embedded-nav-toggle:focus-visible,.embedded-nav-collapse:focus-visible{outline:2px solid var(--hz-accent);outline-offset:1px}.embedded-nav-collapse-icon{transform:rotate(180deg)}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--hz-bg-surface);border-bottom:1px solid var(--hz-border-subtle);z-index:var(--hz-z-topbar)}.topbar-logo{display:flex;align-items:center;gap:8px;color:var(--hz-text-hi);font-size:var(--hz-fs-xl);font-weight:700;white-space:nowrap}.topbar-logo .logo-sub{color:var(--hz-accent);font-weight:500}.topbar-nav{display:flex;align-items:center;gap:2px;margin-left:8px;overflow-x:auto}.nav-link{padding:5px 12px;border-radius:var(--hz-radius-ctl);color:var(--hz-text-dim);font-size:var(--hz-fs-md);white-space:nowrap}.nav-link:hover{background:var(--hz-bg-hover);color:var(--hz-text-hi)}.nav-link.active{color:var(--hz-accent);background:color-mix(in srgb,var(--hz-accent) 10%,transparent)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-sep{width:1px;height:24px;background:var(--hz-border)}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.rec-timer{display:inline-flex;align-items:center;gap:8px;font-family:var(--hz-font-mono);font-size:var(--hz-fs-md);color:var(--hz-text-hi);padding:4px 12px;border:1px solid var(--hz-border);border-radius:var(--hz-radius-pill);white-space:nowrap}.rec-dot{width:8px;height:8px;border-radius:var(--hz-radius-pill);background:var(--hz-rec);animation:hz-breathe 1s ease-in-out infinite}@keyframes hz-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.menu-anchor{position:relative}.menu-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--hz-bg-raised);border:1px solid var(--hz-border);border-radius:var(--hz-radius-panel);box-shadow:var(--hz-shadow-raised);padding:6px;z-index:var(--hz-z-dialog)}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:0;border-radius:var(--hz-radius-ctl);background:transparent;color:var(--hz-text);font-size:var(--hz-fs-md);cursor:pointer;text-align:left}.menu-item:hover{background:var(--hz-bg-hover);color:var(--hz-text-hi)}.cockpit{flex:1;min-height:0;display:grid;grid-template-columns:232px 1fr 308px;grid-template-rows:1fr 32px;grid-template-areas:"left center right" "ticker ticker ticker";gap:12px;padding:12px}.cockpit-left{grid-area:left;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.cockpit-center{grid-area:center;min-height:0;position:relative}.cockpit-right{grid-area:right;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.cockpit-left>.panel+.panel,.cockpit-right>.panel+.panel{margin-top:0}.cockpit-ticker{grid-area:ticker;min-height:0}.telemetry-item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0}.telemetry-item .label{font-size:var(--hz-fs-sm);color:var(--hz-text-dim);white-space:nowrap}.telemetry-item .value{font-family:var(--hz-font-mono);font-size:var(--hz-fs-md);color:var(--hz-text-hi);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linklight-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:var(--hz-fs-sm)}.linklight-row .label{color:var(--hz-text-dim)}.linklight-dots{display:flex;align-items:center;gap:6px}.videowall{display:flex;flex-direction:column;gap:10px}.videowall-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"main main" "suba subb";gap:10px}.video-tile{position:relative;background:var(--hz-bg-canvas);border:1px solid var(--hz-border-subtle);border-radius:var(--hz-radius-panel);overflow:hidden;aspect-ratio:16 / 9}.video-tile.is-sub{cursor:pointer}.video-tile.is-sub:hover{border-color:var(--hz-accent)}.video-subs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.video-canvas{width:100%;height:100%;display:block;object-fit:cover}.tile-corner{position:absolute;left:8px;top:8px;display:flex;align-items:center;gap:6px;z-index:2}.tile-name{position:absolute;right:8px;top:8px;font-size:var(--hz-fs-xxs);font-family:var(--hz-font-mono);color:var(--hz-text-dim);background:var(--hz-hud-bg);padding:1px 6px;border-radius:var(--hz-radius-sm);z-index:2}.video-tile.is-sub .tile-name{display:none}.tile-fps{font-size:var(--hz-fs-xxs);font-family:var(--hz-font-mono);color:var(--hz-text-dim);background:var(--hz-hud-bg);padding:1px 6px;border-radius:var(--hz-radius-sm)}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--hz-text-dim);font-size:var(--hz-fs-sm);text-align:center;padding:12px;z-index:1}.video-placeholder-icon{opacity:.75}.wall-note{font-size:var(--hz-fs-xs);color:var(--hz-text-dim);text-align:center}.pc-viewport{position:absolute;inset:0;background:var(--hz-bg-canvas);border:1px solid var(--hz-border-subtle);border-radius:var(--hz-radius-panel);overflow:hidden}.pc-viewport canvas{display:block}.scene-toolbar{position:absolute;top:10px;right:10px;z-index:var(--hz-z-hud);display:flex;align-items:center;gap:6px;background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-ctl);padding:4px 8px;font-size:var(--hz-fs-xs);color:var(--hz-text-dim);flex-wrap:wrap;max-width:calc(100% - 20px)}.scene-toolbar .select,.scene-toolbar .input{padding:2px 6px;font-size:var(--hz-fs-xs)}.scene-toolbar .btn{padding:2px 8px;font-size:var(--hz-fs-xs)}.hud{position:absolute;left:10px;bottom:10px;z-index:var(--hz-z-hud);background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-ctl);padding:8px 12px;font-family:var(--hz-font-mono);font-size:var(--hz-fs-xs);color:var(--hz-text);min-width:240px;pointer-events:none}.hud-row{display:flex;justify-content:space-between;gap:16px}.hud-row .k{color:var(--hz-text-dim)}.snapshot-progress{position:absolute;top:0;left:0;right:0;z-index:var(--hz-z-hud)}.snapshot-progress .bar{height:3px;background:var(--hz-accent);transition:width .2s}.snapshot-progress .txt{font-size:var(--hz-fs-xxs);color:var(--hz-accent);background:var(--hz-hud-bg);display:inline-block;padding:1px 8px;border-radius:0 0 var(--hz-radius-sm) 0}.event-ticker{height:32px;display:flex;align-items:center;gap:8px;background:var(--hz-bg-surface);border:1px solid var(--hz-border-subtle);border-radius:var(--hz-radius-ctl);padding:0 12px;font-size:var(--hz-fs-xs);color:var(--hz-text-dim);overflow:hidden;cursor:pointer;white-space:nowrap}.event-ticker:hover{background:var(--hz-bg-raised)}.event-ticker .ev{display:inline-flex;gap:6px;align-items:center}.event-ticker .ev .ts{font-family:var(--hz-font-mono);color:var(--hz-text-dim)}.drawer-overlay{position:fixed;inset:0;background:#02061066;z-index:var(--hz-z-dialog)}.drawer{position:fixed;right:0;top:0;bottom:0;width:520px;max-width:92vw;background:var(--hz-bg-surface);border-left:1px solid var(--hz-border);box-shadow:var(--hz-shadow-raised);z-index:var(--hz-z-dialog);display:flex;flex-direction:column}.drawer-head{padding:14px 16px;border-bottom:1px solid var(--hz-border-subtle);display:flex;align-items:center;justify-content:space-between;color:var(--hz-text-hi);font-weight:600}.drawer-body{flex:1;overflow-y:auto;padding:8px 16px}.page{flex:1;min-height:0;overflow-y:auto;padding:16px}.page-narrow{max-width:960px;margin:0 auto;width:100%}.page-title{font-size:var(--hz-fs-xxl);color:var(--hz-text-hi);font-weight:700;margin-bottom:4px}.page-sub{color:var(--hz-text-dim);font-size:var(--hz-fs-sm);margin-bottom:16px}.toolbar-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 16px;color:var(--hz-text-faint);font-size:var(--hz-fs-md);text-align:center}.state-block .icon{display:inline-flex;color:var(--hz-text-dim);opacity:.65}.state-block .icon.t-warn{color:var(--hz-warn);opacity:.85}.cell-icon{display:inline-flex;align-items:center;gap:7px}.cell-icon svg{color:var(--hz-text-dim);flex:none}.rebuild-mark{color:var(--hz-accent);opacity:.85;vertical-align:-3px;margin:0 2px}.crumbs{display:flex;align-items:center;gap:6px;font-size:var(--hz-fs-sm);flex-wrap:wrap}.crumbs .crumb{color:var(--hz-accent);cursor:pointer;background:none;border:0;font-size:inherit;padding:2px 4px;border-radius:var(--hz-radius-sm)}.crumbs .crumb:hover{background:var(--hz-bg-hover)}.crumbs .crumb.current{color:var(--hz-text-hi);cursor:default}.crumbs .sep{color:var(--hz-text-faint)}.authgate{position:fixed;inset:0;z-index:var(--hz-z-authgate);background:var(--hz-bg-base);overflow:hidden}.authgate-bg{position:absolute;inset:0;width:100%;height:100%;display:block}.authgate-content{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.authgate-brand{font-size:30px;font-weight:700;color:var(--hz-text-hi);letter-spacing:.06em}.authgate-brand span{color:var(--hz-accent);font-weight:500}.authgate-tag{margin-top:-12px;font-size:var(--hz-fs-sm);color:var(--hz-text-dim);letter-spacing:.18em}.authgate-card{width:360px;max-width:calc(100vw - 32px);background:color-mix(in srgb,var(--hz-bg-surface) 88%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border:1px solid color-mix(in srgb,var(--hz-border) 70%,var(--hz-accent));border-radius:var(--hz-radius-panel);padding:28px 24px;box-shadow:var(--hz-shadow-raised);position:relative}.authgate-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hz-accent) 60%,transparent),transparent)}@keyframes hz-breathe-text{0%,to{text-shadow:0 0 8px color-mix(in srgb,var(--hz-accent) 18%,transparent)}50%{text-shadow:0 0 18px color-mix(in srgb,var(--hz-accent) 45%,transparent)}}@keyframes hz-breathe-input{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--hz-accent) 16%,transparent),0 0 6px color-mix(in srgb,var(--hz-accent) 10%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--hz-accent) 42%,transparent),0 0 14px color-mix(in srgb,var(--hz-accent) 28%,transparent)}}.authgate-brand{animation:hz-breathe-text 4.5s ease-in-out infinite}.authgate .input{animation:hz-breathe-input 3.6s ease-in-out infinite}.authgate .input:focus{animation:none;border-color:var(--hz-accent);box-shadow:0 0 0 1px var(--hz-accent),0 0 12px color-mix(in srgb,var(--hz-accent) 38%,transparent)}@media(prefers-reduced-motion:reduce){.authgate-brand{animation:none;text-shadow:0 0 10px color-mix(in srgb,var(--hz-accent) 22%,transparent)}.authgate .input{animation:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--hz-accent) 22%,transparent)}}.spinner{width:18px;height:18px;border:2px solid var(--hz-border);border-top-color:var(--hz-accent);border-radius:50%;animation:hz-spin .8s linear infinite;display:inline-block;vertical-align:-4px}@keyframes hz-spin{to{transform:rotate(360deg)}}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diag-item{background:var(--hz-bg-surface);border:1px solid var(--hz-border-subtle);border-radius:var(--hz-radius-ctl);padding:10px 12px;font-size:var(--hz-fs-sm)}.diag-item .k{color:var(--hz-text-dim);font-size:var(--hz-fs-xs);margin-bottom:4px}.diag-item .v{font-family:var(--hz-font-mono);color:var(--hz-text-hi)}.replay-layout{display:grid;grid-template-columns:1fr 300px;gap:12px;flex:1;min-height:0}.replay-viewport{position:relative;min-height:420px}.replay-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;background:var(--hz-bg-surface);border:1px solid var(--hz-border-subtle);border-radius:var(--hz-radius-panel);margin-top:12px}.replay-controls input[type=range]{flex:1}.settings-section{margin-bottom:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--hz-border-subtle)}.settings-row:last-child{border-bottom:0}.settings-row .desc{flex:1}.settings-row .desc .name{color:var(--hz-text-hi)}.settings-row .desc .hint{font-size:var(--hz-fs-xs);color:var(--hz-text-dim);margin-top:2px}@media(max-width:1024px){body{overflow:auto}.cockpit{display:flex;flex-direction:column;overflow-y:auto}.cockpit-left{flex-direction:row;overflow-x:auto}.cockpit-left>.panel{min-width:220px;flex:none;margin-top:0}.cockpit-center{min-height:60vh}.pc-viewport{position:relative;height:60vh}.cockpit-right .video-subs{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap;height:auto;padding:8px 12px}.replay-layout,.diag-grid{grid-template-columns:1fr}}.onboard-list{display:flex;flex-direction:column;gap:16px}.onboard-row{display:flex;gap:12px;align-items:flex-start}.onboard-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--hz-radius-ctl);background:var(--hz-bg-raised);color:var(--hz-accent);flex:none}.onboard-title{color:var(--hz-text-hi);font-weight:600;margin-bottom:4px}.onboard-desc{color:var(--hz-text);font-size:var(--hz-fs-md);line-height:1.7}.onboard-desc b{color:var(--hz-text-hi)}.onboard-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 4px 0 8px;vertical-align:baseline}.onboard-hint{color:var(--hz-text-dim);font-size:var(--hz-fs-sm, 12px);margin-right:auto;align-self:center}.gs-page{position:relative;flex:1;min-height:0;margin:10px}.gs-page.gs-dragover:after{content:"松开加载模型";position:absolute;inset:0;z-index:var(--hz-z-hud);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--hz-bg-canvas) 70%,transparent);border:2px dashed var(--hz-accent);border-radius:var(--hz-radius-panel);color:var(--hz-text-hi);font-size:var(--hz-fs-xl);pointer-events:none}.gs-viewport{position:absolute;inset:0;background:var(--hz-bg-canvas);border:1px solid var(--hz-border-subtle);border-radius:var(--hz-radius-panel);overflow:hidden}.gs-viewport canvas{display:block}.gs-chip{position:absolute;z-index:var(--hz-z-hud);display:inline-flex;align-items:center;gap:8px;background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-pill);padding:6px 14px;font-size:var(--hz-fs-xs);color:var(--hz-text)}.gs-chip-info{top:12px;left:12px;pointer-events:none}.gs-chip-name{color:var(--hz-text-hi);font-weight:600}.gs-chip-stats{color:var(--hz-text-dim);font-family:var(--hz-font-mono)}.gs-model-select{top:12px;right:12px;cursor:pointer}.gs-loading{position:absolute;inset:0;z-index:var(--hz-z-hud);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none}.gs-loading-bar{width:min(420px,60%);height:4px;border-radius:2px;background:var(--hz-bg-raised);overflow:hidden}.gs-loading-fill{height:100%;background:var(--hz-accent);transition:width .2s ease}.gs-loading-text{font-size:var(--hz-fs-sm);color:var(--hz-text-dim);font-family:var(--hz-font-mono)}.gs-dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:var(--hz-z-hud);display:flex;align-items:center;gap:4px;background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-pill);padding:6px 10px}.gs-dock-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:var(--hz-text);cursor:pointer}.gs-dock-btn:hover{background:var(--hz-bg-hover);color:var(--hz-text-hi)}.gs-dock-sep{width:1px;height:18px;margin:0 4px;background:var(--hz-border)}.gs-dock-btn.active{background:var(--hz-accent);color:#fff}.gs-dock-btn.active:hover{background:var(--hz-accent-strong, var(--hz-accent));color:#fff}.gs-hint{bottom:16px;left:12px;pointer-events:none;color:var(--hz-text-dim);font-family:var(--hz-font-mono)}.gs-badge{right:12px;bottom:16px;pointer-events:none;color:var(--hz-text-dim);font-family:var(--hz-font-mono)}.gs-dock-btn:disabled{opacity:.4;cursor:not-allowed}.gs-page.gs-measuring .gs-viewport{cursor:crosshair}.gs-measure-label{position:absolute;z-index:var(--hz-z-hud);transform:translate(-50%,-130%);pointer-events:none;background:var(--hz-hud-bg);border:1px solid #22d3ee;border-radius:var(--hz-radius-ctl);padding:2px 8px;font-family:var(--hz-font-mono);font-size:var(--hz-fs-sm);color:#22d3ee;white-space:nowrap}.gs-dock-btn-text{width:auto;min-width:34px;padding:0 10px;border-radius:17px;font-size:var(--hz-fs-xs)}.gs-help{position:absolute;right:12px;bottom:64px;z-index:var(--hz-z-hud);background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-panel);padding:12px 16px;max-width:420px;font-size:var(--hz-fs-xs);color:var(--hz-text)}.gs-help-title{font-weight:600;color:var(--hz-text-hi);margin-bottom:8px}.gs-help table{border-collapse:collapse}.gs-help td{padding:3px 0;vertical-align:top}.gs-help td:first-child{color:var(--hz-text-dim);white-space:nowrap;padding-right:14px}.gs-viewport{touch-action:none}button.gs-chip-info{cursor:pointer;pointer-events:auto}button.gs-chip-info:hover{background:var(--hz-bg-hover)}.gs-info-panel{position:absolute;top:46px;left:12px;z-index:var(--hz-z-hud);background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-panel);padding:10px 14px;max-width:400px;font-size:var(--hz-fs-xs);color:var(--hz-text)}.gs-info-panel td{padding:2px 0;vertical-align:top;word-break:break-all}.gs-info-panel td:first-child{color:var(--hz-text-dim);white-space:nowrap;padding-right:14px}.gs-joy-cluster{position:absolute;left:20px;bottom:56px;z-index:var(--hz-z-hud);display:flex;align-items:flex-end;gap:12px}.gs-joy{width:96px;height:96px;border-radius:50%;background:color-mix(in srgb,var(--hz-hud-bg) 80%,transparent);border:1px solid var(--hz-border);display:flex;align-items:center;justify-content:center;touch-action:none}.gs-joy-knob{width:40px;height:40px;border-radius:50%;background:var(--hz-accent);opacity:.85;pointer-events:none}.gs-joy-vert{display:flex;flex-direction:column;gap:8px}.gs-joy-vert button{width:44px;height:44px;border-radius:50%;border:1px solid var(--hz-border);background:color-mix(in srgb,var(--hz-hud-bg) 80%,transparent);color:var(--hz-text);font-size:var(--hz-fs-sm);touch-action:none;cursor:pointer}.gs-anno-layer{position:absolute;inset:0;z-index:var(--hz-z-hud);pointer-events:none;overflow:hidden}.gs-anno{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.gs-anno-pin{pointer-events:auto;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:1px solid var(--hz-border);background:var(--hz-accent);color:#fff;font-size:var(--hz-fs-xxs);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.gs-anno-pin>*{transform:rotate(45deg)}.gs-anno-bubble{pointer-events:auto;display:flex;align-items:flex-start;gap:8px;max-width:260px;background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-ctl);padding:6px 10px;font-size:var(--hz-fs-xs);color:var(--hz-text)}.gs-anno-del{border:none;background:transparent;color:var(--hz-text-dim);cursor:pointer;padding:0 2px}.gs-anno-del:hover{color:var(--hz-danger)}.gs-anno-input{position:absolute;z-index:var(--hz-z-hud);transform:translate(-50%,-130%)}.gs-anno-input input{width:240px;background:var(--hz-hud-bg);border:1px solid var(--hz-accent);border-radius:var(--hz-radius-ctl);padding:6px 10px;font-size:var(--hz-fs-xs);color:var(--hz-text-hi)}.gs-dock{max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;row-gap:4px}.gs-minimap{position:absolute;top:52px;right:12px;z-index:var(--hz-z-hud);background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-panel);padding:6px;pointer-events:none;overflow:hidden}.gs-minimap-canvas{display:block;width:158px;height:auto;image-rendering:pixelated;border-radius:4px}.gs-minimap-marker{position:absolute;left:6px;top:6px;width:0;height:0;margin-left:-5px;margin-top:-6px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:11px solid var(--hz-accent);transform-origin:5px 6px;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}.gs-tour{position:absolute;bottom:64px;left:50%;transform:translate(-50%);z-index:var(--hz-z-hud);background:var(--hz-hud-bg);border:1px solid var(--hz-border);border-radius:var(--hz-radius-panel);padding:12px 16px;min-width:300px;max-width:440px;font-size:var(--hz-fs-xs);color:var(--hz-text)}.gs-tour-actions{display:flex;gap:8px;margin-bottom:8px}.gs-tour-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.gs-tour-kf{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid var(--hz-border);border-radius:var(--hz-radius-pill);font-family:var(--hz-font-mono)}.gs-tour-kf button{border:none;background:transparent;color:var(--hz-text-dim);cursor:pointer;padding:0}.gs-tour-kf button:hover{color:var(--hz-danger)}.gs-tour-hint{color:var(--hz-text-dim)}.gs-linklike{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.gs-tour-params{display:flex;gap:16px;align-items:center;margin-bottom:8px;color:var(--hz-text-dim)}.gs-tour-params label{display:inline-flex;align-items:center;gap:6px}.gs-dock-btn:focus-visible,.gs-chip-info:focus-visible,.gs-anno-pin:focus-visible,.gs-anno-del:focus-visible,.gs-linklike:focus-visible,.gs-joy-vert button:focus-visible,.gs-model-select:focus-visible{outline:2px solid var(--hz-accent);outline-offset:2px;border-radius:4px}.gs-anno-edit{width:200px;background:transparent;border:1px solid var(--hz-accent);border-radius:4px;padding:2px 6px;font:inherit;color:var(--hz-text-hi)}