:root{--primary-color:#7c3aed;--primary-light:#9b8aff;--theme-color:#7c3aed;--theme-color-hover:#7c3aedcc;--theme-color-soft:#7c3aed2e;--on-accent:#fff;--bg-page:radial-gradient(circle at 50% 30%, #2a2550 0%, #121026 100%);--bg-page-solid:#121026;--bg-image:none;--fallback-bg:#0e0e1a;--wallpaper-blur:0px;--glass-blur:15px;--glass-opacity:.6;--glass-bg:rgba(22, 22, 38, var(--glass-opacity));--surface-glass:rgba(30, 28, 55, var(--glass-opacity));--bg-modal:rgba(22, 22, 38, calc(var(--glass-opacity) + .28));--bg-modal-solid:#12121e;--surface-2:#ffffff0d;--surface-hover:#ffffff1a;--border-default:#ffffff1f;--border-light:#ffffff14;--border-strong:#ffffff2e;--border-input:#ffffff24;--border-glass:#ffffff29;--text-primary:#fff;--text-secondary:#ffffffbf;--text-tertiary:#ffffff9e;--text-muted:#ffffff80;--text-hint:#fff6;--bg-input:#ffffff14;--bg-input-focus:#ffffff1f;--bg-btn:#ffffff14;--bg-btn-hover:#ffffff26;--shadow-1:0 8px 32px #00000061;--shadow-modal:0 20px 50px #0009;--shadow-panel:0 8px 32px #00000061;--text-shadow-strong:0 4px 20px #0006;--text-shadow-soft:0 2px 10px #0000004d;--sidebar-bg:rgba(0, 0, 0, calc(var(--glass-opacity) * .5));--sidebar-border:#ffffff14;--sidebar-blur:var(--glass-blur);--modal-bg:rgba(25, 25, 35, calc(var(--glass-opacity) + .28));--modal-border:#ffffff1f;--modal-text:#fff;--bg-overlay:#000000b3;--wl-card-bg:#12121ef5;--bg-header:rgba(18, 18, 30, calc(var(--glass-opacity) + .1));--bg-filter:rgba(18, 18, 30, calc(var(--glass-opacity) - .1));--bg-footer:rgba(18, 18, 30, calc(var(--glass-opacity) + .1));--bg-card-overlay:#0009;--bg-tag:#ffffff14;--bg-select:#ffffff14;--bg-settings:rgba(30, 30, 40, calc(var(--glass-opacity) + .35));--bg-pagination:#ffffff1a;--bg-shade:#0009;--blur-intensity:var(--glass-blur)}[data-theme=light]{--theme-color-soft:#7c3aed1f;--on-accent:#fff;--bg-page:radial-gradient(circle at 50% 30%, #eceaf7 0%, #cfcbe8 100%);--bg-page-solid:#d6d2ec;--fallback-bg:#d6d2ec;--glass-opacity:.85;--glass-bg:rgba(255, 255, 255, var(--glass-opacity));--surface-glass:rgba(255, 255, 255, var(--glass-opacity));--bg-modal:rgba(255, 255, 255, calc(var(--glass-opacity) + .12));--bg-modal-solid:#fff;--surface-2:#0000000a;--surface-hover:#00000014;--border-default:#00000014;--border-light:#0000000f;--border-strong:#0000002e;--border-input:#00000029;--border-glass:#0000001f;--text-primary:#1a1a1a;--text-secondary:#1a1a1ad1;--text-tertiary:#1a1a1aad;--text-muted:#1a1a1a94;--text-hint:#1a1a1a80;--bg-input:#0000000d;--bg-input-focus:#00000014;--bg-btn:#0000000f;--bg-btn-hover:#0000001a;--shadow-1:0 8px 32px #0000001f;--shadow-modal:0 20px 50px #0000002e;--shadow-panel:0 8px 32px #0000001f;--text-shadow-strong:none;--text-shadow-soft:none;--sidebar-bg:rgba(255, 255, 255, var(--glass-opacity));--sidebar-border:#00000014;--modal-bg:rgba(255, 255, 255, calc(var(--glass-opacity) + .23));--modal-border:#0000001a;--modal-text:#1a1a2e;--bg-overlay:#f0f0f5b8;--wl-card-bg:#fffffff5;--bg-header:rgba(255, 255, 255, calc(var(--glass-opacity) + .08));--bg-filter:rgba(255, 255, 255, calc(var(--glass-opacity) + .18));--bg-footer:rgba(255, 255, 255, calc(var(--glass-opacity) + .08));--bg-card-overlay:#ffffffd9;--bg-tag:#0000000f;--bg-select:#0000000f;--bg-settings:rgba(255, 255, 255, calc(var(--glass-opacity) + .26));--bg-pagination:#00000014;--bg-shade:#0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-primary,#fff);margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;background:var(--bg-page)!important}.glass{background:var(--glass-bg,#16162652);border:1px solid var(--border-glass,#ffffff29);box-shadow:var(--shadow-1,0 8px 32px #00000061)}.hidden{display:none!important}.main-vertical-layout{box-sizing:border-box;flex-direction:column;align-items:center;width:calc(100vw - 50px);height:100vh;padding:40px 20px 20px;display:flex;position:absolute;top:0;left:50px;overflow-y:auto}.top-area-container{width:100%;max-width:1350px;margin-bottom:30px}.grid-area-container{flex:1;width:100%;max-width:1350px}.workspace-root{width:100%;height:100%;overflow-y:auto}.base-layout{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.wallpaper-layer{background-color:#0000;background-image:var(--bg-image,none);width:100%;height:100%;-webkit-filter:blur(var(--wallpaper-blur,0px));z-index:1;background-position:50%;background-size:cover;background-attachment:fixed;position:absolute;top:0;left:0}.glass-layer{z-index:2;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}*{caret-color:#0000}input,textarea,[contenteditable=true]{caret-color:auto}.desktop-workspace{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:0;display:flex;overflow:hidden auto}.workspace-content-canvas{flex-direction:column;gap:30px;width:100%;max-width:1350px;padding:0;display:flex}.widgets-slot-area,.icons-slot-area{grid-template-columns:repeat(auto-fill, var(--icon-size,60px));grid-auto-rows:var(--icon-size,60px);gap:var(--icon-gap,30px);box-sizing:border-box;place-content:start flex-start;padding:36px 22px;display:grid;overflow:visible!important}.icons-slot-area{padding-top:30px!important}.widgets-slot-area:empty{display:none}#grid-area,#workspace-root,.workspace-content-canvas{overflow:visible!important}.icon-entry{z-index:3;box-sizing:border-box;will-change:transform;width:100%;height:100%;margin:0;transition:transform .25s;position:relative;top:0;left:0;transform:none}.icon-entry.size-1x1{grid-area:span 1/span 1}.icon-entry.size-1x2{grid-area:span 2/span 1}.icon-entry.size-2x1{grid-area:span 1/span 2}.icon-entry.size-2x2{grid-area:span 2/span 2}.icon-entry.size-2x4,.icon-entry.size-4x2{grid-area:span 2/span 4}.grid-item-shell{box-sizing:border-box;margin:0!important;padding:0!important}.grid-item-shell.size-1x1{width:var(--icon-size,60px);height:var(--icon-size,60px)}.grid-item-shell.size-1x2{width:var(--icon-size,60px);height:calc(var(--icon-size,60px) * 2 + var(--icon-gap,30px));grid-area:span 2/span 1}.grid-item-shell.size-2x1{width:calc(var(--icon-size,60px) * 2 + var(--icon-gap,30px));height:var(--icon-size,60px)}.grid-item-shell.size-2x2{width:calc(var(--icon-size,60px) * 2 + var(--icon-gap,30px));height:calc(var(--icon-size,60px) * 2 + var(--icon-gap,30px))}.grid-item-shell.size-2x4,.grid-item-shell.size-4x2{width:calc(var(--icon-size,60px) * 4 + var(--icon-gap,30px) * 3);height:calc(var(--icon-size,60px) * 2 + var(--icon-gap,30px))}.icon-card-white.card-placeholder{-webkit-backdrop-filter:blur(var(--glass-blur,15px));cursor:grab;background:#ffffff1f;border:1px dashed #fff6;box-shadow:0 4px 14px #00000026}.icon-card-white.card-placeholder:hover{border-color:var(--theme-color,#fff9);box-shadow:0 6px 20px #00000047}.card-placeholder .cp-body{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:4px;display:flex}.card-placeholder .cp-label{color:var(--text-secondary);text-overflow:ellipsis;max-width:100%;padding:0 2px;font-size:11px;font-weight:600;line-height:1.3;overflow:hidden}.card-placeholder .cp-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:10px;line-height:1.2;overflow:hidden}.grid-item-shell.size-1x1 .card-placeholder .cp-label{white-space:normal;font-size:8px}.grid-item-shell.size-1x1 .card-placeholder .cp-sub{display:none}.icon-card-white{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transform-origin:50%;background:#ffffffd9;border-radius:16px;outline:none;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.icon-card-white:hover{transform:scale(1.02);box-shadow:0 6px 16px #00000040}.icon-card-white img,.icon-card-white svg{filter:drop-shadow(0 1px 2px #0003);object-fit:contain!important;width:100%!important;height:100%!important;display:block!important}.white-card-text{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;font-weight:700;display:flex}.icon-name-label{color:var(--text-primary);white-space:nowrap;text-shadow:var(--text-shadow-strong);z-index:2;display:var(--icon-name-display,block);-webkit-user-select:none;user-select:none;margin-top:4px;font-size:14px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.add-icon-card{width:var(--icon-size,60px);height:var(--icon-size,60px);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden;background:#ffffff14!important;border:1px dashed #ffffff59!important;outline:none!important}.add-icon-card:hover{transform:scale(1.04)translateY(-2px);border-color:var(--theme-color,#ff5c8a)!important;box-shadow:0 8px 20px #0003, 0 0 16px var(--theme-color-soft,#ff5c8a40)!important;background:#ffffff29!important;border-style:solid!important}.add-icon-plus{justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s;display:flex;position:relative;font-size:0!important}.add-icon-plus:before,.add-icon-plus:after{content:"";background:var(--theme-color,#ff5c8a);border-radius:3px;transition:background .2s,transform .2s;position:absolute}.add-icon-plus:before{width:100%;height:3px}.add-icon-plus:after{width:3px;height:100%}.add-icon-card:hover .add-icon-plus:before,.add-icon-card:hover .add-icon-plus:after{background:var(--theme-color,#ff5c8a)}.add-icon-card:hover .add-icon-plus{transform:scale(1.12)}.batch-edit .icon-card-white{overflow:visible!important}.delete-slot-btn{background:var(--theme-color,#7b61ff);width:20px;height:20px;color:var(--on-accent);cursor:pointer;z-index:10;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;transition:background .2s,transform .15s;display:none;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 6px #00000040}.batch-edit .icon-card-white .delete-slot-btn{display:flex}.delete-slot-btn:hover{background:#f44;transform:scale(1.15)}@keyframes jiggle{0%{transform:rotate(0)}25%{transform:rotate(-1.5deg)}50%{transform:rotate(0)}75%{transform:rotate(1.5deg)}to{transform:rotate(0)}}.icon-card-white.jiggle{transform-origin:50%;animation:.3s infinite jiggle}.context-menu{background:var(--bg-modal);border:1px solid var(--border-default);scrollbar-width:none;-ms-overflow-style:none;min-width:160px;max-height:60vh;box-shadow:var(--shadow-modal);border-radius:12px;padding:6px;animation:.12s fadeIn;display:none;position:fixed;overflow-y:auto;z-index:100000!important}.context-menu::-webkit-scrollbar{display:none}.context-menu .ctx-item{cursor:pointer;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;gap:10px;max-width:220px;padding:7px 14px;font-size:13px;line-height:1.4;transition:background .15s;display:flex;overflow:hidden}.context-menu .ctx-item:hover{background:var(--theme-color,#7b61ff);color:var(--on-accent)}.context-menu .ctx-separator{background:var(--border-light);height:1px;margin:4px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.folder-modal-overlay{z-index:99999;justify-content:center;align-items:center;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0;-webkit-backdrop-filter:none!important;background:0 0!important}.folder-modal-window{max-width:90vw;min-height:200px;position:relative;-webkit-backdrop-filter:none!important;box-sizing:border-box!important;width:760px!important;height:auto!important;color:var(--text-primary)!important;z-index:1!important;isolation:isolate!important;background:0 0!important;border:1px solid #fff6!important;border-radius:24px!important;flex-direction:column!important;padding:30px 20px!important;display:flex!important;overflow:hidden!important;box-shadow:0 12px 40px #00000026!important}.folder-modal-title{text-align:center;cursor:text;-webkit-user-select:none;user-select:none;margin-bottom:20px;font-size:22px;font-weight:600;display:block;color:var(--theme-color,#7b61ff)!important}.folder-modal-title-input{text-align:center;background:0 0;border:none;outline:none;width:100%;margin-bottom:20px;padding:0;font-size:22px;font-weight:600;display:block;color:var(--theme-color,#7b61ff)!important}.folder-modal-grid{scrollbar-width:none!important;-ms-overflow-style:none!important;box-sizing:border-box!important;z-index:2!important;flex:auto!important;grid-template-columns:repeat(8,60px)!important;grid-auto-rows:85px!important;place-content:start center!important;gap:30px!important;width:100%!important;min-height:0!important;max-height:470px!important;padding:15px 15px 25px!important;display:grid!important;position:relative!important;overflow:hidden auto!important}.folder-modal-grid::-webkit-scrollbar{background:0 0;width:0;display:none}.folder-modal-grid .icon-entry{place-self:start;width:auto;min-width:60px;height:auto;min-height:60px;z-index:3!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;margin:0!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.folder-modal-grid .icon-card-white{z-index:4!important;position:relative!important}.folder-modal-grid .delete-slot-btn{z-index:30!important;pointer-events:auto!important}.folder-modal-grid .icon-name-label{text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;color:var(--text-primary)!important;margin-top:4px!important;font-size:14px!important;line-height:1.2!important;overflow:hidden!important}.icon-entry.drag-hover{outline:2px solid var(--theme-color,#7b61ff);z-index:1;border-radius:16px;transition:transform .15s;transform:scale(1.05)}.folder-card-icon{width:100%;height:100%;color:var(--theme-color,#7b61ff);justify-content:center;align-items:center;display:flex}.folder-card-icon svg{filter:none!important;width:62%!important;height:62%!important}.icon-card-white.folder-card{padding:7px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:inset 0 0 0 1px var(--theme-color,#7b61ff)!important;background:#ffffff26!important}.icon-card-white.folder-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--theme-color,#7b61ff), 0 8px 24px #00000040!important}.folder-card-preview{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:5px;width:100%;height:100%;display:grid}.folder-card-thumb{color:#fff;background:0 0;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:0;font-size:13px;font-weight:600;line-height:1;transition:transform .2s;display:flex;overflow:hidden}.icon-card-white.folder-card:hover .folder-card-thumb{transform:translateY(-1px)}.folder-card-thumb img,.folder-card-thumb svg{object-fit:contain;display:block;filter:drop-shadow(0 1px 2px #0003)!important;width:100%!important;height:100%!important}.icon-entry:has(.icon-card-white.folder-card) .icon-name-label{color:var(--theme-color,#ff5c8a)!important}.icon-rename-input{text-align:center;width:140px;max-width:90%;color:var(--text-primary);border:1px solid var(--theme-color,#7b61ff);z-index:50;-webkit-user-select:text;user-select:text;background:#ffffffeb;border-radius:8px;outline:none;margin-top:4px;padding:3px 8px;font-size:13px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000002e}.batch-toolbar{background:var(--bg-modal);border:1px solid var(--border-default);box-shadow:var(--shadow-modal);z-index:800;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.batch-count{color:var(--text-secondary);white-space:nowrap;margin-right:4px;font-size:13px}.batch-count b{color:var(--theme-color,#7b61ff)}.batch-btn{background:var(--theme-color);color:var(--on-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s,transform .15s}.batch-btn:hover{opacity:.88;transform:translateY(-1px)}.batch-btn-close{background:var(--bg-btn);color:var(--text-primary);border:1px solid var(--border-default)}.batch-btn-close:hover{background:var(--bg-btn-hover)}.batch-select-box{border:1px dashed var(--theme-color,#7b61ff);background:var(--theme-color-soft,#7b61ff26);z-index:700;pointer-events:none;position:fixed}.batch-edit .icon-card-white.batch-selected{outline:2px solid var(--theme-color,#7b61ff);outline-offset:2px}.batch-edit .icon-card-white.batch-selected:after{content:"✓";background:var(--theme-color,#7b61ff);width:20px;height:20px;color:var(--on-accent);z-index:12;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;top:-9px;left:-9px;box-shadow:0 2px 6px #00000040}.confirm-dialog-overlay{z-index:100000;justify-content:center;align-items:center;animation:.15s fadeIn;display:none;position:fixed;inset:0;-webkit-backdrop-filter:none!important;background:0 0!important}.confirm-dialog{background:var(--bg-modal)!important;border:1px solid var(--border-default)!important;min-width:300px!important;box-shadow:var(--shadow-modal)!important;text-align:center!important;color:var(--text-primary)!important;border-radius:16px!important;padding:24px!important}.confirm-message{color:var(--text-primary)!important;margin:0 0 20px!important;font-size:15px!important}.confirm-actions{justify-content:center!important;gap:12px!important;display:flex!important}.confirm-btn{cursor:pointer!important;border:none!important;border-radius:8px!important;padding:8px 24px!important;font-size:14px!important;font-weight:500!important;transition:opacity .2s!important}.confirm-btn:hover{opacity:.85}.cancel-btn{background:var(--bg-btn)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)!important}.ok-btn{background:var(--theme-color,#7b61ff)!important;color:var(--on-accent)!important}.icon-context-menu{background:var(--bg-modal);border:1px solid var(--border-default);min-width:160px;box-shadow:var(--shadow-modal);border-radius:12px;padding:6px;animation:.12s fadeIn;display:none;position:fixed;z-index:100001!important}.ctx-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;max-width:220px;padding:7px 14px;font-size:13px;line-height:1.4;transition:background .15s;display:flex;position:relative;overflow:visible}.ctx-item .ctx-label{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.ctx-item:hover{background:var(--theme-color);color:var(--on-accent)}.sub-menu{background:var(--bg-modal);border:1px solid var(--border-default);box-shadow:var(--shadow-modal);scrollbar-width:none;-ms-overflow-style:none;border-radius:12px;min-width:120px;max-height:250px;padding:6px;display:none;position:absolute;top:0;left:100%;overflow:hidden auto;z-index:100001!important}.icon-context-menu::-webkit-scrollbar{display:none}.sub-menu::-webkit-scrollbar{display:none}.ctx-item:hover>.sub-menu,.ctx-item.open>.sub-menu{display:block}.ctx-item .ctx-arrow{opacity:.55;flex-shrink:0;margin-left:auto;font-size:14px;line-height:1}.ctx-item:hover .ctx-arrow{opacity:1}.search-row{gap:8px;margin-bottom:12px;display:flex}.search-input-wallhaven{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input-wallhaven:focus{border-color:var(--theme-color);box-shadow:0 0 0 2px var(--theme-color-soft)}#wallhaven-search-btn{white-space:nowrap;padding:8px 16px}.wl-tags-panel{border-bottom:1px solid var(--border-light);margin-bottom:12px;padding:0 0 16px}.tags-header{color:var(--text-secondary);margin-bottom:10px;font-size:14px}.tags-cloud{flex-wrap:wrap;gap:8px;max-height:200px;margin-bottom:10px;padding-right:4px;display:flex;overflow-y:auto}.tag-item{background:var(--bg-tag);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 12px;font-size:12px;transition:background .2s,color .2s}.tag-item:hover,.tag-item.active{background:var(--theme-color);color:var(--on-accent);border-color:var(--theme-color)}.wl-filter-container{border-top:1px solid var(--border-light);max-height:55vh;margin-top:16px;padding:10px 8px;overflow-y:auto}.wl-filter-section{margin-bottom:16px}.filter-header{color:var(--text-tertiary);margin-bottom:8px;font-size:13px;font-weight:500}.checkbox-group{flex-direction:column;gap:6px;display:flex}.checkbox-group label{color:var(--text-tertiary);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.checkbox-group input[type=checkbox]{accent-color:var(--theme-color);margin:0}.checkbox-group input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.custom-select{width:100%;margin-top:4px;display:inline-block;position:relative}.select-display{background:var(--bg-select);border:1px solid var(--border-input);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:12px;display:flex}.select-display .arrow{font-size:10px;transition:transform .2s}.select-options{background:var(--bg-modal-solid);border:1px solid var(--theme-color-soft);z-index:10;max-height:200px;box-shadow:var(--shadow-modal);border-radius:6px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.select-options.open{display:block}.select-option{color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:12px;transition:background .2s}.select-option:hover{background:var(--theme-color-soft)}.select-option.selected{background:var(--theme-color);color:var(--on-accent)}.color-palette{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:border-color .2s,box-shadow .2s}.color-swatch:hover{border-color:var(--theme-color)}.color-swatch.active{border-color:var(--theme-color);box-shadow:0 0 6px var(--theme-color)}input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;width:30px;height:30px;margin-top:4px}.wl-filter-actions{gap:8px;margin-top:12px;display:flex}.wl-filter-container::-webkit-scrollbar{width:4px}.wl-filter-container::-webkit-scrollbar-track{background:0 0}.wl-filter-container::-webkit-scrollbar-thumb{background:var(--bg-pagination);border-radius:2px}.select-display.disabled{opacity:.5;cursor:not-allowed}.wl-custom-area{flex-direction:column;align-items:center;gap:16px;display:flex}.wl-custom-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#wl-custom-url{background:var(--bg-input);border:1px solid var(--border-input);min-width:250px;color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}#wl-custom-url:focus{border-color:var(--theme-color);box-shadow:0 0 0 2px var(--theme-color-soft)}.wl-upload-btn,#wl-custom-apply-btn{cursor:pointer;background:var(--theme-color);color:var(--on-accent);border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:opacity .2s}.wl-upload-btn:hover,#wl-custom-apply-btn:hover{opacity:.9}.wl-custom-preview{max-width:400px}#wl-custom-preview-img{border-radius:12px;width:100%}.konachan-search-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.konachan-search-row input{flex:1}.ap-search-panel{background:var(--surface-2);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.ap-search-row{align-items:center;gap:8px;display:flex}.ap-search-row input{flex:1;min-width:0}.ap-tags-block{flex-direction:column;gap:6px;display:flex}.ap-tags-wrap{flex-wrap:wrap;gap:6px;display:flex}.ap-section-label{color:var(--text-hint);white-space:nowrap;font-size:12px}.ap-tag-chip{background:var(--bg-tag);border:1px solid var(--border-light);color:var(--text-tertiary);cursor:pointer;border-radius:14px;padding:3px 10px;font-size:12px;transition:all .2s}.ap-tag-chip:hover{background:var(--theme-color);border-color:var(--theme-color);color:var(--on-accent)}.ap-filter-row{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.ap-purity-option{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.ap-purity-option input[type=radio]{accent-color:var(--theme-color)}.ap-select{background:var(--bg-select);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.ap-select option{background:var(--bg-modal-solid);color:var(--text-secondary)}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.skeleton-item{background:linear-gradient(90deg, var(--bg-btn) 25%, var(--bg-btn-hover) 50%, var(--bg-btn) 75%);background-size:200% 100%;border-radius:10px;height:120px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wl-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.gallery-item{cursor:pointer;border-radius:10px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:120px;display:block}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.gallery-item.selected{outline:2px solid var(--theme-color)}.item-overlay{background:var(--bg-card-overlay);opacity:0;pointer-events:none;justify-content:center;gap:6px;padding:6px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-item:hover .item-overlay{opacity:1;pointer-events:auto}.item-overlay button{background:var(--bg-btn-hover);color:var(--on-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:4px 10px;font-size:12px;transition:background .2s}.item-overlay button:hover{background:var(--theme-color)}.wl-preview-area{flex-direction:column;align-items:center;gap:12px;display:flex}#wl-preview-img{object-fit:cover;background:var(--surface-2);border-radius:12px;width:100%;max-height:300px}.wl-preview-info h3{color:var(--text-primary);margin:0;font-size:18px}.wl-preview-info p{color:var(--text-tertiary);margin:4px 0 0;font-size:13px}.wl-preview-actions{gap:12px;display:flex}.wl-apply-btn,.wl-download-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;transition:opacity .2s}.wl-apply-btn{background:var(--theme-color);color:var(--on-accent);font-weight:500}.wl-apply-btn:hover{opacity:.9}.wl-download-btn{background:var(--bg-btn);color:var(--text-primary)}.wl-download-btn:hover{background:var(--bg-btn-hover)}.wl-fav-btn{cursor:pointer;background:var(--bg-btn);color:var(--text-primary);border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:background .2s}.wl-fav-btn:hover{background:var(--bg-btn-hover)}.wl-fav-btn.faved{background:var(--theme-color)}.modal-overlay{z-index:100000;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:none;position:fixed;top:0;left:0;background:0 0!important}.add-icon-modal{border:1px solid var(--border-default);width:680px;max-width:95vw;max-height:90vh;box-shadow:var(--shadow-modal);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;background:var(--bg-modal-solid,#12121e)!important}.add-icon-modal.maximized{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text-primary);font-size:18px;font-weight:600}.header-btns{gap:8px;display:flex}.modal-btn{background:var(--bg-btn);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:background .2s;display:flex}.modal-btn:hover{background:var(--bg-btn-hover)}.net-config-btn{color:var(--theme-color,#7b61ff)}.net-config-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.net-config-btn:hover{background:var(--theme-color-soft)}.net-config-btn.has-net{background:var(--theme-color-soft);border:1px solid var(--theme-color,#7b61ff)}.net-panel-overlay{background:var(--bg-overlay,#0000008c);z-index:30;border-radius:16px;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.net-panel{background:var(--bg-modal);border:1px solid var(--border-default);width:420px;max-width:90%;box-shadow:var(--shadow-modal);box-sizing:border-box;border-radius:16px;padding:22px}.net-panel-title{color:var(--theme-color,#7b61ff);margin-bottom:16px;font-size:16px;font-weight:600}.net-priority-list{flex-direction:column;gap:6px;display:flex}.net-priority-row{background:var(--bg-btn);border:1px solid var(--border-input);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.net-priority-label{color:var(--text-primary);font-size:13px}.net-priority-ctrl{gap:4px;display:flex}.net-priority-btn{background:var(--bg-btn-hover);width:26px;height:26px;color:var(--text-primary);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:background .15s,color .15s;display:flex}.net-priority-btn:hover:not(:disabled){background:var(--theme-color);color:var(--on-accent)}.net-priority-btn:disabled{opacity:.35;cursor:default}.net-panel-hint{color:var(--text-muted);margin-top:12px;font-size:12px}.net-panel-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.net-panel-cancel{border:1px solid var(--border-default);background:var(--bg-btn);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:13px;transition:background .15s}.net-panel-cancel:hover{background:var(--bg-btn-hover)}.net-panel-save{background:var(--theme-color);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.net-panel-save:hover{opacity:.88}.modal-body{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--surface-2);border-right:1px solid var(--border-light);flex-direction:column;gap:2px;width:140px;padding:12px 0;display:flex}.sidebar-item{color:var(--text-secondary);cursor:pointer;border-radius:0 8px 8px 0;margin-right:8px;padding:10px 16px;font-size:14px;transition:background .2s,color .2s}.sidebar-item.active{background:var(--theme-color);color:var(--on-accent);font-weight:500}.sidebar-item.disabled{opacity:.45;cursor:not-allowed}.content{flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.tab-content{display:none}.tab-content.active{display:block}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;display:block}.form-group input[type=text],.form-group input[type=url],.form-group textarea{background:var(--bg-input);border:1px solid var(--border-input);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--theme-color)}.url-row{gap:8px;display:flex}.fetch-icon-btn{background:var(--theme-color-soft);border:1px solid var(--theme-color);color:var(--theme-color);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:13px;transition:background .2s}.fetch-icon-btn:hover{background:var(--theme-color-soft)}.icon-config{flex-direction:column;gap:12px;display:flex}.color-picker{gap:8px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:border-color .2s,transform .2s}.color-dot.selected{border-color:var(--on-accent);transform:scale(1.1)}.icon-cards{gap:12px;display:flex}.icon-card{border:2px solid var(--border-default);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px;transition:border-color .2s,background .2s;display:flex;-webkit-backdrop-filter:none!important;background:0 0!important}.icon-card.active{border-color:var(--theme-color,#7b61ff);background:0 0!important}.card-preview{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden;-webkit-backdrop-filter:none!important;background:0 0!important}.text-preview{color:var(--text-primary);font-size:20px;font-weight:600}.online-preview img,.upload-preview img{object-fit:contain;width:100%;height:100%}.fetch-inside-btn{background:var(--theme-color-soft);border:1px solid var(--theme-color);color:var(--theme-color);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px;transition:background .2s}.fetch-inside-btn:hover{background:var(--theme-color-soft)}.upload-plus{color:var(--text-muted);font-size:24px}.card-label{color:var(--text-secondary);font-size:11px}.card-tab-hint{color:var(--text-muted);margin-bottom:14px;font-size:12px;line-height:1.6}.card-size-options{flex-wrap:wrap;gap:12px;display:flex}.card-size-option{border:1px dashed var(--border-strong);background:var(--surface-2);width:108px;color:var(--text-secondary);cursor:pointer;box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 8px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.card-size-option:hover{border-color:var(--theme-color);color:var(--theme-color);background:var(--theme-color-soft);border-style:solid}.card-size-option .cs-preview{opacity:.75;box-sizing:border-box;border:1.5px dashed;border-radius:6px;flex-shrink:0;display:block}.card-size-option[data-size="1x1"] .cs-preview{width:24px;height:24px}.card-size-option[data-size="2x1"] .cs-preview{width:56px;height:24px}.card-size-option[data-size="2x2"] .cs-preview{width:56px;height:56px}.card-size-option[data-size="4x2"] .cs-preview{width:80px;height:36px}.cs-meta{flex-direction:column;align-items:center;gap:3px;display:flex}.cs-name{font-weight:600;line-height:1}.cs-px{color:var(--text-muted);font-size:11px;line-height:1}.card-installed{border-top:1px solid var(--border-light);margin-top:18px;padding-top:14px}.card-installed-title{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:600}.card-installed-list{flex-direction:column;gap:8px;display:flex}.card-installed-empty{color:var(--text-muted);padding:8px 0;font-size:12px}.card-installed-item{background:var(--surface-2);border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.csi-size{background:var(--theme-color-soft);color:var(--theme-color);border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.csi-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);flex:1;overflow:hidden}.csi-status{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:11px;overflow:hidden}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.modal-footer.hidden{display:none}.save-btn{background:var(--bg-btn);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 24px;font-weight:500;transition:background .2s,border-color .2s,color .2s}.save-btn:hover{background:var(--theme-color-soft);border-color:var(--theme-color);color:var(--theme-color)}.save-continue-btn{background:var(--theme-color);color:var(--on-accent);cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-weight:600;transition:background .2s}.save-continue-btn:hover{background:var(--theme-color-hover)}.color-custom{color:var(--text-secondary);border:2px dashed var(--border-strong);justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:border-color .2s,color .2s,transform .2s;display:flex;background:var(--bg-btn-hover)!important}.color-custom.selected{border-color:var(--on-accent);color:var(--text-primary);transform:scale(1.1)}.icon-candidates{background:var(--surface-2);border-radius:12px;margin-top:12px;padding:10px}.candidates-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.candidates-grid{flex-wrap:wrap;gap:10px;display:flex}.candidate-item{background:var(--bg-btn);cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.candidate-item img{object-fit:contain;max-width:80%;max-height:80%}.candidate-item.active{border-color:var(--theme-color,#7b61ff);background:var(--theme-color-soft)}.candidate-item:hover{border-color:var(--border-strong)}#add-folder-modal-overlay .add-folder-modal{background:var(--bg-modal);border:1px solid var(--border-default);width:360px;box-shadow:var(--shadow-modal);border-radius:16px;overflow:hidden}#add-folder-modal-overlay .modal-body{padding:20px}#add-folder-modal-overlay .modal-footer{text-align:right;border-top:1px solid var(--border-light);padding:16px 20px}