.ks-root{--ks-open-dur:.25s;--ks-close-dur:.15s;--ks-ease:cubic-bezier(.22, 1, .36, 1);--ks-scale:.96;z-index:500;pointer-events:none;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ks-root.is-open,.ks-root.is-closing{pointer-events:auto}.ks-backdrop{cursor:pointer;background:var(--color-d-overlay-strong);opacity:0;transition:opacity var(--ks-open-dur) var(--ks-ease);border:0;margin:0;padding:0;position:absolute;inset:0}.ks-root.is-open .ks-backdrop{opacity:1}.ks-root.is-closing .ks-backdrop{opacity:0;transition-duration:var(--ks-close-dur)}.ks-panel{z-index:1;border:1px solid var(--color-d-line);background:var(--color-d-surface2);width:min(720px,100vw - 32px);max-height:min(88vh,820px);box-shadow:0 16px 48px color-mix(in oklab, var(--color-d-ink) 12%, transparent);color:var(--color-d-ink);font-family:var(--d-sans);opacity:0;transform:scale(var(--ks-scale)) translateY(6px);transition:opacity var(--ks-open-dur) var(--ks-ease), transform var(--ks-open-dur) var(--ks-ease);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.ks-root.is-open .ks-panel{opacity:1;transform:scale(1)translateY(0)}.ks-root.is-closing .ks-panel{opacity:0;transform:scale(var(--ks-scale)) translateY(4px);transition-duration:var(--ks-close-dur)}.ks-head{border-bottom:1px solid var(--color-d-line);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.ks-title{letter-spacing:-.02em;color:var(--color-d-ink);margin:0;font-size:15px;font-weight:600}.ks-sub{color:var(--color-d-ink4);letter-spacing:-.01em;margin:4px 0 0;font-size:12px}.ks-close{width:30px;height:30px;color:var(--color-d-ink4);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;transition:background .12s,color .12s;display:grid}.ks-close:hover{background:var(--color-d-hover);color:var(--color-d-ink2)}.ks-board{background:radial-gradient(120% 80% at 50% 0%, color-mix(in oklab, var(--color-d-accent) 8%, transparent), transparent 55%), var(--color-d-surface);flex-direction:column;flex:none;gap:6px;padding:22px 22px 12px;display:flex}.ks-row{align-items:stretch;gap:5px;width:100%;display:flex}.ks-key{--key-h:36px;height:var(--key-h);border:1px solid var(--color-d-line);background:linear-gradient(180deg, var(--color-d-surface2) 0%, var(--color-d-bg) 100%);min-width:0;box-shadow:0 1px 0 #ffffff8c inset, 0 1px 2px color-mix(in oklab, var(--color-d-ink) 6%, transparent);color:var(--color-d-ink4);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border-radius:8px;flex:1 1 0;place-items:center;font-size:11px;font-weight:500;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:grid}@supports (color:lab(0% 0 0)){.ks-key{box-shadow:0 1px 0 lab(100% -.0000298023 .0000119209/.55) inset, 0 1px 2px color-mix(in oklab, var(--color-d-ink) 6%, transparent)}}.ks-key>span{line-height:1}.ks-key.is-sm{flex:1.35 1 0}.ks-key.is-md{flex:1.7 1 0}.ks-key.is-lg{flex:2.2 1 0}.ks-key.is-space{flex:6.5 1 0}.ks-key.is-ghost{visibility:hidden;pointer-events:none;box-shadow:none;background:0 0;border:0}.ks-key.is-muted{color:var(--color-d-ink5);border-color:var(--color-d-line2);background:var(--color-d-surface);box-shadow:none}.ks-key.is-lit{color:var(--color-d-on-accent);border-color:color-mix(in oklab, var(--color-d-accent) 55%, var(--color-d-line));background:linear-gradient(180deg, var(--color-d-accent-hover) 0%, var(--color-d-accent) 100%);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-d-accent) 28%, transparent), 0 0 16px color-mix(in oklab, var(--color-d-accent) 22%, transparent), 0 1px 0 #ffffff59 inset;transform:translateY(-1px)}@supports (color:lab(0% 0 0)){.ks-key.is-lit{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-d-accent) 28%, transparent), 0 0 16px color-mix(in oklab, var(--color-d-accent) 22%, transparent), 0 1px 0 lab(100% -.0000298023 .0000119209/.35) inset}}.ks-list{border-top:1px solid var(--color-d-line);scrollbar-width:thin;scrollbar-color:var(--color-d-line) transparent;flex:1;grid-template-columns:1fr 1fr;gap:2px;min-height:0;padding:12px 14px 16px;display:grid;overflow-y:auto}.ks-item{min-height:38px;color:var(--color-d-ink3);font:inherit;text-align:left;cursor:default;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:12.5px;transition:background .12s,color .12s;display:flex}.ks-item:hover,.ks-item:focus-visible,.ks-item.is-active{background:var(--color-d-hover);color:var(--color-d-ink);outline:none}.ks-item-label{letter-spacing:-.015em;font-weight:500}.ks-item-badge{border:1px solid var(--color-d-line);background:var(--color-d-surface);font-family:var(--d-mono);color:var(--color-d-ink4);letter-spacing:.01em;white-space:nowrap;border-radius:8px;flex:none;padding:3px 7px;font-size:10px;font-weight:500;transition:border-color .12s,color .12s,background .12s}.ks-item.is-active .ks-item-badge,.ks-item:hover .ks-item-badge,.ks-item:focus-visible .ks-item-badge{border-color:color-mix(in oklab, var(--color-d-accent) 40%, var(--color-d-line));background:var(--color-d-accent-muted);color:color-mix(in oklab, var(--color-d-accent) 70%, var(--color-d-ink))}@media (max-width:640px){.ks-list{grid-template-columns:1fr}.ks-key{--key-h:30px;border-radius:8px;font-size:10px}.ks-board{gap:4px;padding:16px 12px 8px}.ks-row{gap:3px}}@media (prefers-reduced-motion:reduce){.ks-backdrop,.ks-panel,.ks-key,.ks-item,.ks-item-badge,.ks-close{transition:none!important}.ks-key.is-lit{transform:none}}