:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060d14;--panel:#09121ac7;--panel-2:#ffffff09;--line:#5eb3e829;--line-soft:#ffffff12;--text:#dbe9f4;--muted:#7f97a8;--faint:#5d7587;--accent:#4fd1ff;--good:#66e3a4;--warn:#ffb454;--danger:#ff6b6b;--mono:"SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background-color:var(--bg)}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);overscroll-behavior:none;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 26% 6%,#0f2a3d 0%,#08131d 42%,#04080c 100%);overflow:hidden}button{color:inherit;font-family:inherit}.app{width:100%;height:100%;position:relative}.app.focus .panel,.app.focus .dock{display:none}.viewport{position:absolute;inset:0}.viewport canvas,canvas.webgl{touch-action:none;width:100%;height:100%;display:block}.label-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tag{color:#cfe9f7;letter-spacing:.02em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;background:#071018cc;border:1px solid #4fd1ff47;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:500;display:flex;box-shadow:0 6px 20px #0006}.tag-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%}.tag.warm{border-color:#ffb45459}.tag.warm .tag-dot{background:var(--warn);box-shadow:0 0 8px var(--warn)}.tag.green{border-color:#66e3a459}.tag.green .tag-dot{background:var(--good);box-shadow:0 0 8px var(--good)}.tag.dim{font-family:var(--mono);color:#9fd9f2;letter-spacing:.02em;background:#051018bd;border-color:#7fd4ff38;border-radius:5px;gap:0;padding:2px 7px;font-size:10px;font-weight:500;box-shadow:0 3px 12px #0000004d}.topbar{z-index:8;pointer-events:none;justify-content:space-between;align-items:center;height:74px;padding:0 22px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:12px;display:flex}.logo{background:linear-gradient(145deg,#4fd1ff33,#4fd1ff0a);border:1px solid #4fd1ff4d;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:0 8px 30px #00000059,inset 0 1px #ffffff1f}.brand h1{letter-spacing:.01em;margin:0;font-size:16px;font-weight:650}.brand p{color:var(--muted);letter-spacing:.03em;margin:3px 0 0;font-size:11px}.top-actions{align-items:center;gap:6px;display:flex}.ghost,.primary{border:1px solid var(--line-soft);color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a141d99;border-radius:9px;padding:7px 12px;font-size:12px;transition:all .18s}.ghost:hover{color:var(--text);background:#4fd1ff14;border-color:#4fd1ff59}.focus-toggle{color:var(--accent);border-color:#4fd1ff47}.primary{color:#04141d;background:linear-gradient(#7fe0ff,#4fd1ff);border-color:#0000;font-weight:650}.primary:hover{filter:brightness(1.08)}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4fd1ff40 transparent;z-index:6;border-radius:18px;width:286px;padding:16px 16px 18px;position:absolute;top:86px;bottom:84px;overflow-y:auto;box-shadow:0 24px 70px #00000080,inset 0 1px #ffffff0a}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-thumb{background:#4fd1ff38;border-radius:3px}.panel.left{left:20px}.panel.right{width:304px;right:20px}.panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex}.panel-head h2{letter-spacing:.04em;margin:0;font-size:13px;font-weight:650}.panel-sub{color:var(--faint);white-space:nowrap;font-size:10px}.panel-body{flex-direction:column;gap:2px;display:flex}.slider{padding:8px 0 6px}.slider-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;display:flex}.slider-label{color:#b9cddc;font-size:12px}.slider-value{font-family:var(--mono);color:var(--accent);font-size:13px;font-weight:600}.slider-value em{color:var(--faint);margin-left:2px;font-size:10px;font-style:normal}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,#4fd1ffbf,#4fd1ff1a);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:pointer;background:#eaffff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #4fd1ffb3}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#eaffff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #4fd1ffb3}.hint{color:var(--faint);margin:6px 0 0;font-size:10px;line-height:1.5}.divider{background:var(--line-soft);height:1px;margin:12px 0}.toggle-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.toggle{cursor:pointer;color:#b9cddc;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;font-size:11px;display:flex}.toggle-text{flex-direction:column;gap:1px;display:flex}.toggle-text em{color:var(--faint);font-size:9px;font-style:normal}.toggle input{display:none}.switch{background:#ffffff1a;border-radius:10px;flex:none;width:34px;height:19px;transition:all .2s;position:relative}.switch:after{content:"";background:#94a9b8;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.switch{background:#4fd1ff52}.toggle input:checked+.switch:after{background:var(--accent);box-shadow:0 0 10px var(--accent);transform:translate(15px)}.presets{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-soft);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:999px;padding:5px 10px;font-size:11px;transition:all .18s}.chip:hover{color:var(--text);background:#4fd1ff14;border-color:#4fd1ff59}.segmented{border:1px solid var(--line-soft);background:#ffffff0a;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding:4px;display:grid}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 8px;font-size:11px;transition:all .18s}.segmented button.active{color:var(--accent);background:#4fd1ff29;box-shadow:inset 0 0 0 1px #4fd1ff4d}.metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:12px;padding:10px 11px 9px;position:relative;overflow:hidden}.metric:before{content:"";background:var(--faint);opacity:.8;width:2px;position:absolute;inset:0 auto 0 0}.metric.good:before{background:var(--good)}.metric.warn:before{background:var(--warn)}.metric.danger:before{background:var(--danger)}.metric-label{color:var(--muted);margin-bottom:5px;font-size:10px;display:block}.metric-value{font-family:var(--mono);letter-spacing:-.02em;font-size:21px;font-weight:650;line-height:1.05}.metric-value em{color:var(--faint);letter-spacing:0;margin-left:3px;font-size:10px;font-style:normal;font-weight:500}.metric-note{color:var(--faint);margin-top:4px;font-size:9px;display:block}.stat-list{grid-template-columns:1fr 1fr;gap:5px 12px;margin-top:12px;display:grid}.stat-list>div{border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0;display:flex}.stat-list span{color:var(--muted);font-size:10px}.stat-list b{font-family:var(--mono);color:#cfe4f2;font-size:11px;font-weight:600}.warn-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.warn-item{color:#c6d8e5;background:#ffffff09;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:11px;line-height:1.45;display:flex}.warn-item .dot{border-radius:50%;flex:none;width:6px;height:6px;margin-top:5px}.warn-item.ok .dot{background:var(--good);box-shadow:0 0 8px var(--good)}.warn-item.warn{border-color:#ffb45433}.warn-item.warn .dot{background:var(--warn);box-shadow:0 0 8px var(--warn)}.warn-item.danger{border-color:#ff6b6b40}.warn-item.danger .dot{background:var(--danger);box-shadow:0 0 8px var(--danger)}.info{padding-top:2px}.info-head h3{margin:0;font-size:14px;font-weight:650}.info-head span{color:var(--accent);letter-spacing:.02em;margin-top:3px;font-size:10px;display:block}.info-body{color:#a9c0d0;margin:10px 0 12px;font-size:11px;line-height:1.65}.info-specs{flex-direction:column;gap:4px;margin:0;display:flex}.spec-row{border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0;display:flex}.spec-row dt{color:var(--muted);flex:none;font-size:10px}.spec-row dd{font-family:var(--mono);color:#cfe4f2;text-align:right;margin:0;font-size:10px}.info-tip{color:var(--faint);text-align:center;margin:12px 0 0;font-size:9px}.mobile-hint,.mobile-tabs{display:none}.dock{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:7;border-radius:15px;align-items:center;gap:14px;max-width:calc(100vw - 40px);padding:8px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000073}.legend{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.legend::-webkit-scrollbar{display:none}.legend-title{color:var(--faint);letter-spacing:.1em;flex:none;margin-right:2px;font-size:10px}.legend-item{border-radius:9px;flex:none;align-items:center;gap:2px;padding:2px;transition:all .18s;display:flex}.legend-item.off{opacity:.38}.legend-main{border:1px solid var(--line-soft);cursor:pointer;background:#ffffff09;border-radius:8px;align-items:center;gap:7px;padding:5px 9px;transition:all .18s;display:flex}.legend-main:hover{background:#4fd1ff12;border-color:#4fd1ff4d}.swatch{border-radius:2px;width:8px;height:8px;box-shadow:inset 0 0 0 1px #00000059}.legend-name{color:#c4d8e6;white-space:nowrap;font-size:11px}.legend-vol{font-family:var(--mono);color:var(--faint);font-size:9px}.legend-eye{color:var(--accent);cursor:pointer;opacity:.75;background:0 0;border:0;padding:4px 3px;font-size:8px}.legend-eye:hover{opacity:1}.dock-hint{color:var(--faint);white-space:nowrap;border-left:1px solid var(--line-soft);padding-left:12px;font-size:10px}.webgl-error{z-index:20;text-align:center;background:#04090deb;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.webgl-error h2{margin:0;font-size:18px}.webgl-error p{max-width:520px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}@media (max-width:1120px){.panel.left{width:250px}.panel.right{width:272px}.dock-hint{display:none}}@media (max-width:880px){.topbar{height:62px;padding:0 12px}.brand p{display:none}.logo{width:36px;height:36px;font-size:17px}.brand h1{font-size:14px}.ghost{display:none}.focus-toggle{align-items:center;display:inline-flex}.panel{background:#081119eb;border-radius:14px;width:auto;max-height:42vh;padding:12px;inset:auto 12px 104px}.panel.left,.panel.right{width:auto;display:none}.app.mobile-params .panel.left,.app.mobile-metrics .panel.right{display:block}.app.focus .panel.left,.app.focus .panel.right{display:none}.mobile-tabs{z-index:7;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;bottom:60px;left:12px;right:12px;box-shadow:0 10px 30px #00000059}.mobile-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:8px;font-size:12px}.mobile-tabs button.active{color:var(--accent);background:#4fd1ff29;box-shadow:inset 0 0 0 1px #4fd1ff4d}.app.focus .mobile-tabs,.app:not(.focus) .label-layer{display:none}.dock{max-width:none;bottom:8px;left:12px;right:12px;overflow-x:auto;transform:none}.mobile-hint{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:7;max-width:calc(100vw - 28px);color:var(--muted);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.85;background:#060f168c;border:1px solid #7fd4ff24;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:10px;display:flex;position:absolute;overflow:hidden;transform:translate(-50%)}.tag{padding:3px 7px;font-size:10px}.tag.dim{padding:2px 5px;font-size:9px}.app:not(.focus) .mobile-hint{display:none}}@media (max-width:380px){.brand h1{font-size:12px}.ghost,.primary{padding:6px 9px;font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}