.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--mono);font-size:.7rem;color:var(--text-2);background:var(--bg-card);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px}.kbd.sm{min-width:14px;height:auto;padding:3px 5px;font-size:9px;line-height:1}.seg-toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-pill);overflow:hidden}.seg-toggle button{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);background:none;border:none;padding:.32rem .6rem;cursor:pointer;transition:color .16s,background .16s}.seg-toggle button.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.seg-toggle button:not(.on):hover{color:var(--text-2)}.readout-tabs{display:flex;gap:3px;border:1px solid var(--line);border-radius:var(--r-md);padding:3px;background:var(--bg-card)}.readout-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .4rem;border:none;background:none;cursor:pointer;border-radius:var(--r-sm);font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-4);transition:color .16s,background .16s}.readout-tabs button:hover{color:var(--text-2)}.readout-tabs button.on{color:var(--fc, var(--accent));background:color-mix(in srgb,var(--fc, var(--accent)) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fc, var(--accent)) 30%,transparent)}.readout-tabs button i{font-style:normal;font-size:9px;font-variant-numeric:tabular-nums;color:var(--text-4)}.readout-tabs button.on i{color:var(--fc, var(--accent))}.verdict{border-radius:var(--r-md);padding:.85rem 1rem;border:1px solid;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:.6rem}.verdict:before{content:"";width:8px;height:8px;border-radius:50%;flex:none}.verdict.resolving{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent)}.verdict.resolving:before{background:var(--warn);box-shadow:0 0 8px var(--warn);animation:vpulse 1.6s var(--ease) infinite}.verdict.confirmed{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 42%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.verdict.confirmed:before{background:var(--ok);box-shadow:0 0 9px var(--ok)}.verdict.mismatch{color:var(--err);border-color:color-mix(in srgb,var(--err) 45%,transparent);background:color-mix(in srgb,var(--err) 10%,transparent)}.verdict.mismatch:before{background:var(--err);box-shadow:0 0 9px var(--err)}@keyframes vpulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.verdict.resolving:before{animation:none}}.ds-readout{display:grid;gap:3px;padding:.5rem .6rem;border-radius:var(--r-sm);border:1px solid var(--line);background:color-mix(in srgb,var(--bg-canvas) 64%,transparent);backdrop-filter:blur(4px)}.ds-readout .hud-row{display:flex;align-items:baseline;gap:.4rem;font-family:var(--mono)}.ds-readout .k{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);width:34px}.ds-readout b{font-size:12px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;min-width:44px}.ds-readout .u{font-size:8px;color:var(--text-4)}.ds-readout .captured b{color:var(--fc, var(--accent))}.force-browser{display:grid;gap:16px}.fb-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.fb-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}.fb-group .glabel{display:flex;align-items:center;gap:.6rem;margin-bottom:9px;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-4)}.fb-group .glabel:after{content:"";flex:1;height:1px;background:var(--line)}.fb-foot{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);line-height:1.7}.fb-foot b{color:var(--text-3);font-weight:500}.force-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.force-grid.names{grid-template-columns:repeat(3,1fr)}.force-tile{position:relative;aspect-ratio:1;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#ffffff04;color:inherit;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:border-color .18s,background .18s,transform .12s var(--ease),box-shadow .18s}.force-tile .z{position:absolute;top:3px;left:5px;font-family:var(--mono);font-size:7px;color:var(--text-4);letter-spacing:.04em}.force-tile .sym{font-family:var(--display);font-weight:600;font-size:1.04rem;letter-spacing:-.02em;color:var(--text-2);line-height:1}.force-tile .pname{font-family:var(--mono);font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.force-tile .picon{color:var(--fc);display:grid;place-items:center;line-height:0}.force-tile .picon .fg{width:20px;height:20px;--fc: currentColor}.force-tile.calib:hover{border-color:color-mix(in srgb,var(--fc) 65%,transparent);background:color-mix(in srgb,var(--fc) 10%,transparent);transform:translateY(-1px)}.force-tile.calib:hover .sym{color:var(--fc)}.force-tile.on{border-color:var(--fc);background:color-mix(in srgb,var(--fc) 16%,transparent);box-shadow:0 0 0 1px var(--fc),0 0 22px -6px var(--fc)}.force-tile.on .sym{color:#fff}.force-tile.on .picon{color:#fff;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--fc) 80%,transparent))}.force-tile.on .z,.force-tile.on .pname{color:color-mix(in srgb,var(--fc) 70%,#fff)}.force-tile.on:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--fc) 26%,transparent),transparent 70%)}.force-tile.locked{cursor:not-allowed;opacity:.4}.force-tile.locked .sym,.force-tile.locked .nameBig{color:var(--text-4)}.force-tile.locked .picon{color:var(--text-3)}.force-tile.locked:hover{border-color:var(--line-3);opacity:.6}.force-tile.locked:after{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;border:1px solid var(--text-4)}.force-tile.namemode{aspect-ratio:auto;min-height:46px;padding:.45rem .4rem .4rem;justify-content:center}.force-tile .nameBig{font-family:var(--display);font-weight:600;font-size:.74rem;letter-spacing:-.01em;line-height:1.05;color:var(--text-2);text-align:center}.force-tile.on .nameBig{color:#fff}.force-tile.calib.namemode:hover .nameBig{color:var(--fc)}.force-browser .as-symbol,.force-browser .as-name,.force-browser.view-symbol .as-icon,.force-browser.view-name .as-icon{display:none}.force-browser.view-symbol .as-symbol,.force-browser.view-name .as-name{display:block}.force-browser.view-name .force-grid{grid-template-columns:repeat(3,1fr)}.force-browser.view-name .force-tile{aspect-ratio:auto;min-height:46px;padding:.45rem .4rem .4rem}.force-browser.view-name .pname{display:none}.ds-ctrls{--cc: var(--accent);display:grid;gap:1.4rem}.ctrl-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.ctrl-label{font-family:var(--mono);font-size:.6rem;font-weight:500;letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-3)}.ctrl-val{font-family:var(--mono);font-size:.74rem;font-weight:500;letter-spacing:.02em;color:var(--cc);font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:.18em}.ctrl-val .unit{font-size:.56rem;color:var(--text-4);letter-spacing:.08em}.ctrl-sub{font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4)}.ds-tint-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.ds-tint-row .ctrl-sub{margin-right:.3rem}.ds-tint{--cc: var(--accent);width:24px;height:24px;border-radius:50%;position:relative;cursor:pointer;background:color-mix(in srgb,var(--cc) 22%,transparent);border:1px solid color-mix(in srgb,var(--cc) 45%,transparent);transition:background .16s,border-color .16s,box-shadow .16s}.ds-tint:hover{background:color-mix(in srgb,var(--cc) 38%,transparent);border-color:color-mix(in srgb,var(--cc) 70%,transparent)}.ds-tint.on{background:var(--cc);border-color:var(--cc);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc) 26%,transparent)}.ds-slider{--pct: .5;width:100%}.ds-slider-track{position:relative;height:22px;display:flex;align-items:center;cursor:pointer;touch-action:none}.ds-slider-rail{position:absolute;left:0;right:0;height:5px;border-radius:99px;background:#ffffff12;box-shadow:inset 0 1px 1px #00000080;overflow:hidden}.ds-slider-fill{position:absolute;left:0;top:0;bottom:0;width:calc(9px + (100% - 18px) * var(--pct));border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 28%,transparent),var(--cc));box-shadow:0 0 14px -2px var(--cc)}.ds-slider-thumb{position:absolute;top:50%;left:calc(9px + (100% - 18px) * var(--pct));width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid var(--cc);box-shadow:0 0 0 4px color-mix(in srgb,var(--cc) 16%,transparent),0 0 18px -3px var(--cc),0 2px 6px #00000080;transition:transform .12s var(--ease),box-shadow .18s}.ds-slider-track:active .ds-slider-thumb,.ds-slider-track:focus-visible .ds-slider-thumb{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 6px color-mix(in srgb,var(--cc) 22%,transparent),0 0 26px -2px var(--cc)}.ds-slider-track:focus-visible{outline:none}.ds-slider-ticks{display:flex;justify-content:space-between;margin-top:.55rem;padding:0 8px}.ds-slider-ticks span{width:1px;height:5px;background:var(--line-2)}.ds-slider-ticks span:first-child,.ds-slider-ticks span:last-child{height:8px;background:var(--line-3)}.ds-slider.ds-meter .ds-slider-track{height:30px}.ds-slider.ds-meter .ds-slider-rail{height:10px}.ds-slider.ds-meter .ds-slider-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 14%,transparent),var(--cc));box-shadow:0 0 18px -1px var(--cc),inset 0 0 8px color-mix(in srgb,var(--cc) 40%,transparent)}.ds-slider.ds-meter .ds-slider-bubble{position:absolute;top:-4px;left:calc(9px + (100% - 18px) * var(--pct));transform:translate(-50%,-100%);font-family:var(--mono);font-size:.62rem;font-variant-numeric:tabular-nums;color:#04050a;background:var(--cc);padding:2px 7px;border-radius:5px;white-space:nowrap;box-shadow:0 0 16px -3px var(--cc);pointer-events:none}.ds-slider.ds-meter .ds-slider-bubble:after{content:"";position:absolute;left:50%;bottom:-3px;width:6px;height:6px;background:var(--cc);transform:translate(-50%) rotate(45deg)}.ds-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--line-2);border-radius:var(--r-md);background:#ffffff05;overflow:hidden;transition:border-color .2s,box-shadow .2s}.ds-stepper:focus-within{border-color:color-mix(in srgb,var(--cc) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc) 13%,transparent)}.ds-stepper button{width:36px;display:grid;place-items:center;color:var(--text-3);font-size:1.1rem;line-height:1;cursor:pointer;transition:color .15s,background .15s}.ds-stepper button:hover{color:var(--cc);background:color-mix(in srgb,var(--cc) 12%,transparent)}.ds-stepper button:active{background:color-mix(in srgb,var(--cc) 22%,transparent)}.ds-stepper-mid{display:inline-flex;align-items:baseline;gap:.2em;padding:0 .5rem;border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:72px;justify-content:center}.ds-stepper-mid input{width:100%;min-width:0;text-align:center;background:none;border:none;outline:none;font-family:var(--mono);font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--text);padding:.55rem 0}.ds-stepper-mid .unit{font-family:var(--mono);font-size:.56rem;color:var(--text-4);letter-spacing:.06em}.ds-dial{--ang: 0deg;width:104px;height:104px;position:relative;border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 50%,var(--bg-subtle),var(--bg-canvas));border:1px solid var(--line-2);box-shadow:inset 0 2px 10px #00000080}.ds-dial:active{cursor:grabbing}.ds-dial:focus-visible{outline:none;border-color:var(--cc);box-shadow:inset 0 2px 10px #00000080,0 0 0 3px color-mix(in srgb,var(--cc) 16%,transparent)}.ds-dial-tick{position:absolute;top:50%;left:50%;width:1px;height:6px;background:var(--line-3);transform-origin:50% 50%}.ds-dial-tick.major{height:9px;width:1.5px;background:var(--text-4)}.ds-dial-needle{position:absolute;top:50%;left:50%;width:50%;height:2px;transform-origin:0 50%;transform:rotate(var(--ang));background:linear-gradient(90deg,transparent,var(--cc));border-radius:99px}.ds-dial-needle:after{content:"";position:absolute;right:0;top:50%;width:12px;height:12px;transform:translate(50%,-50%);border-radius:50%;background:#fff;border:2px solid var(--cc);box-shadow:0 0 14px -2px var(--cc)}.ds-dial-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--bg-card);border:1px solid var(--line)}.ds-dial-hub .deg{font-family:var(--mono);font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--cc);line-height:1}.ds-dial-hub .cap{font-family:var(--mono);font-size:.46rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);margin-top:3px}.ds-range{--lo: .25;--hi: .75;width:100%}.ds-range-track{position:relative;height:22px;display:flex;align-items:center;touch-action:none}.ds-range-rail{position:absolute;left:0;right:0;height:5px;border-radius:99px;background:#ffffff12;box-shadow:inset 0 1px 1px #00000080}.ds-range-span{position:absolute;height:5px;border-radius:99px;left:calc(9px + (100% - 18px) * var(--lo));right:calc((100% - 18px) * (1 - var(--hi)) + 9px);background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 40%,transparent),var(--cc));box-shadow:0 0 14px -3px var(--cc)}.ds-range-thumb{position:absolute;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid var(--cc);cursor:grab;box-shadow:0 0 0 4px color-mix(in srgb,var(--cc) 16%,transparent),0 0 16px -3px var(--cc),0 2px 6px #00000080;transition:transform .12s var(--ease)}.ds-range-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.16)}.ds-range-thumb.lo{left:calc(9px + (100% - 18px) * var(--lo))}.ds-range-thumb.hi{left:calc(9px + (100% - 18px) * var(--hi))}.ds-select{position:relative;display:inline-block;min-width:200px}.ds-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .9rem;border:1px solid var(--line-2);border-radius:var(--r-md);background:#ffffff05;color:var(--text);font-size:.9rem;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ds-select-btn:hover{border-color:var(--line-3)}.ds-select.open .ds-select-btn{border-color:color-mix(in srgb,var(--cc) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc) 13%,transparent)}.ds-select-chev{color:var(--text-4);font-size:.7rem;transition:transform .2s var(--ease)}.ds-select.open .ds-select-chev{transform:rotate(180deg);color:var(--cc)}.ds-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;padding:.35rem;border:1px solid var(--line-2);border-radius:var(--r-md);background:color-mix(in srgb,var(--bg-surface) 96%,transparent);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);display:grid;gap:1px;transform-origin:top;animation:dsSelIn .16s var(--ease)}@keyframes dsSelIn{0%{opacity:0;transform:translateY(-4px) scaleY(.96)}to{opacity:1;transform:none}}.ds-select-opt{display:flex;align-items:center;gap:.55rem;padding:.55rem .6rem;border-radius:var(--r-sm);color:var(--text-2);font-size:.88rem;text-align:left;cursor:pointer;transition:background .14s,color .14s}.ds-select-opt:hover{background:#ffffff0a;color:var(--text)}.ds-select-opt .dot{width:7px;height:7px;border-radius:50%;background:var(--line-3);flex:none;transition:background .14s,box-shadow .14s}.ds-select-opt.on{color:var(--text);background:color-mix(in srgb,var(--cc) 13%,transparent)}.ds-select-opt.on .dot{background:var(--cc);box-shadow:0 0 8px -1px var(--cc)}
