.pal-picker{user-select:none;flex-direction:column;gap:.35rem;width:100%;display:flex}.pal-picker-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.pal-picker-slot{background-color:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius);min-height:220px;color:var(--text);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1.5rem;transition:border-color .15s,background-color .15s;display:flex;position:relative}.pal-picker.compact .pal-picker-slot{text-align:left;border-style:solid;border-color:var(--border);background-color:var(--surface-2);flex-direction:row;justify-content:flex-start;height:42px;min-height:42px;padding:.4rem .85rem}.pal-picker.compact .pal-picker-empty{flex-direction:row;justify-content:flex-start;gap:.5rem}.pal-picker.compact .pal-picker-avatar-placeholder{display:none}.pal-picker.compact .pal-picker-placeholder-text{letter-spacing:normal;text-transform:none;color:var(--text-faint);font-size:.82rem;font-weight:500}.pal-picker.compact .pal-picker-filled{flex-direction:row;justify-content:flex-start;gap:.5rem}.pal-picker.compact .pal-picker-icon{border-radius:4px;width:28px;height:28px}.pal-picker.compact .pal-picker-info{flex-direction:row;align-items:center;gap:.5rem;width:auto}.pal-picker.compact .pal-picker-name{font-size:.85rem}.pal-picker-slot:hover{border-color:var(--accent);background-color:var(--surface-2)}.pal-picker-slot:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--accent)}.pal-picker-slot.has-value{border-style:solid;border-color:var(--border);background-color:var(--surface-2);justify-content:center;align-items:center}.pal-picker-slot.has-value:hover{border-color:var(--border-strong)}.pal-picker-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;width:100%;display:flex}.pal-picker-empty[hidden]{display:none!important}.pal-picker-avatar-placeholder{border:1px dashed var(--border-strong);width:56px;height:56px;font-size:1.5rem;font-family:var(--font-display);color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;display:flex}.pal-picker-placeholder-text{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.78rem;font-weight:700}.pal-picker-filled{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.pal-picker-filled[hidden]{display:none!important}.pal-picker-icon{border-radius:var(--radius);background-color:var(--surface-3);border:1px solid var(--border);object-fit:cover;flex-shrink:0;width:72px;height:72px}.pal-picker.compact .pal-picker-icon{width:44px;height:44px}.pal-picker-info{flex-direction:column;align-items:center;gap:.2rem;width:100%;display:flex}.pal-picker-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1rem;font-weight:700;overflow:hidden}.pal-picker-paldex{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.pal-picker-actions{align-items:center;gap:.5rem;display:flex}.pal-picker-change-tag{letter-spacing:.06em;border-radius:var(--radius-sm);background-color:var(--surface-3);color:var(--text-muted);border:1px solid var(--border);padding:.25rem .6rem;font-size:.68rem;font-weight:700}.pal-picker-clear-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:28px;height:28px;color:var(--text-faint);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:1.1rem;transition:color .15s,background-color .15s,border-color .15s;display:flex}.pal-picker-clear-btn:hover{color:var(--bad);background-color:var(--surface-3);border-color:var(--bad)}@media (width<=768px){.pal-picker-slot{min-height:140px;padding:.75rem .5rem}.pal-picker.compact .pal-picker-slot{height:42px;min-height:42px;padding:.4rem .85rem}.pal-picker-avatar-placeholder{width:40px;height:40px;font-size:1.1rem}.pal-picker-placeholder-text{font-size:.7rem}.pal-picker-icon{width:52px;height:52px}.pal-picker-name{font-size:.88rem}}.pal-picker-modal{z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pal-picker-modal[hidden]{display:none!important}.pal-picker-backdrop{background-color:var(--scrim);backdrop-filter:blur(4px);z-index:-1;position:fixed;inset:0}.pal-picker-dialog{background-color:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:85vh;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.pal-picker-dialog-header{border-bottom:1px solid var(--border);background-color:var(--surface-2);align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.pal-picker-search-wrap{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;align-items:center;gap:.5rem;padding:0 .65rem;display:flex;position:relative}.pal-picker-search-wrap:focus-within{border-color:var(--accent);outline:2px solid var(--focus);outline-offset:-1px}.pal-picker-search-wrap svg{color:var(--text-muted);flex-shrink:0}.pal-picker-search-input{width:100%;height:38px;color:var(--text);background:0 0;border:none;outline:none;font-size:.9rem}.pal-picker-search-input::placeholder{color:var(--text-faint)}.pal-picker-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.1rem}.pal-picker-search-clear:hover{color:var(--text)}.pal-picker-close-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.pal-picker-close-btn:hover{background-color:var(--surface-3);color:var(--text)}.pal-picker-chips{border-bottom:1px solid var(--border);scrollbar-width:thin;white-space:nowrap;background-color:var(--surface);align-items:center;gap:.35rem;padding:.65rem 1rem;display:flex;overflow-x:auto}.pal-picker-chip{border-radius:var(--radius-sm);background-color:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:.25rem .65rem;font-size:.72rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.pal-picker-chip:hover{background-color:var(--surface-3);color:var(--text)}.pal-picker-chip.active{background-color:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.pal-picker-grid-wrap{max-height:55vh;padding:.85rem 1rem;overflow-y:auto}.pal-picker-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;display:grid}.pal-picker-item{background-color:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:42px;height:42px;padding:2px;transition:transform .1s,border-color .15s,background-color .15s;display:flex}.pal-picker-item:hover,.pal-picker-item:focus{border-color:var(--accent);background-color:var(--surface-3);outline:2px solid var(--focus);transform:scale(1.05)}.pal-picker-item img{object-fit:cover;border-radius:2px;width:36px;height:36px}.pal-picker-empty-results{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}@media (width<=600px){.pal-picker-dialog{max-height:90vh}.pal-picker-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px}.pal-picker-item{width:38px;height:38px}.pal-picker-item img{width:32px;height:32px}}