.kb-stage{background:var(--grid);padding:12px 24px 32px;position:relative}.kb-top{border-bottom:1px solid var(--div);background:var(--tile);height:40px;color:var(--ink-3);white-space:nowrap;align-items:center;gap:16px;margin:-12px -24px 24px;padding:0 24px;font-size:12px;line-height:16px;display:flex}.kb-cue{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=1179px){.kb-top{white-space:normal;height:auto;min-height:40px;padding-top:8px;padding-bottom:8px}.kb-cue{overflow:visible}}.kb-leg{gap:12px;margin-left:auto;display:flex}.kb-leg>span{align-items:center;gap:6px;display:flex}.kb-leg i{background:var(--lu);width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--lu-e);border-radius:3px}.kb-leg i.h{background:var(--lh);box-shadow:inset 0 0 0 1px var(--lh-e), var(--lh-g)}.kb-leg i.d{background:var(--focus);box-shadow:none}.kb-leg i.w{background:repeating-linear-gradient(-45deg, var(--amber-tint) 0 2px, var(--hatch) 2px 3px);box-shadow:inset 0 0 0 1px var(--amber)}.kbt{--lu:var(--k);--lu-e:var(--k-line);--lh:var(--k-hit);--lh-e:var(--k-hit-line);--lh-g:0 0 0 transparent}.kbt[data-kb=retro]{--lu:#f3ecde;--lu-e:#c1b79f;--lh:#b7d5c3;--lh-e:#689c80}.kbt[data-kb=clear]{--lu:#e4eaf2;--lu-e:#9aa9c0;--lh:#b1e2c7;--lh-e:#00ae72;--lh-g:0 0 6px #00a96f99}.kbt[data-kb=walnut]{--lu:#f8f2e7;--lu-e:#cdbfa6;--lh:#c5dbce;--lh-e:#7da68f}.kbt[data-kb=night]{--lu:#1d2026;--lu-e:#3a3e46;--lh:#1b221e;--lh-e:#00bb7b;--lh-g:0 0 6px #00bb7bcc}.kbt[data-kb=macaron]{--lu:#fffbf5;--lu-e:#e2d2c1;--lh:#93d5b1;--lh-e:#3b9568}.kb-bar{border-top:1px solid var(--div);min-height:48px;color:var(--ink-3);white-space:nowrap;flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;padding:7px 12px 8px;font-size:12px;display:flex}.kb-bar .mini-seg button{height:24px}.kb-sep{background:var(--div);width:1px;height:16px}.kb-th{align-items:center;gap:8px;display:flex}.kb-sw{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;width:64px;height:28px;padding:0;position:relative}.kb-sw svg{display:block}.kb-sw:after{content:"";border-radius:7px;transition:box-shadow .15s;position:absolute;inset:-3px;box-shadow:0 0 0 1px #0000}.kb-sw:hover:after{box-shadow:0 0 0 1px var(--ink-4)}.kb-sw.on:after{box-shadow:0 0 0 2px var(--acc)}[data-theme=dark] .kb-sw{--tbm-cs:#1a1e37;--tbm-rim:#343a66;--tbm-gap:#12152a;--tbm-a:#3c3f46;--tbm-f:#3c3f46;--tbm-sp:#3c3f46;--tbm-m:#2e3137;--tbm-acc:#3c3f46}.kb-pick{position:relative}.kb-pick>summary{background:var(--ctl);height:28px;box-shadow:inset 0 0 0 1px var(--line);font:600 12px/16px var(--sans);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:6px;padding:0 6px 0 10px;list-style:none;display:flex}.kb-pick>summary::-webkit-details-marker{display:none}.kb-pick>summary:hover,.kb-pick[open]>summary{box-shadow:inset 0 0 0 1px var(--ink-4)}.kb-pick>summary i{color:var(--ink-4);font-style:normal}.kb-pv{display:inline-grid}.kb-pv>span{visibility:hidden;grid-area:1/1}.kb-pv>span.on{visibility:visible}.kb-pick>summary svg{fill:none;width:16px;height:16px;stroke:var(--ink-3);stroke-width:1.5px;transition:transform .15s}.kb-pick[open]>summary svg{transform:rotate(180deg)}.kb-pan{z-index:60;backdrop-filter:blur(20px)saturate(1.8);width:max-content;max-width:calc(100vw - 32px);animation:pickIn .15s var(--ease);background:#101216cc;border-radius:8px;grid-template-columns:auto auto;align-items:center;gap:8px 12px;padding:12px;display:grid;position:absolute;bottom:36px;left:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff14}.kb-pan.r{left:auto;right:0}@keyframes pickIn{0%{opacity:0;transform:translateY(4px)}}.kb-pan>span{color:#ffffffa3;font-size:12px}.kb-pan .mini-seg{background:#ffffff14}.kb-pan .mini-seg button{color:#ffffffb8}.kb-pan .mini-seg button:hover{color:#fff}.kb-pan .mini-seg button.on{color:#fff;box-shadow:none;background:#ffffff29}@media (prefers-reduced-motion:reduce){.kb-pan{animation:none}.kb-pick>summary svg{transition:none}}.kb-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.kb-bar .btn{height:32px}@media (width<=1023px){.kb-top{flex-wrap:wrap;row-gap:6px}.kb-leg{flex-wrap:wrap;gap:6px 12px}}@media (width<=759px){.kb-stage{padding:12px}.kb-top{white-space:normal;height:auto;min-height:40px;margin:-12px -12px 12px;padding:8px 12px}.kb-cue{overflow:visible}.kb-sep{display:none}.kb-th{grid-template-columns:auto repeat(3,64px);gap:8px;display:grid}.kb-th>span{grid-row:span 2}}