/* KINETIQ / S2 — standalone, namespaced interface stylesheet */
.kq-app{--bg:#070e19;--panel:#0d1828;--border:#203249;--line:#304764;--soft:#7e99b1;--dim:#58728d;--text:#e7f5ff;--aqua:#76e9f2;--mint:#b5f5b6;--violet:#b49fff;--amber:#ffbb76;--red:#fb7588;background:radial-gradient(ellipse at 53% -18%,#172d42 0%,#090f1b 57%,#060b14 100%);color:var(--text);font:13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%;width:100%;box-sizing:border-box;letter-spacing:.005em}
.kq-app *, .kq-app *::before,.kq-app *::after{box-sizing:border-box}
.kq-app button,.kq-app input,.kq-app select{font:inherit}
.kq-app button{cursor:pointer;touch-action:manipulation}
.kq-app button:focus-visible,.kq-app input:focus-visible,.kq-app select:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
.kq-shell{max-width:1800px;min-width:320px;margin:0 auto;padding:24px 26px 18px}
.kq-eyebrow{font-size:10px;font-weight:760;letter-spacing:.17em;color:#7395ad;text-transform:uppercase}
.kq-head{display:flex;gap:26px;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #1c2d42}
.kq-brand{display:flex;gap:13px;align-items:center;min-width:0}
.kq-brandmark{flex-shrink:0;width:45px;height:45px;display:grid;place-items:center;border:1px solid #3b8190;border-radius:12px;position:relative;background:linear-gradient(135deg,#18384a,#0c1b2b);box-shadow:inset 0 0 20px #58c7df15,0 0 30px #45e4f00e}
.kq-brandmark svg{width:29px;height:29px}
.kq-brand-name{font-size:20px;font-weight:820;letter-spacing:.08em;line-height:1.1}
.kq-brand-name b{font-size:13px;color:var(--aqua);font-weight:720}
.kq-brand-sub{font-size:10px;letter-spacing:.12em;color:#7794ae;margin-top:5px;text-transform:uppercase}
.kq-head-right{display:flex;align-items:center;gap:24px}
.kq-live{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--mint)}
.kq-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);display:inline-block}
.kq-version{color:#7a91a7;font-size:11px}
.kq-version strong{color:#c4d6e8;font-weight:620}
.kq-intro{display:flex;align-items:center;justify-content:space-between;padding:24px 0 21px;gap:16px}
.kq-intro h1{font-weight:760;letter-spacing:-.036em;line-height:1.15;font-size:clamp(23px,2.4vw,34px);margin:4px 0 7px}
.kq-intro p{margin:0;color:#7892ab;font-size:12px}
.kq-intro .kq-intro-right{display:flex;gap:7px;flex-wrap:wrap}
.kq-pill{font-size:10px;color:#9ebcd0;border:1px solid #294358;border-radius:7px;padding:8px 10px;letter-spacing:.09em;background:#0e2030}
.kq-pill span{color:var(--aqua)}
.kq-workbench{display:grid;grid-template-columns:270px minmax(380px,1fr) 257px;gap:14px;align-items:stretch}
.kq-panel{border:1px solid var(--border);border-radius:12px;background:linear-gradient(155deg,#101c2d,#0a1422 83%);box-shadow:0 14px 28px #00000022;min-width:0;overflow:hidden}
.kq-side{padding:19px 18px 16px;display:flex;flex-direction:column;gap:21px}
.kq-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;color:#c9e0ef;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:780}
.kq-num{color:#406b84;font-size:11px;font-variant-numeric:tabular-nums}
.kq-small-note{font-size:10px;color:#7792aa}
.kq-control{margin-bottom:15px}
.kq-labelrow{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#abc3d5;margin-bottom:8px}
.kq-value{font:650 12px/1.2 ui-monospace,Menlo,Consolas,monospace;color:var(--aqua)}
.kq-app input[type=range]{width:100%;height:4px;appearance:none;-webkit-appearance:none;outline:none;background:linear-gradient(90deg,#3a8d9e,#223950);border-radius:5px;margin:7px 0 2px;cursor:ew-resize}
.kq-app input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#91f3f6;border:3px solid #0b2432;box-shadow:0 0 0 1px #6ddce6,0 0 12px #45e9f380;border-radius:50%}
.kq-app input[type=range]::-moz-range-thumb{width:8px;height:8px;background:#91f3f6;border:2px solid #0b2432;border-radius:50%}
.kq-range-limits{font-size:9px;color:#4e6d84;display:flex;justify-content:space-between}
.kq-rule{border:0;border-top:1px solid #203247;margin:0}
.kq-segmented{background:#071220;border:1px solid #22384e;border-radius:8px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px}
.kq-segmented button{border:0;border-radius:6px;background:transparent;color:#738ea6;font-size:10px;font-weight:740;text-transform:uppercase;letter-spacing:.075em;padding:10px 5px}
.kq-segmented button[data-active="true"]{color:#d7faff;background:#203d50;box-shadow:inset 0 0 0 1px #2c6578}
.kq-stack{display:flex;flex-direction:column;gap:7px}
.kq-opt{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #263d51;background:#0b1a2a;border-radius:8px;padding:10px;color:#b8cedc;font-size:11px}
.kq-opt[data-active="true"]{border-color:#428397;background:#142b3d;color:#d7faff}
.kq-opt small{font:650 10px ui-monospace,monospace;color:#638ca5}
.kq-mini-legend{display:flex;flex-direction:column;gap:9px;color:#7690a4;font-size:10px;margin-top:auto}
.kq-mini-legend div{display:flex;gap:8px;align-items:center}
.kq-swatch{width:10px;height:10px;border-radius:3px;display:inline-block;background:var(--aqua)}
.kq-swatch.mint{background:var(--mint)} .kq-swatch.red{background:var(--red)} .kq-swatch.violet{background:var(--violet)}
.kq-stage-wrap{display:flex;flex-direction:column;min-height:585px}
.kq-stagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #23384e;min-height:55px}
.kq-stage-title{font-size:11px;font-weight:720;text-transform:uppercase;letter-spacing:.12em;color:#d6e9f7}
.kq-stage-title small{color:#577e96;margin-left:9px;letter-spacing:0;font-size:10px}
.kq-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.kq-toolbutton{background:#14273a;border:1px solid #304b60;border-radius:6px;color:#8aaabc;padding:7px 9px;font-size:10px;font-weight:700}
.kq-toolbutton[data-active="true"]{border-color:#58b6c2;background:#1a3e4b;color:#bbf6fa}
.kq-stage{position:relative;flex:1;min-height:490px;background:#07111e;overflow:hidden}
.kq-stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}
.kq-stage-top{position:absolute;pointer-events:none;top:16px;left:18px;display:flex;flex-direction:column;gap:6px}
.kq-stage-bottom{position:absolute;pointer-events:none;left:16px;right:16px;bottom:15px;display:flex;align-items:end;justify-content:space-between;gap:12px}
.kq-hud{border:1px solid #294456;background:#081a2bb5;border-radius:6px;padding:9px 11px;backdrop-filter:blur(5px);box-shadow:0 4px 13px #0002}
.kq-hud-title{font-size:9px;color:#6f9ab0;letter-spacing:.14em;font-weight:800}
.kq-hud-value{font:630 15px ui-monospace,SFMono-Regular,Consolas,monospace;color:#dbf8ff;margin-top:3px}
.kq-hud-value span{font-size:10px;color:#6ea2b9}
.kq-compass{font:600 10px ui-monospace,monospace;color:#6a92a8;text-align:right;letter-spacing:.07em}
.kq-stagefooter{display:flex;justify-content:space-between;gap:8px;padding:11px 16px;border-top:1px solid #20364c;font-size:10px;color:#6586a0;text-transform:uppercase;letter-spacing:.1em}
.kq-stagefooter strong{color:#a2edee;font-weight:700}
.kq-right{padding:19px 16px 15px;display:flex;flex-direction:column;gap:19px}
.kq-status{border:1px solid #325c5b;background:linear-gradient(115deg,#102d36,#0d1c2b);padding:14px;border-radius:10px}
.kq-status-label{font-size:10px;letter-spacing:.15em;color:#82b6bf;font-weight:780}
.kq-status-line{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:7px}
.kq-status-word{color:#b7fbc4;font-size:21px;font-weight:790;letter-spacing:-.035em}
.kq-status-chip{border:1px solid #3f7c78;color:#80dcae;padding:5px 6px;border-radius:5px;font:680 9px ui-monospace,monospace}
.kq-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.kq-metric{border:1px solid #21374c;background:#0a1929;border-radius:9px;padding:11px 10px 9px;min-width:0}
.kq-metric-name{font-size:9px;letter-spacing:.11em;color:#64839c;text-transform:uppercase;font-weight:760}
.kq-metric-val{font:650 19px/1.35 ui-monospace,Menlo,Consolas,monospace;letter-spacing:-.04em;color:#ddf1fb;margin-top:4px}
.kq-metric-val em{font:600 9px ui-monospace,monospace;font-style:normal;color:#6e9bb4;letter-spacing:0;margin-left:2px}
.kq-readout{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid #203047;font-size:11px;color:#7396aa}
.kq-readout strong{font:600 11px ui-monospace,monospace;color:#d1eaf5;white-space:nowrap}
.kq-readout strong.good{color:var(--mint)}
.kq-readout strong.warn{color:var(--amber)}
.kq-target{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.kq-target label{font-size:10px;color:#7796af}
.kq-target input{width:100%;min-width:0;border:1px solid #2a4358;border-radius:7px;background:#091724;color:#dcf7ff;padding:9px;font:650 13px ui-monospace,monospace;margin-top:5px}
.kq-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.kq-btn{min-width:0;border:1px solid #365267;border-radius:8px;background:linear-gradient(180deg,#1b3043,#132437);color:#bcd3e2;padding:11px 6px;font-weight:740;font-size:11px;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:6px}
.kq-btn.primary{background:linear-gradient(110deg,#87f2e8,#70c4d1);color:#062130;border-color:#8cefe9;box-shadow:0 4px 20px #65e8de1c}
.kq-btn.dark{background:#0b1a29;color:#8aafc1}
.kq-btn:hover:not(:disabled){filter:brightness(1.12)}
.kq-btn:disabled{opacity:.42;cursor:not-allowed}
.kq-runrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.kq-timeline{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:14px;margin-top:14px}
.kq-chartpanel{padding:17px 19px 16px;min-height:221px}
.kq-chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kq-chart-legend{display:flex;align-items:center;gap:14px;color:#7b96a9;font-size:10px}
.kq-chart-legend span{display:flex;align-items:center;gap:6px}
.kq-chart-legend i{width:9px;height:3px;background:#6de4ec;display:inline-block;border-radius:2px}
.kq-chart-legend i.b{background:#af9dff}
.kq-chart{display:block;width:100%;height:151px;margin-top:8px}
.kq-logpanel{padding:17px 16px 14px;min-height:221px}
.kq-logs{margin-top:12px;max-height:155px;overflow:auto;scrollbar-width:thin;scrollbar-color:#30445c transparent}
.kq-log{border-bottom:1px solid #1b2b3b;padding:6px 0;display:flex;gap:8px;align-items:start;color:#92acbf;font-size:10px}
.kq-log time{font:550 9px ui-monospace,monospace;color:#4e748d;white-space:nowrap;flex:0 0 44px}
.kq-log strong{font-weight:670;color:#b8d8e7}
.kq-foot{padding-top:15px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#57788e}
.kq-foot strong{font-weight:600;color:#83a3b4}
.kq-app [hidden]{display:none!important}
@media(max-width:1250px){.kq-workbench{grid-template-columns:245px minmax(340px,1fr)}.kq-right{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:14px}.kq-right .kq-block:nth-child(3){grid-column:1 / -1}.kq-side{gap:18px}.kq-stage-wrap{min-height:550px}}
@media(max-width:790px){.kq-shell{padding:14px}.kq-head-right{gap:10px}.kq-version{display:none}.kq-intro{align-items:start;flex-direction:column}.kq-workbench{grid-template-columns:1fr}.kq-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kq-side>.kq-rule{display:none}.kq-side>.kq-mini-legend{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.kq-stage-wrap{min-height:500px}.kq-stage{min-height:430px}.kq-right{grid-column:auto;grid-template-columns:1fr 1fr}.kq-right .kq-block:nth-child(3){grid-column:1/-1}.kq-timeline{grid-template-columns:1fr}}
@media(max-width:490px){.kq-brand-name{font-size:15px}.kq-brand-sub{font-size:8px}.kq-head{gap:10px}.kq-head-right{display:none}.kq-side{grid-template-columns:1fr}.kq-right{grid-template-columns:1fr}.kq-right .kq-block:nth-child(3){grid-column:auto}.kq-stage{min-height:390px}.kq-stage-title small{display:none}.kq-hud{padding:6px 8px}.kq-hud-value{font-size:12px}.kq-stagefooter{font-size:8px}.kq-foot{flex-direction:column}}