:root{color-scheme:dark;--bg:#070f1a;--panel:#0e1a27;--stroke:#233747;--line:#21313e;--white:#e5eff6;--muted:#78919f;--aqua:#65deda;--cyan:#75e9f0;--copper:#f0af78;--radius:10px;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--white)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:inherit;text-decoration:none}.shell{max-width:1800px;margin:auto;min-height:100vh}.topbar{height:76px;display:flex;align-items:center;padding:0 35px;gap:24px;border-bottom:1px solid var(--stroke);background:#07111d}.brand{display:flex;align-items:center;gap:12px;min-width:215px}.brand-symbol{width:43px;height:43px;display:grid;place-items:center;border:1px solid #57bac0;transform:skew(-8deg);font-size:27px;font-weight:900;letter-spacing:-4px;padding-right:4px;color:#ecf8ff}.aqua{color:var(--aqua)}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy b{font-size:14px;letter-spacing:.25em}.brand-copy small{font-size:8px;letter-spacing:.18em;color:#7897a6}.topline{height:24px;width:1px;background:var(--stroke)}.edition{display:flex;align-items:center;gap:10px;font:500 11px monospace;letter-spacing:.1em;color:#8fa9ba}.edition b{color:#e4f5f4}.pulse-dot{width:7px;height:7px;background:#67e1c2;box-shadow:0 0 0 3px #2ca48c33;border-radius:50%}.version{border:1px solid #29404e;padding:4px 7px;border-radius:3px;color:#658697}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.header-seed{font:11px monospace;color:#6f8a9a}.icon-button,.pill{border:1px solid #284352;background:#0c2230;color:#afd2da}.icon-button{width:39px;height:35px;font-size:22px}.pill{font-size:10px;padding:12px 15px;letter-spacing:.08em;font-weight:700;border-radius:4px}.pill[aria-pressed=true]{color:var(--copper);border-color:#845b3b}.intro{padding:35px 35px 33px;display:flex;justify-content:space-between;gap:24px;align-items:end}.eyebrow,.tiny-label{font:600 10px monospace;letter-spacing:.18em;color:var(--aqua)}h1{font-size:clamp(30px,3vw,45px);line-height:1.1;letter-spacing:-.045em;font-weight:650;margin:12px 0 12px}h1 span{color:var(--copper)}.intro p{font-size:13px;line-height:1.6;color:#8a9ea9;margin:0}.status-label{display:flex;align-items:end;gap:6px;flex-direction:column;white-space:nowrap;margin-bottom:5px}.status-label span,.status-label small{color:#6e8b99;font-size:9px;letter-spacing:.12em;font-family:monospace}.status-label strong{font:700 16px monospace;color:#69e0c4;letter-spacing:.13em}.workbench{display:grid;grid-template-columns:minmax(260px,304px) minmax(430px,1fr) minmax(275px,324px);gap:0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);min-height:650px}.sidebar{background:#0c1723;padding:23px 22px 24px}.left-panel{border-right:1px solid #253948}.right-panel{border-left:1px solid #253948}.panel-head{border-bottom:1px solid var(--line);padding-bottom:16px}.panel-head h2{font-size:17px;letter-spacing:-.02em;margin:10px 0 7px}.panel-head p{font-size:11px;color:#718a98;line-height:1.5;margin:0}.slider-list{padding-top:4px}.control-group{border-bottom:1px solid #1c2d3b;padding:16px 0 12px}.control-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.control-top label{font-size:11px;color:#b8cbd3}.control-top strong{font:600 15px monospace;color:#a7f4ee;white-space:nowrap}.control-top em{font-style:normal;color:#779dad;font-size:10px}.endpoints{display:flex;justify-content:space-between;font:9px monospace;color:#597585;margin-top:1px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;background:linear-gradient(to right,#5fd3d0 0 var(--fill,40%),#2d4451 var(--fill,40%) 100%);margin:15px 0 10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:2px solid #d1fffa;background:#3e9ca1;border-radius:50%;box-shadow:0 0 12px #37cbc754}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:2px solid #d1fffa;background:#3e9ca1;border-radius:50%}.speed{border-bottom:0}.left-buttons{display:flex;gap:8px;margin-top:12px}.button-primary,.button-icon{border:1px solid #63ddd8;border-radius:4px;color:#092128;font-size:11px;font-weight:800;letter-spacing:.06em;min-height:45px}.button-primary{background:#73ddd7;flex:1;display:flex;justify-content:center;align-items:center;gap:12px}.button-icon{width:46px;color:#b9d9dd;border-color:#304a56;background:#162a37;font-size:25px;font-weight:400}.mode-buttons{display:flex;gap:6px;margin-top:11px}.mode{flex:1;padding:11px 5px;font:700 10px monospace;color:#7996a5;background:#102230;border:1px solid #273f4d;border-radius:3px}.mode.active{color:#baf7ee;border-color:#4d9f9b;background:#12403e}.preset-title{margin-top:24px;color:#6595a5;font:700 10px monospace;letter-spacing:.13em}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.preset-grid button{font:600 9px monospace;letter-spacing:.02em;color:#c2dce0;padding:12px 4px;border:1px solid #29404c;background:#112432;border-radius:3px}.preset-grid button:hover{border-color:var(--aqua)}.preset-grid button span{display:block;font-weight:400;color:#7293a2;margin-top:6px}.visual-area{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 48% 34%,#142e3f 0,#071320 65%)}.viewport{width:100%;height:100%;position:absolute;inset:0}.viewport canvas{display:block;outline:0}.viewport-title{position:absolute;top:21px;left:23px;right:23px;display:flex;justify-content:space-between;pointer-events:none}.live-caption,.mini-badge{font:600 9px monospace;letter-spacing:.13em;color:#a0cbd4}.live-caption i{display:inline-block;background:#49ddb4;width:6px;height:6px;border-radius:50%;margin-right:9px}.mini-badge{border:1px solid #3c687b7a;padding:8px;color:#789fb0}.view-overlay{position:absolute;bottom:59px;left:22px;display:flex;flex-direction:column;gap:12px;pointer-events:none}.view-overlay strong{font:600 10px monospace;letter-spacing:.1em;color:#badde8}.view-overlay span{font:10px monospace;color:#9ab9c4;display:flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;display:inline-block;border-radius:1px}.swatch.cold{background:#4ccfd8}.swatch.warm{background:#f5a16d;margin-left:14px}.view-help{position:absolute;bottom:22px;left:22px;font:9px monospace;letter-spacing:.1em;color:#718d9c;pointer-events:none}.view-help b{color:#c78e54;padding:0 6px}.error{position:absolute;top:35%;left:10%;right:10%;background:#4a2125;border:1px solid #ff6c6c;color:white;padding:20px;z-index:5}.metric{padding:15px 13px;border:1px solid #1d3443;background:#0d202c;min-width:0}.metric span{display:block;font:9px monospace;letter-spacing:.08em;color:#7398a5}.metric strong{display:block;margin-top:13px;color:#d5f5ee;font:700 21px monospace;letter-spacing:-.04em}.metric strong small{font-size:10px;color:#7ba8b1;margin-left:4px}.metric.hero{padding:20px 18px 18px;margin:20px 0 11px;background:linear-gradient(130deg,#15353c,#0d202e 80%);border-color:#2d6068}.hero strong{font-size:47px;color:#82f4e5;margin-top:8px;line-height:1.2}.hero strong small{font-size:19px}.mini-desc{display:flex;justify-content:space-between;gap:8px;margin:11px 0 15px}.mini-desc span{font-size:8px;color:#799caa}.progress{height:4px;background:#213d45;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#67dfcd,#ffc184);transition:width .12s linear}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chart-head,.profile-head{display:flex;justify-content:space-between;align-items:center;font:700 10px monospace;letter-spacing:.07em;color:#a9cbd4;margin-top:25px;margin-bottom:12px}.small-link{background:none;border:0;color:var(--aqua);font:600 10px monospace;padding:3px}.chart-box{height:170px;background:#0c1e2a;border:1px solid #203745;padding:8px}.profile-head{margin-top:19px}.profile-head span{font:9px monospace;color:#719eaa}.profile-box{height:110px;background:#0c1e2a;border:1px solid #203745;padding:7px}.chart-box canvas,.profile-box canvas{height:100%;width:100%;display:block}.interpretation{display:flex;gap:10px;align-items:flex-start;padding:14px 0 0}.circle-i{font:700 11px monospace;color:#90cad0;width:19px;height:19px;min-width:19px;border:1px solid #467881;border-radius:50%;display:grid;place-items:center}.interpretation p{font-size:10px;line-height:1.65;color:#80a0af;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;padding:17px 35px;gap:20px;color:#5e7886;font:9px monospace;letter-spacing:.07em}
@media(max-width:1250px){.workbench{grid-template-columns:270px minmax(350px,1fr)}.right-panel{grid-column:1/-1;border-top:1px solid var(--stroke);border-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.right-panel>.panel-head{grid-column:1/-1}.right-panel>.hero{grid-column:1/2;margin:0}.right-panel>.metric-grid{grid-column:2/3}.right-panel>.chart-head{grid-column:1/2;margin:8px 0 0}.right-panel>.chart-box{grid-column:1/2}.right-panel>.profile-head{grid-column:2/3;grid-row:3;margin:8px 0 0}.right-panel>.profile-box{grid-column:2/3;grid-row:4;height:170px}.right-panel>.interpretation{grid-column:1/-1}.visual-area{min-height:660px}}@media(max-width:750px){.topbar{height:65px;padding:0 16px;gap:12px}.topline,.header-seed,.version,.edition{display:none}.brand{min-width:unset}.brand-copy b{font-size:12px}.brand-copy small{font-size:7px}.top-actions{gap:6px}.intro{padding:24px 18px;display:block}.intro h1{font-size:35px}.status-label{display:none}.workbench{display:flex;flex-direction:column}.visual-area{order:0;height:480px;min-height:480px}.left-panel{order:1;border-right:0;border-top:1px solid var(--stroke)}.right-panel{order:2;display:block;border-top:1px solid var(--stroke)}.right-panel>.hero{margin:20px 0 11px}.right-panel>.chart-head{margin:23px 0 10px}.right-panel>.profile-head{margin:20px 0 10px}.right-panel>.profile-box{height:115px}.view-overlay{bottom:50px}.view-help{font-size:8px;left:15px}.footer{padding:18px;display:block;line-height:2}.footer span{display:block}.sidebar{padding:21px 18px}}