:root{color-scheme:dark;--bg:#06111c;--panel:#0c1a26;--border:#233643;--muted:#8a9eaa;--teal:#43ebcc;--white:#e8f5f9;--blue:#75c3de}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}a{color:var(--teal);text-decoration:none}.mast{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 30px;background:#081521}.brand{display:flex;align-items:center;gap:14px}.diamond{height:42px;width:42px;display:grid;place-items:center;background:linear-gradient(140deg,#134b53,#174b5a);border:1px solid #46b3b3;transform:rotate(45deg);font-size:17px;font-weight:900;letter-spacing:-5px}.diamond span{color:var(--teal)}.brand strong{display:block;letter-spacing:.16em;font-size:16px}.brand em{font-style:normal;color:var(--teal)}.brand small{display:block;color:var(--muted);letter-spacing:.16em;font-size:10px;margin-top:6px}.toplinks{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:700;letter-spacing:.12em}.pill{color:#a8bbc4;padding:9px 13px;border:1px solid var(--border);border-radius:50px}.dot{display:inline-block;background:#51e0bb;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px #51e0bb;margin-right:6px}.shell{display:grid;grid-template-columns:284px minmax(380px,1fr) 308px;height:calc(100vh - 118px);min-height:650px}.panel{background:var(--panel);padding:24px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#325062 transparent}.left{border-right:1px solid var(--border)}.right{border-left:1px solid var(--border)}.eyebrow{font-size:11px;color:#a7bbc5;letter-spacing:.16em;font-weight:750;display:flex;justify-content:space-between}.eyebrow span{color:#4b8293}.mode-list{margin-top:17px;display:grid;gap:7px}.mode-list button{display:flex;width:100%;align-items:center;text-align:left;gap:14px;border:1px solid transparent;background:transparent;border-radius:8px;color:#b6c8d1;padding:12px 9px}.mode-list button.active{background:#123340;border-color:#275e65;color:#e9fcfe}.mode-list button b{margin-left:auto;opacity:.4}.mode-list button span:nth-child(2){font-size:14px;font-weight:750}.mode-list small{display:block;font-weight:450;color:#8fa5b2;font-size:11px;margin-top:4px}.mode-num{font-size:11px;color:var(--teal);font-weight:800}.separator{height:1px;background:var(--border);margin:24px 0}.group-list{margin-top:13px;display:grid;gap:4px}.group-list button{border:0;background:transparent;border-radius:6px;padding:8px;display:flex;align-items:center;gap:9px;color:#a9c0c9;text-align:left;font-size:12px}.group-list button.selected{background:#193946;color:#f0fff9}.group-list b{margin-left:auto;font-size:10px;color:#678b9b}.group-dot{height:8px;width:8px;border-radius:3px;background:#4b9cae}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:#a8bfca;margin:16px 0 8px}.slider-label strong{color:var(--teal)}input[type=range]{width:100%;accent-color:#41dcc4;cursor:pointer}.checkbox-row{display:grid;gap:12px;margin-top:17px;font-size:12px;color:#a4b9c4}.checkbox-row input,.row-check input{accent-color:#42d6bf}.outline,.primary{border:1px solid #375663;border-radius:6px;background:#112937;color:#bdd5e2;padding:11px 13px;font-weight:700;font-size:11px;letter-spacing:.08em}.wide{width:100%}.viewport{position:relative;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 50% 50%,#183746 0%,#0c1c2b 38%,#07131e 86%)}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.viewport-top{position:absolute;pointer-events:none;left:34px;top:31px}.overline{color:#57e2cd;font-size:10px;font-weight:800;letter-spacing:.17em}.viewport h1{margin:10px 0 8px;font-size:clamp(25px,3vw,43px);line-height:1.1;letter-spacing:-.04em}.viewport h1 span{color:#69d9d0}.viewport p{margin:0;color:#90aebb;font-size:12px}.view-badge{position:absolute;top:27px;right:20px;font-size:9px;letter-spacing:.11em;padding:8px 12px;background:#102934c0;border:1px solid #245264;border-radius:40px;color:#9fd8d9}.bottom-hint{position:absolute;bottom:18px;left:22px;color:#77919d;letter-spacing:.1em;font-size:10px;pointer-events:none}.axis{position:absolute;bottom:53px;right:22px;display:grid;gap:6px;color:#71a4b5;font-size:10px;text-align:right}.hotspot-layer{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-100%);color:#d3fdf8;font-size:10px;background:#102c37db;padding:6px 9px;border:1px solid #3c9f98;border-radius:5px;white-space:nowrap}.hotspot:after{content:'';position:absolute;top:100%;left:50%;width:1px;height:13px;background:#40d6bc}.right-head{display:flex;justify-content:space-between;align-items:center}.mini{font-size:9px;letter-spacing:.1em;border:1px solid #2b5b60;border-radius:4px;padding:5px 8px;color:var(--teal)}.state-head{display:flex;justify-content:space-between;margin:24px 0 11px}.state-head span{color:#93aeb9;font-size:10px;letter-spacing:.13em}.state-head strong{color:var(--teal);font-size:22px}.meter{height:6px;background:#1a3945;border-radius:10px;overflow:hidden}.meter div{height:100%;width:26%;background:linear-gradient(90deg,#239cb9,#46ead0);transition:width .1s}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;margin:27px 0}.metrics span{color:#7293a3;font-size:9px;font-weight:700;letter-spacing:.09em}.metrics strong{display:block;margin-top:6px;font-size:19px;font-variant-numeric:tabular-nums}.actions{display:flex;gap:8px}.actions button{flex:1}.actions .primary{color:#05272c;background:var(--teal);border-color:var(--teal)}.row-check{display:block;margin:18px 0;color:#9eb7c1;font-size:12px}.note{color:#8199a5;line-height:1.6;font-size:11px;margin-top:16px}.search{margin:18px 0 10px;background:#0a1b28;border:1px solid #2a4958;color:#edf9fa;border-radius:7px;padding:12px;width:100%;font-size:12px}.search::placeholder{color:#698698}.part-detail{background:#0d2432;border:1px solid #244253;border-radius:9px;min-height:151px;padding:16px}.part-icon{font-size:25px;color:#55ccb7}.part-detail h2{font-size:14px;margin:6px 0;color:#e7f5fa}.part-detail p{line-height:1.55;font-size:12px;color:#9baeba;margin-bottom:8px}.part-detail .spec{color:#5ed6c0;font-size:10px;line-height:1.8}.results{max-height:210px;overflow:auto}.results button{display:block;width:100%;border:0;border-bottom:1px solid #1e3340;padding:9px 4px;color:#a5bcc9;background:transparent;text-align:left;font-size:11px}.results button:hover{color:var(--teal)}footer{height:40px;border-top:1px solid var(--border);background:#081521;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#5d7885;font-size:9px;letter-spacing:.11em}@media(max-width:1200px){.shell{grid-template-columns:220px minmax(340px,1fr) 275px}.panel{padding:18px 12px}.toplinks .pill{display:none}}@media(max-width:850px){.mast{padding:0 14px;height:65px}.brand strong{font-size:14px}.toplinks{font-size:10px}.shell{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr}.viewport{grid-column:1/-1;grid-row:1;height:min(68vh,670px);min-height:420px}.left{grid-column:1;border-right:1px solid var(--border)}.right{grid-column:2;border-left:0}.panel{max-height:560px}footer{font-size:8px;flex-wrap:wrap;height:auto;padding:12px}}@media(max-width:520px){.shell{grid-template-columns:1fr}.viewport{height:57vh;min-height:360px}.left,.right{grid-column:1;max-height:none}.viewport-top{top:20px;left:18px}.viewport p{max-width:200px}.view-badge{top:auto;bottom:45px;right:12px}.bottom-hint{font-size:8px;bottom:14px;left:11px;max-width:240px}.axis{display:none}footer span:nth-child(2){display:none}}