.palette{border:1px solid var(--rule-strong);border-radius:var(--radius-l);background:var(--surface);width:min(640px,100vw - 24px);max-height:min(620px,100dvh - 24px);color:var(--ink);box-shadow:var(--shadow-pop);margin:min(12vh,120px) auto auto;padding:0;overflow:hidden}.palette[open]{flex-direction:column;animation:.14s ease-out dialog-in;display:flex}.palette::backdrop{background:var(--overlay);backdrop-filter:blur(2px)}.palette__head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule);background:linear-gradient(180deg, var(--surface-2), var(--surface));display:flex}.palette__head>svg{color:var(--gold);flex:none}.palette__input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:1.15rem}.palette__input::placeholder{color:var(--ink-3);font-style:italic}.palette__input::-webkit-search-cancel-button{display:none}.palette__esc{border:1px solid var(--rule-strong);border-radius:var(--radius-s);background:var(--surface-2);color:var(--ink-3);font-family:var(--font-mono);cursor:pointer;border-bottom-width:2px;flex:none;padding:2px 8px;font-size:.72rem}.palette__list{overscroll-behavior:contain;min-height:0;padding:var(--space-1) var(--space-2) var(--space-2);flex:1;overflow-y:auto}.palette__section{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-1);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem;display:flex}.palette__spin{border:2px solid var(--gold-soft);border-top-color:var(--gold);border-radius:50%;width:10px;height:10px;animation:.7s linear infinite palette-spin}@keyframes palette-spin{to{transform:rotate(360deg)}}.pal-opt{align-items:center;gap:var(--space-3);padding:7px var(--space-3);border-radius:var(--radius);cursor:pointer;grid-template-columns:22px minmax(0,1fr) auto;scroll-margin:8px;display:grid}.pal-opt.is-active{background:color-mix(in oklab, var(--accent) 11%, var(--surface-2));box-shadow:inset 3px 0 0 var(--accent)}.pal-opt__icon{color:var(--ink-3);place-items:center;display:grid}.pal-opt__icon svg{width:18px;height:18px}.pal-opt.is-active .pal-opt__icon{color:var(--accent)}.pal-opt__main{flex-direction:column;min-width:0;display:flex}.pal-opt__label{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pal-opt__sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.pal-opt__hint{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.pal-opt__enter{visibility:hidden}.pal-opt.is-active .pal-opt__enter{visibility:visible}.palette__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--ink-3)}.palette__empty strong{font-family:var(--font-display);color:var(--ink-2);letter-spacing:.04em;display:block}.palette__foot{gap:var(--space-1) var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--rule);background:var(--surface-sunk);color:var(--ink-3);flex-wrap:wrap;font-size:.78rem;display:flex}@media (width<=600px){.palette{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin-top:8px}.palette__foot,.pal-opt__hint{display:none}}:root:not([data-style=codex]) .palette{border-color:var(--rule)}:root:not([data-style=codex]) .palette::backdrop{backdrop-filter:none}:root:not([data-style=codex]) .palette__head{background:var(--surface)}:root:not([data-style=codex]) .palette__head>svg{color:var(--ink-3)}:root:not([data-style=codex]) .palette__input::placeholder{font-style:normal}:root:not([data-style=codex]) .palette__esc{border-bottom-width:1px;border-radius:0;font-size:.875rem}:root:not([data-style=codex]) .palette__section{font-family:var(--font-body);color:var(--ink-2);font-size:.875rem;font-weight:600}:root:not([data-style=codex]) .palette__spin{border-color:var(--rule);border-top-color:var(--accent)}:root:not([data-style=codex]) .pal-opt{padding:var(--space-2) var(--space-4)}:root:not([data-style=codex]) .pal-opt.is-active{background:var(--surface-sunk)}:root:not([data-style=codex]) :is(.pal-opt__sub,.pal-opt__hint,.palette__foot){font-size:.875rem}:root:not([data-style=codex]) .palette__empty strong{font-family:var(--font-body);font-weight:600}