.icon-picker-overlay{background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.icon-picker{background:var(--bg-surface);border:1px solid var(--border-strong);width:480px;max-width:calc(100vw - 48px);max-height:70vh;box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.icon-picker-head{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.icon-picker-input{color:var(--text-strong);background:0 0;border:none;outline:none;flex:1;font-size:13px}.icon-picker-input::placeholder{color:var(--text-muted)}.icon-picker-close{width:22px;height:22px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:color .1s,background .1s;display:inline-flex}.icon-picker-close:hover{color:var(--text-strong);background:var(--bg-elevated)}.icon-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:4px;padding:10px 12px;display:grid;overflow-y:auto}.icon-picker-tile{width:32px;height:32px;color:var(--text-mod);background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:inline-flex}.icon-picker-tile:hover{background:var(--bg-elevated);color:var(--text-strong)}.icon-picker-tile.active{background:var(--hover);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border-strong)}.icon-picker-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:30px 0;font-size:13px}.icon-picker-hint{color:var(--text-muted);border-top:1px solid var(--border);text-align:center;padding:8px 12px;font-size:11px}