:root{color-scheme:dark;--bg-studio: #20232a;--panel-bg: rgba(20, 23, 30, .84);--panel-border: rgba(145, 110, 210, .28);--text-main: #edf0f7;--text-muted: #9da6b8;--eva-purple: #7952b3;--eva-green: #48dc38;--eva-amber: #f09624}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg-studio);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-main)}#viewport{display:block;width:100%;height:100%}.hud-bar.top-bar{position:fixed;top:12px;left:16px;right:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.brand-block{display:flex;align-items:center;gap:10px}.unit-badge{background:linear-gradient(135deg,var(--eva-purple),#4e2f82);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 8px;border-radius:4px;border-left:3px solid var(--eva-green)}.brand-block h1{font-size:15px;font-weight:600}.status-pill{font-size:12px;color:var(--eva-green);background:#48dc381f;border:1px solid rgba(72,220,56,.35);padding:2px 8px;border-radius:999px}.toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.seg-group{display:inline-flex;background:#0a0c10a6;padding:3px;border-radius:7px;border:1px solid rgba(255,255,255,.08);gap:3px}.hud-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background .15s,color .15s}.hud-btn:hover{color:var(--text-main);background:#ffffff12}.hud-btn:focus-visible{outline:2px solid var(--eva-green);outline-offset:1px}.hud-btn.active{background:var(--eva-purple);color:#fff}.hud-btn.accent{background:#48dc382e;color:var(--eva-green);border:1px solid rgba(72,220,56,.4)}.hud-btn.accent:hover{background:#48dc3847}.hud-panel.left-panel{position:fixed;top:76px;left:16px;width:280px;max-height:calc(100vh - 96px);overflow-y:auto;padding:14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9}.hud-panel h2{font-size:13px;font-weight:600;color:var(--eva-amber);margin-bottom:10px}.ref-thumbs{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:10px}.ref-thumbs figure{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px}.ref-thumbs img{width:100%;height:115px;object-fit:contain;display:block;border-radius:4px}.ref-thumbs figcaption{font-size:11px;color:var(--text-muted);margin-top:4px;text-align:center}.spec-list{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.45;color:var(--text-muted)}.spec-list strong{color:var(--text-main)}body.clean-capture .hud-bar,body.clean-capture .hud-panel{display:none!important}