:root{--bg: #05070a;--bg-deep: #04060a;--panel: rgba(10, 14, 20, .88);--line: rgba(120, 180, 255, .1);--line-2: rgba(120, 180, 255, .22);--text: #e4eef6;--muted: #8ba2b4;--dim: #5d7488;--cyan: #37d6ff;--blue: #2a7fff;--purple: #8b5cf6;--amber: #f0b04a;--orange: #ff8a5b;--green: #57d08a;--cyan-soft: rgba(55, 214, 255, .12);--corner: rgba(55, 214, 255, .48);--mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, ui-monospace, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--radius: 12px;--tone: #37d6ff;--tone-soft: rgba(55, 214, 255, .13);--tone-line: rgba(55, 214, 255, .42)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);font:13px/1.5 var(--sans);overflow:hidden;background:var(--bg);background-attachment:fixed;background-image:radial-gradient(85% 60% at 50% -12%,rgba(42,127,255,.11),transparent 62%),radial-gradient(60% 50% at 102% 100%,rgba(139,92,246,.07),transparent 70%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#37d6ff47;color:#f2fdff}:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:rgba(55,214,255,.28) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#37d6ff38;border-radius:999px}.app{display:grid;height:100dvh;min-height:0;position:relative;grid-template-columns:300px minmax(0,1fr) 380px;grid-template-rows:56px minmax(0,1fr) 132px;grid-template-areas:"top top top" "side stage insp" "bottom bottom bottom"}.hud-top{grid-area:top;position:relative;z-index:20;min-width:0;display:flex;align-items:center;gap:22px;padding:0 20px;background:linear-gradient(180deg,#060a0ff7,#05070ae0);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.hud-top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(55,214,255,.46) 22%,rgba(42,127,255,.3) 58%,transparent);box-shadow:0 0 14px #37d6ff38}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand__mark{position:relative;width:27px;height:27px;flex:none;border-radius:8px;background:linear-gradient(135deg,#63e2ff,var(--cyan) 28%,var(--blue) 66%,var(--purple));box-shadow:0 0 20px #37d6ff5c,inset 0 1px #ffffff61}.brand__mark:after{content:"";position:absolute;inset:7px;border:1px solid rgba(3,12,19,.55);border-radius:2px;box-shadow:0 0 0 1px #ffffff24}.brand__text{min-width:0}.brand__text h1{margin:0;font-size:13.5px;font-weight:650;letter-spacing:.035em;white-space:nowrap}.brand__text p{margin:1px 0 0;color:var(--dim);font:9px/1.4 var(--mono);letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}.device-id{display:flex;flex-direction:column;gap:1px;min-width:0;padding-left:18px;border-left:1px solid var(--line)}.device-id__name{font-size:12.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-id__meta{color:var(--dim);font:9.5px/1.4 var(--mono);letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modes{margin-left:auto;display:flex;align-items:center;gap:2px;padding:3px;min-width:0;border:1px solid var(--line);border-radius:999px;background:#090e14c7;box-shadow:inset 0 1px #ffffff08}.modes button{appearance:none;flex:none;border:0;padding:6px 13px;border-radius:999px;background:transparent;color:var(--muted);font-size:11.5px;letter-spacing:.04em;white-space:nowrap;transition:color .16s,background .16s,box-shadow .16s}.modes button:hover{color:#dff8ff;background:#37d6ff12}.modes button.is-active{color:#031017;font-weight:600;background:linear-gradient(180deg,#6ae5ff,#2fb9e8);box-shadow:inset 0 0 10px #ffffff8c,0 0 16px #37d6ff4d}.panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 48px #0000005c,inset 0 1px #ffffff08;backdrop-filter:blur(16px)}.panel--left{grid-area:side;margin:12px 0 12px 12px}.panel--right{grid-area:insp;margin:12px 12px 12px 0}.panel:before,.panel:after{content:"";position:absolute;left:8px;right:8px;height:8px;z-index:4;pointer-events:none;opacity:.9;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--corner),var(--corner)),linear-gradient(180deg,var(--corner),var(--corner)),linear-gradient(90deg,var(--corner),var(--corner)),linear-gradient(180deg,var(--corner),var(--corner));background-size:8px 1px,1px 8px,8px 1px,1px 8px}.panel:before{top:8px;background-position:left top,left top,right top,right top}.panel:after{bottom:8px;background-position:left bottom,left bottom,right bottom,right bottom}.panel__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px}.panel__head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:600;letter-spacing:.14em;color:#a8c0d2}.panel__head h2:before{content:"";width:3px;height:10px;border-radius:1px;background:linear-gradient(180deg,var(--cyan),var(--blue));box-shadow:0 0 10px #37d6ffb3}.counter{flex:none;padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:#37d6ff0a;color:var(--dim);font:500 9.5px/1.2 var(--mono);letter-spacing:.08em;white-space:nowrap}#conf-legend{color:#91b6c9;border-color:#37d6ff33}.device-switch{flex:none;display:flex;gap:6px;padding:0 14px 12px;overflow-x:auto;scrollbar-width:none}.device-switch::-webkit-scrollbar{display:none}#device-switch:empty{display:none}.device-switch button,.device-switch .device-switch__item,.device-switch .device-chip,.device-switch label{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;flex:none;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:#080d13b3;color:var(--muted);font-size:10.5px;line-height:1.3;letter-spacing:.02em;transition:border-color .16s,color .16s,background .16s}.device-switch button:hover,.device-switch .device-switch__item:hover,.device-switch .device-chip:hover{color:#eafaff;border-color:var(--line-2)}.device-switch .is-active{color:#dffaff;border-color:#37d6ff73;background:linear-gradient(180deg,#37d6ff29,#2a7fff0f);box-shadow:inset 0 0 14px #37d6ff14}.device-switch small,.device-switch em,.device-switch .device-switch__meta{color:var(--dim);font:8px/1.2 var(--mono);font-style:normal;letter-spacing:.06em}.device-switch select{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#080d13cc;color:var(--text);font-size:11px}.search{position:relative;display:block;flex:none;padding:0 14px 12px}.search:after{content:"⌕";position:absolute;left:24px;top:9px;color:var(--dim);font-size:14px;line-height:1;pointer-events:none}.search input{width:100%;height:32px;padding:0 10px 0 29px;border:1px solid var(--line);border-radius:8px;background:#04080cc2;color:var(--text);font-size:11.5px;letter-spacing:.02em;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.search input::placeholder{color:#52697b}.search input::-webkit-search-cancel-button{filter:invert(.6)}.search input:focus{border-color:#37d6ff73;background:#060c11eb;box-shadow:0 0 0 3px #37d6ff14,inset 0 0 12px #37d6ff0d}.tree{flex:1;min-height:0;overflow-y:auto;padding:0 10px 18px;scroll-behavior:smooth}.mod{margin-bottom:4px}.mod__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:6px;color:#93aec0;font-size:10px;font-weight:600;letter-spacing:.1em;cursor:pointer;user-select:none;background:linear-gradient(180deg,#0a0e14fa,#0a0e14e6);transition:color .15s,background .15s}.mod__head:hover{color:#d9f6ff;background:#37d6ff0d}.mod__head .dot,.mod__head .mod__dot,.mod__head [data-dot]{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.mod__head:not(:has(.dot,.mod__dot,[data-dot])):before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #37d6ffb3}.mod__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod__arrow{margin-left:2px;color:var(--dim);font-size:9px;line-height:1}.mod__count{margin-left:6px;color:var(--dim);font:9px/1 var(--mono)}.mod.is-collapsed .row{display:none}.mod__empty,.panel-empty,.detail__empty{margin:8px 0;padding:14px 10px;color:var(--dim);font-size:11px;line-height:1.7;border:1px dashed rgba(120,180,255,.13);border-radius:8px}.row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;margin:1px 0;padding:6px 9px 6px 11px;border-left:2px solid transparent;border-radius:6px;color:#b7c9d7;font-size:11.5px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.row:hover{background:#37d6ff0e;color:#e8fbff}.row.is-active{color:#f1fdff;border-left-color:var(--cyan);background:linear-gradient(90deg,#37d6ff29,#2a7fff0a);box-shadow:inset 0 0 18px #37d6ff0d}.row__no{color:#5f798c;font:500 8.5px/1 var(--mono);letter-spacing:.02em;white-space:nowrap}.row.is-active .row__no{color:var(--cyan);text-shadow:0 0 8px rgba(55,214,255,.6)}.row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__tag{padding:3px 5px;border:1px solid var(--line);border-radius:4px;color:#6d8699;font:9px/1 var(--mono);letter-spacing:.04em;white-space:nowrap}.row.is-active .row__tag{color:#9fe9ff;border-color:#37d6ff59;background:#37d6ff14}.stage{grid-area:stage;position:relative;isolation:isolate;min-width:0;min-height:0;margin:12px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(110% 80% at 50% 0%,rgba(42,127,255,.16),transparent 60%),radial-gradient(70% 60% at 78% 88%,rgba(139,92,246,.12),transparent 65%),linear-gradient(rgba(120,180,255,.04) 1px,transparent 1px) 0 0 / 40px 40px,linear-gradient(90deg,rgba(120,180,255,.04) 1px,transparent 1px) 0 0 / 40px 40px,#06090e;box-shadow:inset 0 0 120px #00000085,0 24px 60px #0000003d}#scene{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;touch-action:none}.stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.75;background-image:linear-gradient(rgba(120,180,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,255,.035) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(120% 100% at 50% 45%,#000 35%,transparent);mask-image:radial-gradient(120% 100% at 50% 45%,#000 35%,transparent)}.scan-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.55;background-image:linear-gradient(180deg,rgba(55,214,255,.07),transparent 26%),repeating-linear-gradient(135deg,rgba(55,214,255,.05) 0 1px,transparent 1px 10px);background-size:100% 100%,28px 28px;animation:scan-drift 8s linear infinite}.scan-overlay:after{content:"";position:absolute;left:0;right:0;top:-160px;height:150px;background:linear-gradient(180deg,transparent,rgba(55,214,255,.065) 55%,rgba(255,255,255,.035) 62%,transparent);animation:scan-sweep 8s ease-in-out infinite}@keyframes scan-drift{0%{background-position:0 0,0 0}to{background-position:0 0,28px 28px}}@keyframes scan-sweep{0%{transform:translateY(0);opacity:0}12%,88%{opacity:1}to{transform:translateY(calc(100vh + 340px));opacity:0}}#anno-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.anno-labels,.anno-svg{position:absolute;inset:0;width:100%;height:100%}.anno-svg{overflow:visible;pointer-events:none}.anno-label{position:absolute;top:0;left:0;z-index:1;display:flex;align-items:flex-start;gap:8px;width:max-content;max-width:220px;padding:7px 10px 8px 8px;border:1px solid rgba(120,180,255,.16);border-left:2px solid var(--tone);border-radius:8px;background:linear-gradient(160deg,#0e161fed,#070b10db);box-shadow:0 12px 30px #0000008c,0 0 24px -12px var(--tone),inset 0 1px #ffffff0d;backdrop-filter:blur(10px) saturate(1.2);will-change:transform;pointer-events:auto;transition:border-color .2s,box-shadow .2s}.anno-label:first-child{z-index:2}.anno-label:hover{z-index:3;border-color:var(--tone-line);box-shadow:0 14px 34px #0009,0 0 28px -9px var(--tone),inset 0 1px #ffffff12}.anno-label__no{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid var(--tone-line);border-radius:5px;background:var(--tone-soft);color:var(--tone);font:600 9px/1 var(--mono);letter-spacing:.02em;text-shadow:0 0 8px var(--tone)}.anno-label__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.anno-label b{display:block;color:#f2fbff;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.5)}.anno-label i{display:block;color:#93a9bb;font-style:normal;font-size:10px;line-height:1.4;letter-spacing:.02em}.anno-line{fill:none;stroke:var(--tone);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.anno-dot{fill:var(--tone);stroke:#040a10e6;stroke-width:1}.anno-label[data-tone=verified],.anno-line[data-tone=verified],.anno-dot[data-tone=verified],.conf[data-tone=verified],.hud-readout__conf i[data-tone=verified]{--tone: #37d6ff;--tone-soft: rgba(55, 214, 255, .13);--tone-line: rgba(55, 214, 255, .42)}.anno-label[data-tone=derived],.anno-line[data-tone=derived],.anno-dot[data-tone=derived],.conf[data-tone=derived],.hud-readout__conf i[data-tone=derived]{--tone: #f0b04a;--tone-soft: rgba(240, 176, 74, .13);--tone-line: rgba(240, 176, 74, .42)}.anno-label[data-tone=schematic],.anno-line[data-tone=schematic],.anno-dot[data-tone=schematic],.conf[data-tone=schematic],.hud-readout__conf i[data-tone=schematic]{--tone: #ff8a5b;--tone-soft: rgba(255, 138, 91, .13);--tone-line: rgba(255, 138, 91, .42)}.anno-label[data-tone=undisclosed],.anno-line[data-tone=undisclosed],.anno-dot[data-tone=undisclosed],.conf[data-tone=undisclosed],.hud-readout__conf i[data-tone=undisclosed]{--tone: #8b5cf6;--tone-soft: rgba(139, 92, 246, .15);--tone-line: rgba(139, 92, 246, .45)}.hud-readout{position:absolute;top:14px;left:14px;z-index:4;display:grid;gap:4px;max-width:280px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#04090e9e;color:var(--muted);font:10px/1.6 var(--mono);letter-spacing:.04em;backdrop-filter:blur(8px);pointer-events:none}.hud-readout:empty{display:none}.hud-readout b{color:var(--cyan);font-weight:500}.hud-readout__row{display:flex;justify-content:space-between;gap:20px}.hud-readout__row span{color:var(--dim)}.hud-readout__conf{display:flex;align-items:center;gap:5px;margin-top:2px;padding-top:5px;border-top:1px solid rgba(120,180,255,.08)}.hud-readout__conf i{min-width:18px;padding:1px 4px;border:1px solid var(--tone-line);border-radius:4px;background:var(--tone-soft);color:var(--tone);font:500 8.5px/1.4 var(--mono);font-style:normal;text-align:center}.hint{position:absolute;left:50%;bottom:16px;z-index:4;transform:translate(-50%);padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#04080c99;color:#6f8799;font-size:10px;letter-spacing:.08em;white-space:nowrap;backdrop-filter:blur(8px);pointer-events:none}.inspector{flex:1;min-height:0;overflow-y:auto;padding:2px 16px 22px}.card{position:relative;padding:12px 0 14px;border-bottom:1px solid var(--line)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h3,.card .card__title{flex:1 1 auto;min-width:0;margin:0;padding-right:0;color:#f0fbff;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:.01em}.card:has(.card__no) h3,.card:has(.card__no) .card__title{padding-right:66px}.card__no{position:absolute;top:14px;right:0;padding:3px 6px;border:1px solid rgba(55,214,255,.28);border-radius:5px;background:#37d6ff12;color:var(--cyan);font:500 10px/1.2 var(--mono);letter-spacing:.12em}.card__sub{margin:6px 0 0;color:#6f8a9c;font:10px/1.55 var(--mono);letter-spacing:.1em;text-transform:uppercase}.card__spec{margin:12px 0 0;color:#b6c8d6;font-size:11.5px;line-height:1.75}.kv{display:grid;grid-template-columns:78px minmax(0,1fr);gap:0;margin:14px 0;border-top:1px solid rgba(120,180,255,.06)}.kv dt,.kv dd{margin:0;padding:7px 0;border-bottom:1px solid rgba(120,180,255,.06);font-size:11.5px;line-height:1.65}.kv dt{color:#6a8295;letter-spacing:.04em}.kv dd{color:#c8dbe7;font:10.5px/1.7 var(--mono);word-break:break-word}.risk-dots{display:inline-flex;gap:3px;vertical-align:-1px}.risk-dot{width:5px;height:5px;border:1px solid rgba(120,180,255,.3);border-radius:50%}.risk-dot.is-on{border-color:var(--amber);background:var(--amber);box-shadow:0 0 6px #f0b04aa6}.note{position:relative;margin:14px 0;padding:9px 11px 9px 13px;border-left:2px solid var(--cyan);border-radius:0 6px 6px 0;background:linear-gradient(90deg,#37d6ff17,#37d6ff04);color:#a9c1d2;font-size:11.5px;line-height:1.7}.note strong{display:block;margin-bottom:2px;color:var(--cyan);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.chips>span,.chips .chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#37d6ff0a;color:#9db8c9;font:9.5px/1.3 var(--mono);letter-spacing:.04em}.chip__dot{width:5px;height:5px;flex:none;border-radius:50%}.src{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.src__title{color:#6a8295;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.src ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.src__item{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.src__type{flex:none;color:var(--dim);font:8.5px/1 var(--mono)}.src__empty{color:var(--dim);font-size:10.5px}.src a{display:inline-flex;align-items:baseline;gap:6px;width:fit-content;max-width:100%;border-bottom:1px dotted rgba(130,196,223,.25);color:#82c4df;font-size:10.5px;line-height:1.55;text-decoration:none;transition:color .15s,border-color .15s}.src a:before{content:"↗";color:#4f7084;font-size:9px}.src a:hover{color:var(--cyan);border-bottom-color:#37d6ff99}.matnote{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.matnote__title{color:#6a8295;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase}.matnote__body{margin:6px 0 4px;color:#a9c1d2;font-size:11px;line-height:1.7}.matnote__from{color:var(--dim);font-size:9.5px;line-height:1.6}.conf{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--tone-line);border-radius:999px;background:var(--tone-soft);color:var(--tone);font:500 9.5px/1.2 var(--mono);letter-spacing:.08em;white-space:nowrap}.conf:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--tone);box-shadow:0 0 8px var(--tone)}.hud-bottom{grid-area:bottom;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;margin:0 12px 12px;padding:9px 14px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 -10px 40px #0000004d,inset 0 1px #ffffff08;backdrop-filter:blur(14px)}.stepbar{flex:none;display:flex;align-items:center;min-height:32px;overflow-x:auto;overflow-y:hidden;padding:0 2px 2px}.step{position:relative;display:flex;align-items:center;gap:7px;flex:none;padding:4px 12px 4px 0;color:#6d8497;font-size:10.5px;letter-spacing:.04em;white-space:nowrap;transition:color .16s}.step+.step{padding-left:14px}.step+.step:before{content:"";position:absolute;left:-2px;top:50%;width:12px;height:1px;background:linear-gradient(90deg,#78b4ff2e,#78b4ff0a)}.step__n,.step__no{position:relative;display:grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid rgba(120,180,255,.2);border-radius:50%;background:#080d13cc;color:#8ba5b7;font:500 9px/1 var(--mono);transition:color .16s,background .16s,border-color .16s,box-shadow .16s}.step__main{display:flex;flex-direction:column;gap:3px;min-width:84px}.step__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.step__name,.step__label,.step__title{line-height:1.2}.step__pct{color:var(--cyan);font:500 8.5px/1 var(--mono)}.step__risk{display:block;height:2px;overflow:hidden;border-radius:999px;background:#78b4ff1a}.step__risk-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--amber) 55%,var(--orange))}.step:hover{color:#cfe8f4}.step.is-active{color:#eafaff}.step.is-active .step__n,.step.is-active .step__no{border-color:transparent;background:linear-gradient(180deg,#6ae5ff,#2fb9e8);color:#041018;box-shadow:0 0 14px #37d6ff73,inset 0 0 8px #fff6}.step.is-done:not(.is-active){color:#8fc7a7}.step.is-done:not(.is-active) .step__n,.step.is-done:not(.is-active) .step__no{border-color:#57d08a80;background:#57d08a1f;color:transparent}.step.is-done:not(.is-active) .step__n:after,.step.is-done:not(.is-active) .step__no:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--green);font-size:9px;text-shadow:0 0 8px rgba(87,208,138,.6)}.controls{flex:1 1 auto;display:flex;align-items:center;gap:14px;min-width:0;padding-top:6px;border-top:1px solid rgba(120,180,255,.06)}.ctl{display:flex;flex-direction:column;gap:3px;flex:0 1 210px;min-width:120px}.ctl label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#7d94a6;font-size:10px;letter-spacing:.1em}.ctl label b{color:#b9ecff;font:500 10px/1 var(--mono);letter-spacing:.02em}.ctl input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:16px;margin:0;background:transparent;cursor:pointer;accent-color:var(--cyan)}.ctl input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,#37d6ff8c,#2a7fff2e);box-shadow:inset 0 0 0 1px #78b4ff14}.ctl input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d6f8ff,#37d6ff 58%,#159bd0);box-shadow:0 0 0 1px #37d6ffb3,0 0 10px #37d6ffbf,0 0 20px #37d6ff59;transition:box-shadow .16s}.ctl input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px #37d6ffe6,0 0 14px #37d6ffe6,0 0 26px #37d6ff73}.ctl input[type=range]::-moz-range-track{height:3px;border:0;border-radius:999px;background:linear-gradient(90deg,#37d6ff8c,#2a7fff2e)}.ctl input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#37d6ff;box-shadow:0 0 0 1px #37d6ffb3,0 0 10px #37d6ffbf}.ctl input[type=range]:disabled{cursor:not-allowed}.btn{flex:none;align-self:center;height:30px;padding:0 15px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#16202ce6,#0c121ae6);color:#b8cedd;font-size:11.5px;letter-spacing:.04em;white-space:nowrap;transition:color .16s,border-color .16s,box-shadow .16s,transform .1s}.btn:hover{color:#eafaff;border-color:#37d6ff59;box-shadow:0 0 14px #37d6ff1f}.btn:active{transform:translateY(1px)}.btn--primary{border-color:transparent;background:linear-gradient(135deg,#63e2ff,#37d6ff 45%,#2a7fff);color:#04121b;font-weight:600;box-shadow:0 4px 20px #2a7fff59,inset 0 0 12px #ffffff4d}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 4px 26px #37d6ff73,inset 0 0 14px #fff6}@media(max-width:1280px){.app{grid-template-columns:258px minmax(0,1fr) 328px}.hud-top{gap:16px;padding:0 16px}.brand__text p{display:none}.modes button{padding:6px 10px}.panel--left{margin:10px 0 10px 10px}.panel--right{margin:10px 10px 10px 0}.stage{margin:10px}.hud-bottom{margin:0 10px 10px}.controls{gap:10px}.ctl{flex-basis:170px}}@media(max-width:960px){body{overflow:auto}.app{height:auto;min-height:100dvh;align-content:start;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 48vh auto auto;grid-template-areas:"top" "stage" "insp" "bottom"}.hud-top{min-height:56px;height:auto;align-content:center;flex-wrap:wrap;gap:8px 14px;padding:10px 14px 12px}.brand{flex:1 1 auto}.brand__text h1{font-size:13px}.device-id{margin-left:auto;border-left:0;padding-left:0;text-align:right;max-width:46vw;min-width:0}.modes{order:3;width:100%;margin-left:0;overflow-x:auto}.modes button{flex:1 1 0;padding:5px 6px;font-size:11px;text-align:center}.stage{margin:10px 10px 0}.panel--left{display:none}.panel--right{margin:10px}.panel--right .inspector{overflow:visible}.hud-bottom{height:auto;margin:0 10px 10px}.controls{flex-wrap:wrap;gap:10px 12px}.ctl{flex:1 1 150px}.btn{height:32px}.hint{bottom:12px;font-size:9.5px}.anno-label{max-width:180px}.hud-readout{top:10px;left:10px;font-size:9.5px}}@media(max-width:600px){.brand__mark{width:24px;height:24px}.device-id__name{font-size:11.5px}.device-id__meta{font-size:8.5px}.anno-label{max-width:156px;padding:6px 8px 7px 6px}.anno-label b{font-size:10.5px}.anno-label i{font-size:9px}.hud-readout{display:none}.stepbar{min-height:28px}}@media(prefers-reduced-motion:reduce){.scan-overlay,.scan-overlay:after{animation:none}}.device-switch{padding:0 12px 10px}.device-select{width:100%;appearance:none;padding:7px 10px;border-radius:8px;border:1px solid rgba(120,180,255,.14);background:#ffffff08;color:var(--text, #e9ebef);font:inherit;font-size:12px;outline:none;cursor:pointer}.device-select:focus{border-color:#37d6ff80}.toast{position:fixed;left:50%;bottom:148px;transform:translate(-50%,14px);max-width:min(560px,86vw);padding:10px 16px;border-radius:10px;border:1px solid rgba(55,214,255,.3);background:#080e14f0;color:#cfe9f5;font-size:12px;line-height:1.55;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:60;backdrop-filter:blur(8px)}.toast.is-on{opacity:1;transform:translate(-50%)}.anno-measure{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:visible}.mea-line{stroke:#37d6ff;stroke-width:1;stroke-dasharray:4 3;opacity:.85;vector-effect:non-scaling-stroke}.mea-line[data-kind=gap]{stroke:#f0b04a}.mea-tick{fill:#37d6ff}.mea-tick[data-kind=gap]{fill:#f0b04a}.mea-label{fill:#9fe8ff;font:10px/1 ui-monospace,SF Mono,Menlo,monospace;text-anchor:middle;paint-order:stroke;stroke:#04080ce6;stroke-width:3;letter-spacing:.03em}.mea-label[data-kind=gap]{fill:#ffd08a}.fps-readout{position:absolute;right:12px;bottom:12px;z-index:8;padding:3px 8px;border:1px solid rgba(55,214,255,.28);border-radius:6px;background:#04080cb3;color:#7fd3ff;font:10px/1.4 ui-monospace,monospace;letter-spacing:.04em;pointer-events:none}.fps-readout[data-low="1"]{color:#ffb74a;border-color:#ffb74a66}.card__path{margin:2px 0 8px;color:#6f8ea3;font:11px/1.5 ui-monospace,monospace;letter-spacing:.02em}.layers{margin-top:12px}.layers__title{margin-bottom:6px;color:#8fe3ff;font-size:11px;letter-spacing:.06em}.layers__list{margin:0;padding:0;list-style:none}.layers__item{display:grid;grid-template-columns:1fr 74px 56px;gap:6px;padding:4px 0;border-top:1px dashed rgba(55,214,255,.14);font-size:11px;color:#cfe9f5}.layers__thick{color:#9fe8ff;text-align:right;font-family:ui-monospace,monospace}.layers__ev{color:#7a94a8;text-align:right;font-size:10px}.mode-group{display:flex;align-items:center;gap:2px}.mode-group+.mode-group{margin-left:6px;padding-left:6px;border-left:1px solid rgba(120,180,255,.14)}.modes{gap:4px}.legend{position:absolute;right:12px;bottom:46px;z-index:8;display:none;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid rgba(55,214,255,.2);border-radius:8px;background:#04080cc7;backdrop-filter:blur(6px)}.legend.is-on{display:flex}.legend__title{color:#8fe3ff;font:10px/1.4 ui-monospace,monospace;letter-spacing:.06em}.legend__item{display:flex;align-items:center;gap:6px;color:#cfe9f5;font-size:10.5px;line-height:1.35}.legend__item i{width:10px;height:10px;border-radius:2px;display:inline-block;flex:0 0 auto}.mea-bg{fill:#040a10d1;stroke:#37d6ff47;stroke-width:.6}.mea-bg[data-kind=gap]{stroke:#f0b04a59}.mea-arrow{stroke:#37d6ff;stroke-width:1;opacity:.9}.mea-arrow[data-kind=gap]{stroke:#f0b04a}.anno-label.is-primary{border-color:#37d6ff80;box-shadow:0 0 18px #37d6ff29}.anno-label.is-secondary{opacity:.92}.anno-label.is-secondary b{font-weight:500}.hud-readout b{font-size:12px}.row{min-height:27px}.anno-line.is-occluded{stroke-dasharray:3 3;opacity:.45}.switch-overlay{position:fixed;inset:0;z-index:90;display:none;background:radial-gradient(circle at 50% 50%,#060c128c,#030609f5);pointer-events:none}.switch-overlay.is-on{display:block}.switch-overlay__scan{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,#37d6ff,transparent);box-shadow:0 0 24px #37d6ffb3;animation:switch-scan .55s ease-in-out forwards}@keyframes switch-scan{0%{top:0;opacity:0}15%{opacity:1}to{top:100%;opacity:.9}}.stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 52%,rgba(0,0,0,.52) 100%)}#scene{transition:opacity .22s ease}.stage.is-mode-switching #scene{opacity:.55}.camera-readout{position:absolute;left:12px;bottom:12px;z-index:8;padding:3px 8px;border:1px solid rgba(55,214,255,.18);border-radius:6px;background:#04080cb3;color:#7fd3ff;font:10px/1.4 ui-monospace,monospace;letter-spacing:.03em;pointer-events:none}@media(max-width:1100px){.legend{right:8px;bottom:58px;transform:scale(.92);transform-origin:bottom right}.camera-readout{display:none}}.splash{position:fixed;inset:0;z-index:900;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 38%,rgba(32,46,66,.55),transparent 62%),radial-gradient(circle at 50% 44%,#0b0e15,#050608 68%)}.splash__mark{position:relative;display:grid;justify-items:center;gap:10px;animation:splashRise .9s cubic-bezier(.2,.8,.2,1) both}.splash__glyph{color:#bcd6f2;margin-bottom:4px;animation:splashFade .7s .12s both}.splash__glyph svg{display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.splash__glyph rect,.splash__glyph line{stroke-dasharray:150;stroke-dashoffset:150;animation:splashDraw .95s cubic-bezier(.4,0,.2,1) .16s both}@keyframes splashDraw{to{stroke-dashoffset:0}}.splash__logo{position:relative;font:600 clamp(30px,5.4vw,62px)/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;color:#eaf4ff;text-shadow:0 0 28px rgba(120,180,255,.35),0 0 60px rgba(60,120,255,.18)}.splash__logo:after{content:"";position:absolute;inset:-18% -12%;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(190,225,255,.5) 50%,transparent 62%);transform:translate(-130%);animation:splashSheen 1.15s .35s cubic-bezier(.4,0,.2,1) both}.splash__sub{font:400 clamp(10px,1.4vw,13px)/1.4 ui-monospace,Menlo,monospace;letter-spacing:.34em;text-transform:uppercase;color:#5f7b93;animation:splashFade .9s .26s both}.splash__hint{position:absolute;bottom:34px;left:0;right:0;text-align:center;font:400 11px/1 ui-monospace,monospace;letter-spacing:.2em;color:#35424f;animation:splashFade .6s .9s both}.splash--out{animation:splashOut .54s cubic-bezier(.4,0,.2,1) both}@keyframes splashRise{0%{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}@keyframes splashFade{0%{opacity:0}to{opacity:1}}@keyframes splashSheen{0%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes splashOut{0%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:scale(1.06);filter:blur(7px)}}@media(prefers-reduced-motion:reduce){.splash,.splash__mark,.splash__logo:after,.splash__sub,.splash__hint,.splash--out,.splash__glyph,.splash__glyph rect,.splash__glyph line{animation:none!important}}.mobile-tools{display:none}.mtool{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border:1px solid var(--line-2);border-radius:999px;background:#090e14eb;color:#b6cede;font-size:12px;letter-spacing:.06em;-webkit-tap-highlight-color:transparent}.mtool:active{background:#37d6ff24;color:#eafaff}.mtool[aria-expanded=true]{border-color:#37d6ff80;color:#eafaff;background:#37d6ff24}.mtool__ico{font-size:13px;line-height:1;opacity:.85}.mtool__label{white-space:nowrap}.panel__close{display:none;flex:none;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#ffffff08;color:#9fb6c6;font-size:13px;line-height:1}.panel__close:active{background:#37d6ff29;color:#eafaff}.sheet-grip,.hint--touch,.drawer-backdrop[hidden]{display:none}@media(max-width:960px){body.is-veil{overflow:hidden}.hud-top{padding-top:max(8px,env(safe-area-inset-top))}.mobile-tools{display:flex;gap:8px;order:2;margin-left:auto;flex:none}.hud-top .device-id{order:1}.hud-top .modes{order:3}.app{height:100vh;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) 0 auto}#panel-left{display:flex;position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(86vw,340px);margin:0;border-radius:0 14px 14px 0;padding-top:env(safe-area-inset-top);transform:translate(-101%);transition:transform .26s cubic-bezier(.3,.8,.3,1);box-shadow:18px 0 48px #0000008c}#panel-left.is-open{transform:none}#panel-left .panel__close{display:inline-flex}#panel-right{position:fixed;left:0;right:0;bottom:0;z-index:62;max-height:min(64dvh,540px);margin:0;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(101%);transition:transform .28s cubic-bezier(.3,.8,.3,1);box-shadow:0 -20px 56px #0009}#panel-right.is-open{transform:none}#panel-right .panel__close{display:inline-flex}#panel-right .inspector{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#panel-right .panel__head{padding-top:6px}.sheet-grip{display:block;flex:none;width:42px;height:4px;margin:8px auto 0;border-radius:999px;background:#8cafc859}.drawer-backdrop{position:fixed;inset:0;z-index:55;background:#02040899;backdrop-filter:blur(3px);-webkit-tap-highlight-color:transparent}.hud-bottom{padding-bottom:max(10px,env(safe-area-inset-bottom))}.btn{height:38px;padding:0 18px}.ctl input[type=range]{height:26px}.stepbar{-webkit-overflow-scrolling:touch}.tree{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.hint--desktop{display:none}.hint--touch{display:inline}.device-select{min-height:40px}}@media(max-width:600px){.mtool{min-height:36px;padding:0 11px;font-size:11.5px}.mtool__label{display:none}.mtool{min-width:44px;justify-content:center}.hint{font-size:9px;padding:4px 9px}.controls{gap:8px 10px}.ctl{flex:1 1 132px}}@media(max-height:460px)and (orientation:landscape){body{overflow:auto}.app{height:auto;min-height:100dvh;grid-template-rows:auto 62dvh auto auto}.hud-top{flex-wrap:nowrap;gap:10px 14px;padding-top:8px;padding-bottom:8px}.hud-top .device-id{max-width:32vw}.hud-top .modes{order:2;width:auto;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.hud-top .modes::-webkit-scrollbar{display:none}.hud-top .modes button{padding:5px 8px;font-size:11px}.mobile-tools{order:3;margin-left:0}.hud-bottom{margin-top:0}#panel-right{max-height:82dvh}}