.palette{overflow:hidden}.palette-input{width:100%;height:56px;font-size:var(--fs-5);font-family:var(--font-body);border:0;border-bottom:1px solid var(--border);background:0 0;outline:none;padding:0 20px}[data-theme=codex] .palette-input{border-bottom-color:var(--edge-soft)}.palette-list{max-height:52vh;padding:6px;overflow:auto}.palette-item{text-align:left;border-radius:var(--radius);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:7px 10px;display:flex}.palette-item:active{transform:translateY(1px)}.palette-item[aria-selected=true]{background:var(--panel-3)}[data-theme=codex] .palette-item[aria-selected=true]{box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(90deg,#4a3d2288,#4a3d2222)}.palette-icon{width:30px;height:30px;color:var(--muted);flex:none;place-items:center;display:grid}.palette-item[aria-selected=true] .palette-icon{color:var(--accent)}.palette-label{font-size:var(--fs-4);line-height:var(--lh-ui)}.palette-name{font-family:var(--font-name);font-weight:var(--name-weight);font-size:var(--fs-5)}.palette-name small{font-family:var(--font-ui);font-weight:400}.palette-hint{color:var(--muted);font-size:var(--fs-2);white-space:nowrap;text-overflow:ellipsis;max-width:45%;margin-left:auto;overflow:hidden}.palette-foot{border-top:1px solid var(--border);font-size:var(--fs-1);font-family:var(--font-ui);gap:14px;padding:8px 14px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(-8px)scale(.99)}}.palette-group{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.12em;color:var(--subtle);font-family:var(--font-ui);padding:10px 10px 4px}[data-theme=codex] .palette-group{font-family:var(--font-display);text-transform:none;font-variant:small-caps;color:var(--accent);font-size:.875rem}@media (prefers-reduced-motion:reduce){.palette-item:active{transform:none}}.palette-item{min-height:44px}.palette-foot{flex-wrap:wrap;gap:8px 12px}.palette-label{overflow-wrap:anywhere;min-width:0}@media (width<=600px){.palette-item{flex-wrap:wrap;gap:8px}.palette-hint{white-space:normal;max-width:100%;margin-left:38px}.palette-input{font-size:max(1rem, var(--fs-4));padding-inline:12px}}