.palette{width:min(640px, calc(100vw - var(--space-32)));max-height:min(560px, calc(100dvh - var(--space-64)));background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-2);margin:min(12vh,96px) auto auto;padding:0;overflow:hidden}.palette[open]{animation:dialog-in var(--dur-base) var(--ease);flex-direction:column;display:flex}.pal-search{align-items:center;gap:var(--space-12);padding:0 var(--space-16);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.pal-search:focus-within{box-shadow:inset 0 -2px 0 var(--focus-ring)}.pal-search-icon{color:var(--muted);flex-shrink:0}.pal-input{min-width:0;height:56px;color:var(--text);font:inherit;font-size:var(--fs-body);line-height:var(--lh-body);background:0 0;border:0;flex:1;padding:0}.pal-input::placeholder{color:var(--muted);opacity:1}.pal-input:focus,.pal-input:focus-visible{outline:none}.pal-list{overscroll-behavior:contain;min-height:0;padding:var(--space-8);scroll-padding-block:var(--space-8);flex:1;overflow-y:auto}.pal-group+.pal-group{margin-top:var(--space-8)}.pal-group-title{padding:var(--space-8) var(--space-12) var(--space-4);color:var(--muted)}.pal-opt{align-items:center;gap:var(--space-12);min-height:var(--row-h);padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--dur-fast) var(--ease);display:flex}.pal-opt.is-active{background-color:var(--sunken)}.pal-caret{color:var(--muted);flex-shrink:0}.pal-opt:not(.is-active):not(.pal-action) .pal-caret{visibility:hidden}.pal-opt.is-active .pal-caret{color:var(--text)}.pal-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pal-title{color:var(--text)}.pal-field{color:var(--muted)}.pal-snippet{color:var(--text)}.pal-meta{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);font-variant-numeric:tabular-nums;flex-shrink:0;overflow:hidden}.pal-keys{flex-shrink:0}.pal-empty{padding:var(--space-24) var(--space-12);color:var(--muted);text-align:center}.pal-foot{gap:var(--space-8) var(--space-16);padding:var(--space-8) var(--space-16);border-top:1px solid var(--border);background-color:var(--sunken);color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);flex-wrap:wrap;flex-shrink:0;display:flex}.pal-foot>span{align-items:center;gap:var(--space-4);display:inline-flex}.keys{justify-content:flex-end;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:inline-flex}.keys-then,.keys-or{color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small)}.shortcuts-body{gap:var(--space-24);padding:var(--space-16) var(--space-16) var(--space-32)}.shortcuts-group{gap:var(--space-4);display:grid}.shortcuts-group-title{color:var(--muted)}.shortcuts-list{display:grid}.shortcut{justify-content:space-between;align-items:center;gap:var(--space-16);min-height:40px;padding:var(--space-8) 0;border-top:1px solid var(--border);display:flex}.shortcut:first-child{border-top:0}.shortcut dt{flex-shrink:0;order:2;max-width:55%}.shortcut dd{order:1;min-width:0}@media (width<=767px){.palette{margin:var(--space-8) auto auto;width:calc(100vw - var(--space-16));max-height:calc(100dvh - var(--space-16))}.pal-foot,.pal-keys{display:none}.pal-meta{max-width:40%}}@media (prefers-reduced-motion:reduce){.palette[open]{animation:none}.pal-opt{transition:none}}