.icon-picker-overlay{z-index:1000;box-sizing:border-box;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.icon-picker{background:var(--color-bg-main);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:100%;max-width:520px;height:540px;max-height:min(540px,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 18px 50px #00000059}.ip-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ip-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.ip-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;padding:4px}.ip-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ip-search{border-bottom:1px solid var(--color-border);padding:10px 14px;position:relative}.ip-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.ip-search-input{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:7px 28px 7px 30px;font-size:.9rem}.ip-search-input:focus{border-color:var(--color-accent-blue)}.ip-search-clear{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;padding:2px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.ip-search-clear:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.ip-tabs{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:8px 14px;display:flex}.ip-tabs-removeonly{justify-content:flex-end}.ip-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 12px;font-size:.85rem}.ip-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ip-tab.active{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.ip-remove{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:4px;margin-left:auto;padding:4px 9px;font-size:.8rem;display:inline-flex}.ip-remove:hover{color:#ef4444;border-color:#ef444466}.ip-body{flex:auto;padding:8px 6px 12px;overflow-y:auto}.ip-group{padding:4px 8px 6px}.ip-group-header{cursor:pointer;width:100%;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px;font-size:.78rem;font-weight:600;display:flex}.ip-group-header:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ip-group-count{color:var(--color-text-muted);text-transform:none;letter-spacing:0;margin-left:auto;font-size:.72rem;font-weight:500}.ip-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;padding:4px 4px 8px;display:grid}.ip-cell{aspect-ratio:1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background-color 80ms,border-color 80ms;display:inline-flex}.ip-cell:hover{background:var(--color-bg-hover)}.ip-cell.active{border-color:var(--color-accent-blue)}.ip-empty{text-align:center;color:var(--color-text-muted);padding:30px 16px;font-size:.88rem}@media (width<=640px){.icon-picker-overlay{align-items:flex-end;padding:0}.icon-picker{width:100%;max-width:100%;height:70vh;max-height:70vh;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;border-radius:14px 14px 0 0}.ip-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.ip-cell{min-height:40px}}