:root{--bg: #0a0e14;--panel: #111826;--panel2: #0d1420;--line: #1e2b3d;--fg: #e6edf5;--dim: #8fa3bd;--accent: #4fd0c8;--warn: #f0b429}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.disclaimer{background:linear-gradient(90deg,#3a2a08,#2a1f06);color:#ffe4a3;border-bottom:1px solid #6b5410;padding:8px 16px;font-size:13px;line-height:1.5}.disclaimer b{color:#ffd166}.hdr{display:flex;align-items:baseline;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}.hdr h1{margin:0;font-size:22px;letter-spacing:1px;color:var(--accent);font-weight:700}.hdr .sub{color:var(--dim);font-size:13px}.body{display:flex;flex:1;min-height:0}.panel{width:300px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:12px 14px;overflow-y:auto}.grp-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin:16px 0 8px;border-bottom:1px solid var(--line);padding-bottom:4px}.grp-title:first-child{margin-top:0}.presets,.chips{display:flex;flex-wrap:wrap;gap:6px}.presets button,.chips button{background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:6px 9px;font-size:12px;cursor:pointer}.presets button{flex:1 1 46%;text-align:left}.presets button:hover,.chips button:hover{border-color:var(--accent)}.presets button.on,.chips button.on{background:#113a38;border-color:var(--accent);color:#bff5ef}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);margin-top:16px}.stage{flex:1;display:flex;gap:14px;padding:14px;min-width:0}.bmode-wrap{flex:1 1 55%;display:flex;flex-direction:column;min-width:0}.side{flex:1 1 45%;display:flex;flex-direction:column;gap:12px;min-width:320px}.cap{font-size:12px;color:var(--dim);margin-bottom:6px}.bmode{width:100%;aspect-ratio:1 / 1;background:#000;border:1px solid var(--line);border-radius:6px}.amode-wrap{display:flex;flex-direction:column}.amode{width:100%;height:180px;background:#06121e;border:1px solid var(--line);border-radius:6px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.note{font-size:12px;line-height:1.6;color:var(--dim);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.note b{color:var(--fg)}.ftr{border-top:1px solid var(--line);padding:10px 18px;color:var(--dim);font-size:11.5px;line-height:1.5}.ftr b{color:#ffd166}@media(max-width:900px){.body{flex-direction:column}.panel{width:100%}.stage{flex-direction:column}}.tabs{display:flex;gap:6px;margin-left:auto}.tabs button{background:var(--panel2);color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:12.5px;cursor:pointer}.tabs button:hover{border-color:var(--accent);color:var(--fg)}.tabs button.on{background:#113a38;border-color:var(--accent);color:#bff5ef}.probe-row{display:flex;gap:12px}.probe-thumb{flex:1;display:flex;flex-direction:column;min-width:0}.thumb{width:100%;aspect-ratio:1 / 1;background:#000;border:1px solid var(--line);border-radius:6px}.chart{width:100%;height:260px;background:#06121e;border:1px solid var(--line);border-radius:6px}.beam-row{display:flex;gap:14px}.beam-col{flex:1;display:flex;flex-direction:column;min-width:0}.fieldmap{width:100%;aspect-ratio:4 / 3;background:#000;border:1px solid var(--line);border-radius:6px}.legend{display:flex;flex-direction:column;gap:4px;margin-top:14px;font-size:11.5px;color:var(--dim)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.dop-row{display:flex;gap:14px}.dop-col{flex:1;display:flex;flex-direction:column;min-width:0}.colordop{width:100%;aspect-ratio:13 / 11;background:#000;border:1px solid var(--line);border-radius:6px}.spectro{width:100%;aspect-ratio:13 / 11;background:#06121e;border:1px solid var(--line);border-radius:6px}.adv-images{flex:1;display:flex;gap:14px;min-width:0}.adv-col{flex:1;display:flex;flex-direction:column;min-width:0}.advimg{width:100%;aspect-ratio:6 / 5;background:#000;border:1px solid var(--line);border-radius:6px}
