:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f7f8fb;--text:#0f172aeb;--text-dim:#475569b8;--liquid-bg:#ffffff40;--liquid-border:#fff6;--liquid-shadow-drop:0 8px 32px #0000000d;--liquid-shadow-inner:inset 0 2px 4px #fff9, inset 0 -2px 6px #fff3;--liquid-hover:#ffffff73;--pill-bg:#fff9}body.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#101014;--text:#ffffffeb;--text-dim:#fff9;--liquid-bg:#14141840;--liquid-border:#ffffff26;--liquid-shadow-drop:0 8px 32px #0006;--liquid-shadow-inner:inset 0 2px 4px #ffffff14, inset 0 -2px 6px #0000004d;--liquid-hover:#28282d59;--pill-bg:#ffffff14}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--text);background:var(--bg-color);margin:0;font-family:SF Pro Display,Segoe UI,sans-serif;transition:background .5s,color .5s;overflow:hidden}body{-webkit-user-select:none;user-select:none;position:relative}.liquid-glass{background:var(--liquid-bg);border:1px solid var(--liquid-border);box-shadow:var(--liquid-shadow-drop), var(--liquid-shadow-inner);-webkit-backdrop-filter:blur(48px)saturate(180%);backdrop-filter:blur(48px)saturate(180%)}.top-action-bar{z-index:40;pointer-events:none;align-items:center;gap:12px;display:flex;position:fixed;top:24px;right:24px}.top-action-bar>*{pointer-events:auto}.action-pill{cursor:pointer;height:48px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.action-pill.icon-only{justify-content:center;width:48px;padding:0}.action-pill:hover{background:var(--liquid-hover);transform:scale(1.02)}.action-pill svg{fill:currentColor;flex-shrink:0;width:18px;height:18px}.search-pill-wrapper{justify-content:center;align-items:center;gap:0;width:48px;padding:0;display:flex;overflow:hidden}.search-input{width:0;color:var(--text);font:inherit;opacity:0;background:0 0;border:0;outline:0;padding:0;font-size:14px;transition:width .3s cubic-bezier(.2,.8,.2,1),padding .3s,opacity .2s}.search-input::placeholder{color:var(--text-dim)}.search-pill-wrapper.active{justify-content:flex-start;gap:8px;width:180px;padding:0 16px}.search-pill-wrapper.active .search-input{opacity:1;width:100%}.empty-state{text-align:center;pointer-events:none;opacity:0;z-index:30;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state.visible{opacity:1}.empty-state-icon{opacity:.6;margin-bottom:12px;font-size:48px}.empty-state-text{color:var(--text);font-size:18px;font-weight:500}.color-panel-wrapper{position:relative}.color-dropdown{opacity:0;pointer-events:none;visibility:hidden;transform-origin:100% 0;border-radius:24px;width:300px;padding:20px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-10px)scale(.95)}.color-dropdown.active{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}.color-tools{flex-direction:column;gap:16px;display:flex}.toggle-row{justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.toggle-label{color:var(--text);font-size:15px;font-weight:600}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--pill-bg);border:1px solid var(--liquid-border);border-radius:24px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.slider:before{content:"";background-color:var(--text-dim);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:#34d399;border-color:#34d399}input:checked+.slider:before{background-color:#fff;transform:translate(20px)}.color-controls-area{flex-direction:column;gap:12px;transition:opacity .3s;display:flex}.color-controls-area.disabled{opacity:.4;pointer-events:none}.color-tools-row{align-items:center;gap:8px;display:flex}.inner-pill{background:var(--pill-bg);border:1px solid var(--liquid-border);border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.color-picker-shell{cursor:pointer;flex:1;position:relative}.color-picker-shell input[type=color]{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.color-preview{background:#fff;border:1px solid #fff6;border-radius:50%;width:20px;height:20px}.hex-shell{flex:1.5}.hex-input{width:100%;color:var(--text);font:inherit;text-transform:uppercase;background:0 0;border:0;outline:0;font-size:13px}.toggle-filter-status{background:var(--text-dim);opacity:.8;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:all .3s}.toggle-filter-status.on{opacity:1}.dropdown-item{cursor:pointer;min-width:160px;color:var(--text-dim);border-radius:6px;justify-content:space-between;align-items:center;margin:2px 6px;padding:10px 16px;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text)}.dropdown-item.selected{color:var(--text);background:#3b82f61a;font-weight:600}.dropdown-item.selected:after{content:"✓";font-size:14px}.dropdown-item:hover,.dropdown-item.active{background:var(--liquid-hover)}.menu-dropdown{padding:8px}.menu-dropdown .color-tools{gap:4px;max-height:380px;overflow-y:auto}.menu-dropdown .color-tools::-webkit-scrollbar{width:6px}.menu-dropdown .color-tools::-webkit-scrollbar-thumb{background:#9696964d;border-radius:6px}.menu-dropdown .dropdown-item{padding:6px 12px}.bottom-intro-bar{z-index:40;cursor:pointer;border-radius:22px;width:200px;transition:all .4s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:32px;left:50%;overflow:hidden;transform:translate(-50%)}.intro-header{height:44px;color:var(--text);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.intro-header svg{fill:currentColor;opacity:.7;width:18px;height:18px}.intro-content{opacity:0;text-align:center;max-height:0;padding:0 24px;transition:all .4s cubic-bezier(.2,.8,.2,1)}.bottom-intro-bar:hover,.bottom-intro-bar.active{border-radius:28px;width:320px}.bottom-intro-bar:hover .intro-content,.bottom-intro-bar.active .intro-content{opacity:1;max-height:200px;padding:0 24px 24px}.brand-title{letter-spacing:-.02em;margin:0 0 12px;font-size:20px;line-height:1.1}.brand-copy{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.active{pointer-events:auto}.premium-modal-horizontal{background:#fff;border-radius:28px;flex-direction:row;width:800px;max-width:95vw;min-height:480px;display:flex;position:relative;overflow:hidden;transform:none;box-shadow:0 40px 80px #00000026,0 0 0 1px #0000000d}body.theme-dark .premium-modal-horizontal{background:#18181a;box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff0d}.modal-left-stage{background:0 0;justify-content:center;align-items:center;width:45%;max-width:360px;display:flex;position:relative}body.theme-dark .modal-left-stage{background:0 0}.modal-right-info{flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:flex-start;padding:56px 48px;display:flex}.modal-close-icon{cursor:pointer;width:32px;height:32px;color:var(--text-dim);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex;position:absolute;top:20px;right:24px}.modal-close-icon:hover{color:var(--text);background:#0000000d;transform:scale(1.05)}body.theme-dark .modal-close-icon:hover{background:#ffffff1a}.modal-close-icon svg{fill:currentColor;width:24px;height:24px}.modal-hero-img,#modal-hero-tint{will-change:transform, opacity}.modal-hero-img{filter:none}.modal-title{text-transform:capitalize;color:var(--text);text-align:left;margin:0 0 12px;font-size:26px;font-weight:700;line-height:1.2}.modal-tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:auto;display:flex}.pill-tag{color:var(--text-dim);background:#0000000d;border:1px solid #0000000d;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}body.theme-dark .pill-tag{background:#ffffff14;border:1px solid #ffffff0d}.pill-clear-btn{width:28px;height:28px;color:var(--text);cursor:pointer;vertical-align:middle;background:#0f172a14;border:1px solid #ffffff80;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;font-size:20px;font-weight:400;line-height:1;transition:all .2s;display:inline-flex}.pill-clear-btn:hover{background:#0f172a24;transform:scale(1.04)}body.theme-dark .pill-clear-btn{color:var(--text);background:#ffffff1f;border-color:#ffffff1a}body.theme-dark .pill-clear-btn:hover{background:#ffffff2e}.modal-actions{flex-direction:column;gap:10px;width:100%;margin-top:auto;display:flex}.action-btn{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:100%;height:50px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.liquid-glass-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#111;background:#f0f0f5cc;border:1px solid #00000014;box-shadow:inset 0 3px 6px -2px #fff,0 4px 12px #00000008}.liquid-glass-btn:hover{background:#e6e6f0e6;transform:scale(1.02)translateY(-2px);box-shadow:inset 0 3px 6px -2px #fff,0 12px 24px #00000014}body.theme-dark .liquid-glass-btn{color:#fff;background:#28282dcc;border:1px solid #ffffff14;box-shadow:inset 0 3px 6px -2px #ffffff26,0 4px 12px #0003}body.theme-dark .liquid-glass-btn:hover{background:#323237e6;box-shadow:inset 0 3px 6px -2px #fff3,0 12px 24px #0006}#grid-container{z-index:0;cursor:grab;touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}#grid-container.is-dragging{cursor:grabbing}.icon-node{will-change:transform;pointer-events:auto;opacity:0;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)scale(0)}.icon-stack{isolation:isolate;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:relative}.icon-art{object-fit:contain;pointer-events:none;-webkit-user-drag:none;z-index:1;width:100%;height:100%;display:block;position:relative}.icon-tint{mix-blend-mode:hue;pointer-events:none;opacity:0;z-index:2;transition:opacity .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}