*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#a0d2ffd9;-webkit-font-smoothing:antialiased;background:#07080f;height:100%;font-family:ui-monospace,Cascadia Code,Consolas,monospace;overflow-x:hidden}#app{min-height:100vh}.bd-panel{-webkit-backdrop-filter:blur(10px);background:#0a0d1ceb;border:1px solid #4a9eff29;border-radius:8px;flex-shrink:0;width:268px;font-size:11px;position:sticky;top:24px;overflow:hidden;box-shadow:0 8px 32px #0000008c}.bd-panel-header{letter-spacing:.12em;color:#a0d2ffe6;background:#0f142df2;border-bottom:1px solid #4a9eff24;justify-content:space-between;align-items:baseline;padding:9px 12px;font-weight:600;display:flex}.bd-kbd-hint{letter-spacing:.03em;color:#78aadc73;font-size:8.5px;font-weight:400}.bd-section{border-bottom:1px solid #4a9eff12;padding:9px 12px 11px}.bd-section:last-child{border-bottom:none}.bd-section-title{letter-spacing:.16em;text-transform:uppercase;color:#78aadc99;margin-bottom:8px;font-size:9px}.bd-segmented{border:1px solid #4a9eff38;border-radius:5px;display:inline-flex;overflow:hidden}.bd-segmented button{font:inherit;color:#96c3f08c;cursor:pointer;background:#0c1226b3;border:none;border-right:1px solid #4a9eff1f;padding:4px 11px;transition:background .12s,color .12s}.bd-segmented button:last-child{border-right:none}.bd-segmented button:hover{color:#b4dcffe6}.bd-segmented button.active{color:#d2ebff;background:#264c91d9}.bd-section>.bd-segmented{display:flex}.bd-section>.bd-segmented button{flex:1}.bd-slider-row{grid-template-columns:74px 1fr 26px;align-items:center;gap:8px;margin:6px 0;transition:opacity .15s;display:grid}.bd-slider-row label{color:#96c3f0cc;cursor:help}.bd-slider-value{text-align:right;color:#7ec8ff;font-variant-numeric:tabular-nums}.bd-disabled{opacity:.3;pointer-events:none}input[type=range]{appearance:none;cursor:pointer;background:#4a9eff40;border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#4a9eff;border:2px solid #0a1228;border-radius:50%;width:12px;height:12px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range]::-moz-range-thumb{background:#4a9eff;border:2px solid #0a1228;border-radius:50%;width:10px;height:10px}.bd-chip-row{flex-wrap:wrap;gap:5px;margin:4px 0;display:flex}.bd-chip{font:inherit;color:#96c3f080;cursor:pointer;background:#0c122699;border:1px solid #4a9eff38;border-radius:20px;padding:3px 9px;transition:all .12s}.bd-chip:hover{border-color:#4a9eff80}.bd-chip.active{color:#d2ebff;background:#264c91cc;border-color:#64b4ff99}.bd-btn-row{gap:6px;margin:7px 0 4px;display:flex}.bd-btn{font:inherit;color:#aad7ffd9;cursor:pointer;background:#1928508c;border:1px solid #4a9eff40;border-radius:5px;flex:1;padding:5px 10px;transition:all .12s}.bd-btn:hover{background:#325aa099;border-color:#4a9eff80}.bd-btn:active{transform:translateY(1px)}.bd-btn-primary{color:#dcf0ff;background:#265aaabf;border-color:#64b4ff80}.bd-preset-row{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.bd-btn-preset{flex:initial;color:#8cbef0b3;background:#0f183299;border-color:#4a9eff2e;padding:3px 8px;font-size:10px}.bd-inline-row{justify-content:space-between;align-items:center;gap:8px;margin:7px 0 3px;display:flex}.bd-inline-row label{color:#96c3f0cc;cursor:help}.bd-tooltip{z-index:2000;color:#b4dcffeb;pointer-events:none;background:#080c1cfa;border:1px solid #4a9eff59;border-radius:5px;max-width:250px;padding:7px 10px;font-size:10.5px;line-height:1.55;display:none;position:fixed;box-shadow:0 6px 24px #0009}.bd-layout{justify-content:center;align-items:flex-start;gap:18px;min-height:100vh;padding:24px 20px;display:flex}@media (width<=1020px){.bd-layout{flex-direction:column;align-items:center}.bd-panel{width:100%;max-width:680px;position:static}}