.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-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.ip-tab-list::-webkit-scrollbar{display:none}.ip-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;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;flex:none;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}.ip-uploads{border:1px dashed #0000;border-radius:10px;padding:8px 10px 4px}.ip-uploads.dragging{border-color:var(--color-accent-blue);background:color-mix(in srgb, var(--color-accent-blue) 8%, transparent)}.ip-file-input{display:none}.ip-upload-btn{border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;display:inline-flex}.ip-upload-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent-blue)}.ip-upload-btn:disabled{opacity:.6;cursor:default}.ip-spin{animation:.9s linear infinite ip-spin}@keyframes ip-spin{to{transform:rotate(360deg)}}.ip-upload-hint{color:var(--color-text-muted);margin:6px 2px 2px;font-size:.76rem;line-height:1.4}.ip-upload-error{color:#ef4444;background:#ef444418;border-radius:7px;margin:6px 0 0;padding:6px 9px;font-size:.78rem}.ip-upload-cell{position:relative}.ip-upload-cell .ip-cell{width:100%}.ip-upload-img{object-fit:cover;background-color:#8a8f98;background-image:linear-gradient(45deg,#00000026 25%,#0000 25% 75%,#00000026 75%),linear-gradient(45deg,#00000026 25%,#0000 25% 75%,#00000026 75%);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:6px;width:26px;height:26px;display:block}.ip-upload-edit{border:1px solid var(--color-border);background:var(--color-bg-main);width:16px;height:16px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity 80ms;display:flex;position:absolute;top:-4px;left:-4px}.ip-upload-cell:hover .ip-upload-edit,.ip-upload-edit:focus-visible{opacity:1}.ip-upload-edit:hover{color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.ip-upload-cell.editing .ip-cell{border-color:var(--color-accent-blue);background:color-mix(in srgb, var(--color-accent-blue) 12%, transparent)}.ip-rename{align-items:center;gap:6px;margin:8px 2px 0;display:flex}.ip-rename-input{border:1px solid var(--color-accent-blue);background:var(--color-bg-input);min-width:0;color:var(--color-text-primary);border-radius:7px;flex:auto;padding:6px 9px;font-size:.82rem}.ip-rename-input:focus{outline:none}.ip-rename-ok,.ip-rename-cancel{border:1px solid var(--color-border);background:var(--color-bg-input);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.ip-rename-ok{color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.ip-rename-ok:hover,.ip-rename-cancel:hover{background:var(--color-bg-hover)}.ip-search-uploads{border-bottom:1px solid var(--color-border)}.ip-search-uploads-head{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding:8px 6px 2px;font-size:.72rem;font-weight:600}.ip-upload-del{border:1px solid var(--color-border);background:var(--color-bg-main);width:16px;height:16px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity 80ms;display:flex;position:absolute;top:-4px;right:-4px}.ip-upload-cell:hover .ip-upload-del,.ip-upload-del:focus-visible{opacity:1}.ip-upload-del:hover{color:#ef4444;border-color:#ef444466}.ip-upload-public{border:1px solid var(--color-bg-main);color:#1c1917;pointer-events:none;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;bottom:-3px;left:-3px}.ip-upload-public-note{color:var(--color-text-primary);background:#f59e0b1f;border-radius:7px;align-items:center;gap:6px;margin:8px 0 2px;padding:6px 9px;font-size:.76rem;line-height:1.4;display:flex}.ip-upload-public-note svg{color:#f59e0b;flex:none}.ip-upload-img-loading{background:var(--color-bg-hover)}.ic-cropper{padding:2px 2px 4px}.ic-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ic-caption{color:var(--color-text-primary);font-size:.82rem;font-weight:600}.ic-reset{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:4px;padding:4px 9px;font-size:.76rem;display:inline-flex}.ic-reset:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.ic-reset:disabled{opacity:.5;cursor:default}.ic-stage{aspect-ratio:1;background:var(--color-bg-input);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;max-width:260px;margin:0 auto;position:relative;overflow:hidden}.ic-stage:active{cursor:grabbing}.ic-img{pointer-events:none;max-width:none;position:absolute}.ic-frame{pointer-events:none;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 2px #00000026}.ic-stage-checker{background-color:#8a8f98;background-image:linear-gradient(45deg,#00000026 25%,#0000 25% 75%,#00000026 75%),linear-gradient(45deg,#00000026 25%,#0000 25% 75%,#00000026 75%);background-position:0 0,8px 8px;background-size:16px 16px}.ic-bg{flex-wrap:wrap;align-items:center;gap:4px;max-width:min(78vw,320px);margin:8px auto 0;display:flex}.ic-bg-label{color:var(--color-text-muted);margin-right:4px;font-size:.74rem}.ic-bg-chip{border:1px solid var(--color-border);background:var(--color-bg-input);color:var(--color-text-secondary);cursor:pointer;border-radius:999px;padding:4px 8px;font-size:.74rem}.ic-bg-chip:hover:not(:disabled){background:var(--color-bg-hover)}.ic-bg-chip.active{border-color:var(--color-accent-blue);color:var(--color-text-primary);background:color-mix(in srgb, var(--color-accent-blue) 15%, transparent)}.ic-bg-chip:disabled{opacity:.55;cursor:default}.ic-zoom{align-items:center;gap:8px;max-width:260px;margin:10px auto 0;display:flex}.ic-zoom input[type=range]{min-width:0;accent-color:var(--color-accent-blue);flex:auto}.ic-zoom-icon{color:var(--color-text-muted);flex:none}.ic-hint{max-width:260px;color:var(--color-text-muted);text-align:center;margin:6px auto 0;font-size:.74rem;line-height:1.4}.ic-error{color:#ef4444;text-align:center;background:#ef444418;border-radius:8px;margin:8px 0;padding:10px;font-size:.8rem}.ic-actions{justify-content:flex-end;gap:8px;max-width:260px;margin:12px auto 0;display:flex}.ic-btn{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:.83rem;display:inline-flex}.ic-btn:hover:not(:disabled){background:var(--color-bg-hover)}.ic-btn.primary{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}.ic-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.ic-btn:disabled{opacity:.55;cursor:default}@media (width<=640px){.icon-picker-overlay{align-items:flex-end;padding:0}.icon-picker{width:100%;max-width:100%;height:min(70vh, var(--vv-h,70vh));max-height:min(70vh, var(--vv-h,70vh));margin-bottom:var(--vv-kb,0px);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}.ip-upload-del{opacity:1;width:20px;height:20px;top:-6px;right:-6px}.ip-upload-edit{opacity:1;width:20px;height:20px;top:-6px;left:-6px}.ip-rename-ok,.ip-rename-cancel{width:34px;height:34px}.ip-rename-input{padding:9px 10px;font-size:.9rem}.ip-upload-public{width:16px;height:16px;bottom:-4px;left:-4px}.ip-upload-img{width:30px;height:30px}.ip-upload-btn{justify-content:center;width:100%;padding:10px 12px}.ic-stage,.ic-zoom,.ic-hint,.ic-actions,.ic-bg{max-width:min(72vw,300px)}.ic-actions .ic-btn{flex:1 1 0;justify-content:center;padding:10px 12px}}