@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_a9273372-module__R1Y8Sq__className{font-family:Inter,Inter Fallback;font-style:normal}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app:#0e100f;--bg-surface:#121312;--bg-surface-hover:#1c1d1c;--bg-canvas:#0e100f;--bg-input:#1a1c1a;--bg-card:#1c1d1c;--text-primary:#e8e8ec;--text-secondary:#717271;--text-tertiary:#5a5a66;--text-label:#a0a0ad;--accent:#fff;--accent-hover:#e0e0e0;--accent-light:#ffffff14;--accent-glow:#ffffff26;--border:#2e2e35;--border-light:#252529;--border-focus:#fff;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0006, 0 1px 4px #0000004d;--shadow-lg:0 10px 40px #00000080, 0 4px 12px #0000004d;--shadow-panel:0 0 40px #0000004d, 0 8px 24px #00000040;--shadow-card:0 8px 32px #00000080, inset 0 1px 0 #ffffff0a, inset 0 -1px 0 #0003;--shadow-card-border:0 0 0 1px #ffffff0f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:22px;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:320px;--panel-width:310px;--toolbar-height:52px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg-app);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}button,.icon-cell,.tool-btn,.floating-btn{touch-action:manipulation}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.tool-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-smooth);justify-content:center;align-items:center;display:flex}.tool-btn:hover{background:var(--accent-light);color:var(--accent-hover);border-color:#ffffff4d}.tool-btn.active{background:var(--accent);color:var(--bg-app);border-color:var(--accent);box-shadow:0 0 12px #fff3}.tool-btn svg{width:18px;height:18px}.floating-btn{z-index:50;border-radius:var(--radius-md);background:var(--bg-canvas);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease-smooth);border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;box-shadow:0 4px 12px #00000080}.floating-btn:hover{background:var(--bg-surface-hover);transform:scale(1.05)}.floating-btn.left{left:24px}.floating-btn.right{right:24px}.floating-btn.bottom-right{top:auto;bottom:24px;right:24px}.floating-btn.active{color:#0e100f;background:#fff}.floating-pill{z-index:50;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease-smooth);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.floating-pill:hover{background:var(--bg-input);box-shadow:var(--shadow-md);transform:translate(-50%)translateY(-2px)}.upgrade-pill svg{color:var(--accent)}.main-layout{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{z-index:50;width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);transition:transform .35s var(--ease-smooth), margin .35s var(--ease-smooth), opacity .35s var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-width));opacity:0;pointer-events:none;transform:translate(-100%)}.sidebar-header{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;padding:16px 16px 12px;display:flex}.sidebar-title{letter-spacing:.5px;color:#6b6b6b;font-size:16px;font-weight:700}.search-container{flex-shrink:0;padding:6px 14px 14px}.search-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;height:36px;color:var(--text-primary);transition:all .2s var(--ease-smooth);outline:none;padding:0 12px;font-family:inherit;font-size:13px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-surface)}.icon-grid{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:12px;padding:12px 16px 16px;display:grid;overflow:hidden auto}.icon-grid::-webkit-scrollbar{width:5px}.icon-grid::-webkit-scrollbar-track{background:0 0}.icon-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.icon-grid::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.icon-cell{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;transition:all .18s var(--ease-smooth);color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.icon-cell svg{color:#6b6b6b;width:20px;height:20px;transition:color .18s var(--ease-smooth)}.icon-cell:hover{background:var(--bg-input)}.icon-cell:hover svg{color:var(--text-primary)}.icon-cell.selected{background:var(--accent)}.icon-cell.selected svg{color:var(--bg-app)}.icon-cell[data-tooltip]:hover:after{content:attr(data-tooltip);color:#111;white-space:nowrap;pointer-events:none;z-index:999;background:#fff;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:500;animation:.15s tooltipIn;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.no-results{text-align:center;color:var(--text-tertiary);grid-column:1/-1;padding:32px 16px;font-size:13px}.canvas{background:var(--bg-canvas);flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.canvas-area{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.preview-container{width:400px;height:400px;transition:all .35s var(--ease-smooth);border-radius:48px;justify-content:center;align-items:center;display:flex;position:relative}.preview-container svg{width:240px;height:240px;transition:all .3s var(--ease-smooth);filter:drop-shadow(0 4px 12px #ffffff14)}.preview-container.no-icon{box-shadow:none;background:0 0}.sidebar-preview-card{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid #ffffff0d;flex-shrink:0;justify-content:center;align-items:center;height:180px;margin:0 14px 14px;display:flex;position:relative;box-shadow:0 8px 30px #00000080,inset 0 1px #ffffff0d}.sidebar-preview-card svg{color:#fff;filter:drop-shadow(0 2px 8px #ffffff1a);width:64px;height:64px}.icon-label{color:#fff;border-top-left-radius:var(--radius-xl);background:#27272a;border:1px solid #ffffff1a;border-bottom-right-radius:8px;padding:6px 12px;font-size:11px;font-weight:500;position:absolute;top:-1px;left:-1px;box-shadow:2px 2px 8px #0003}.empty-state{color:var(--text-tertiary);text-align:center;animation:fadeInUp .5s var(--ease-smooth);flex-direction:column;align-items:center;gap:16px;display:flex}.empty-state svg{width:64px;height:64px;color:var(--text-tertiary);opacity:.4}.empty-state p{font-size:14px;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.search-container{margin-bottom:24px;padding:0 16px;position:relative}.search-input{color:#fff;width:100%;height:36px;transition:all .2s var(--ease-smooth);background:#1e1f1e;border:1px solid #333;border-radius:12px;padding:0 16px;font-size:14px;font-weight:500}.search-input::placeholder{color:#8f9190}.search-input:focus{border-color:#555;outline:none}.info-panel{z-index:60;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:300px;box-shadow:var(--shadow-lg);animation:slideInBottom .3s var(--ease-smooth);padding:20px;position:absolute;top:auto;bottom:80px;right:24px}.info-panel.hidden{display:none}.info-panel h3{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:600}.info-panel p{color:var(--text-secondary);font-size:13px;line-height:1.65}.info-panel a{color:inherit;text-decoration:underline}@keyframes slideInBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.credits{z-index:1;text-align:center;flex-shrink:0;padding:16px;position:relative}.credits p{color:var(--text-tertiary);font-size:11px;line-height:1.6}.properties-panel{z-index:50;width:var(--panel-width);min-width:var(--panel-width);max-width:var(--panel-width);background:var(--bg-surface);border-left:1px solid var(--border);transition:transform .35s var(--ease-smooth), margin .35s var(--ease-smooth), opacity .35s var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.properties-panel.collapsed{margin-right:calc(-1 * var(--panel-width));opacity:0;pointer-events:none;transform:translate(100%)}.panel-scroll{overscroll-behavior:contain;flex:1;padding:0 0 20px;overflow:hidden auto}.panel-scroll::-webkit-scrollbar{width:5px}.panel-scroll::-webkit-scrollbar-track{background:0 0}.panel-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.panel-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:16px 18px 0;display:flex}.panel-section{border-bottom:1px solid var(--border-light)}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 18px 8px;display:flex}.section-header h3{letter-spacing:1.5px;color:var(--text-secondary);font-size:11px;font-weight:700}.collapse-btn{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-btn:hover{background:var(--bg-input);color:var(--text-secondary)}.collapse-btn svg{width:16px;height:16px;transition:transform .25s var(--ease-smooth)}.section-header.collapsed .collapse-btn svg{transform:rotate(-90deg)}.section-content{transition:max-height .3s var(--ease-smooth), opacity .25s var(--ease-smooth), padding .3s var(--ease-smooth);padding:4px 18px 16px;overflow:hidden}.section-content.collapsed{opacity:0;padding-top:0;padding-bottom:0;max-height:0!important}.control-group{margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-label{color:var(--text-label);margin-bottom:8px;font-size:12px;font-weight:500;display:block}.control-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.control-header .control-label{margin-bottom:0}.control-value{color:var(--accent-hover);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.mode-toggles{background:#1e1f1e;border:none;border-radius:14px;gap:2px;padding:4px;display:flex}.mode-btn{color:#8f9190;cursor:pointer;height:32px;transition:all .2s var(--ease-smooth);background:0 0;border:none;border-radius:10px;flex:1;font-family:inherit;font-size:13px;font-weight:600}.mode-btn:hover{color:var(--text-secondary)}.mode-btn.active{color:#fff;background:#393a39;box-shadow:0 2px 8px #0003}.checkboxes{flex-direction:column;gap:10px;display:flex}.checkbox-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-label input[type=checkbox]{appearance:none;border:2px solid var(--border);background:var(--bg-input);cursor:pointer;width:18px;height:18px;transition:all .2s var(--ease-smooth);border-radius:4px;flex-shrink:0;position:relative}.checkbox-label input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.checkbox-label input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.slider{appearance:none;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;outline:none;width:100%;height:6px;transition:all .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);cursor:pointer;width:16px;height:16px;transition:all .15s var(--ease-smooth);border:none;border-radius:50%;box-shadow:0 2px 6px #fff3}.slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 10px #ffffff4d}.easing-select-container{align-items:center;gap:6px;display:flex}.easing-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);height:36px;color:var(--text-primary);cursor:pointer;outline:none;flex:1;padding:0 10px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;transition:all .2s}.easing-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.easing-preview-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.easing-preview-btn:hover{border-color:var(--accent);color:var(--accent)}.color-mode-toggles{background:#1e1f1e;border:none;border-radius:14px;gap:2px;margin-bottom:10px;padding:4px;display:flex}.color-mode-btn{color:#8f9190;cursor:pointer;height:30px;transition:all .2s var(--ease-smooth);background:0 0;border:none;border-radius:10px;flex:1;font-family:inherit;font-size:13px;font-weight:600}.color-mode-btn.active{color:#fff;background:#393a39;box-shadow:0 2px 8px #0003}.color-input-row{align-items:center;gap:8px;display:flex}.color-picker{border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-input);flex-shrink:0;width:36px;height:36px;padding:2px;transition:border-color .2s}.color-picker:hover{border-color:var(--accent)}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:3px}.hex-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);min-width:0;height:36px;color:var(--text-primary);outline:none;flex:1;padding:0 10px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;transition:all .2s}.hex-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.mini-slider{appearance:none;background:var(--bg-input);border-radius:2px;outline:none;flex-shrink:0;width:60px;height:4px}.mini-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-primary);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #fff3}.opacity-value{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:32px;font-size:11px}.common-sizes-label{letter-spacing:1.2px;color:var(--text-tertiary)!important;font-size:10px!important}.common-sizes{gap:6px;display:flex}.size-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);height:34px;color:var(--text-secondary);cursor:pointer;transition:all .18s var(--ease-smooth);flex:1;font-family:inherit;font-size:12px;font-weight:500}.size-btn:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-light)}.export-actions{gap:8px;margin-top:8px;display:flex}.btn{border-radius:var(--radius-sm);letter-spacing:.5px;cursor:pointer;height:42px;transition:all .2s var(--ease-smooth);border:none;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600}.btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.btn-primary{background:var(--accent);color:var(--bg-app);flex:1;box-shadow:0 4px 14px #ffffff1a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ffffff26}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #ffffff14}.gradient-controls{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.hidden{display:none!important}.drawer-backdrop{display:none}@media (max-width:1024px){:root{--sidebar-width:280px;--panel-width:280px}}@media (max-width:768px){:root{--sidebar-width:100%;--panel-width:100%}.app-shell{height:100dvh}.tool-btn,.floating-btn{width:44px;height:44px}.tool-btn svg{width:20px;height:20px}.sidebar,.properties-panel{z-index:200;position:absolute;top:0;bottom:0;box-shadow:0 0 40px #0009;width:100%!important;max-width:100%!important}.sidebar{left:0}.properties-panel{right:0}.sidebar.collapsed{margin-left:0;transform:translate(-100%)}.properties-panel.collapsed{margin-right:0;transform:translate(100%)}.sidebar-header,.panel-header-actions{padding-top:calc(16px + env(safe-area-inset-top))}.preview-container{width:100%;max-width:100vw;height:320px}.preview-container svg{width:65%;max-width:200px;height:65%;max-height:200px}.floating-btn{top:calc(16px + env(safe-area-inset-top))}.floating-btn.left{left:16px}.floating-btn.right{right:16px}.floating-btn.bottom-right{bottom:calc(16px + env(safe-area-inset-bottom))}.icon-grid{padding-bottom:calc(88px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);gap:8px}.icon-cell{min-height:48px}.panel-scroll{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.search-input,.hex-input,.easing-select{font-size:16px}.slider::-webkit-slider-thumb{width:22px;height:22px}.slider{height:8px}.mini-slider::-webkit-slider-thumb{width:18px;height:18px}.credits{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.info-panel{width:calc(100vw - 32px);right:16px;bottom:calc(80px + env(safe-area-inset-bottom))}.upgrade-modal{width:calc(100vw - 32px);padding:24px 20px}.drawer-backdrop{z-index:199;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}}.upgrade-prompt{border-radius:var(--radius-md);background:#1e1f1e;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex}.upgrade-prompt-text{color:var(--text-secondary);font-size:13px}.upgrade-prompt-text span{color:#fff;font-weight:600}.upgrade-prompt-btn{color:#fff;cursor:pointer;border-radius:var(--radius-sm);background:#393a39;border:none;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.upgrade-prompt-btn:hover{background:#4a4b4a}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.upgrade-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:400px;max-width:90vw;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;box-shadow:0 16px 40px #0006}.modal-close-btn{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background:var(--bg-input);color:var(--text-primary)}.modal-icon-wrapper{border:1px solid var(--border-light);color:#fff;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;position:relative}.modal-icon-glow{background:radial-gradient(circle,#ffffff29 0%,#fff0 70%);border-radius:50%;animation:2.4s ease-in-out infinite glowPulse;position:absolute;inset:-14px}.modal-icon{position:relative}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.modal-eyebrow{background:var(--accent-light);border:1px solid var(--border-light);letter-spacing:.4px;text-transform:uppercase;color:var(--text-label);border-radius:999px;margin:0 auto 10px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.upgrade-modal h2{color:var(--text-primary);margin-bottom:12px;font-size:22px;font-weight:600}.upgrade-modal p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.pricing-card{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;margin-bottom:20px;padding:20px}.pricing-header{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.pricing-price{color:var(--text-primary);font-size:32px;font-weight:700}.pricing-billing{color:var(--text-tertiary);font-size:13px}.pricing-features{margin:0;padding:0;list-style:none}.pricing-features li{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.pricing-features li:last-child{margin-bottom:0}.feature-check{background:var(--accent-light);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.upgrade-btn{color:#000;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.upgrade-btn svg{transition:transform .2s var(--ease-smooth)}.upgrade-btn:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 8px 20px #ffffff1f}.upgrade-btn:hover svg{transform:translate(3px)}.upgrade-trust{color:var(--text-tertiary);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.modal-divider{color:var(--text-tertiary);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.modal-divider:before,.modal-divider:after{content:"";background:var(--border);flex:1;height:1px}.license-redeem{text-align:left}.license-redeem-label{color:var(--text-tertiary);margin-bottom:8px;font-size:12px;display:block}.license-redeem-row{gap:8px;display:flex}.license-input{background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;color:var(--text-primary);flex:1;padding:10px 12px;font-size:13px}.license-input:focus{border-color:var(--text-tertiary);outline:none}.license-redeem-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.license-redeem-btn:hover:not(:disabled){background:var(--border)}.license-redeem-btn:disabled{opacity:.5;cursor:not-allowed}.license-error{color:#f87171;margin-top:8px;font-size:12px}.license-redeem-btn .spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}