@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-5tcqmc2S.woff2)format("woff2"),url(/assets/outfit-latin-ext-400-normal-DHm7mdGe.woff)format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-ext-500-normal-zeox_O30.woff2)format("woff2"),url(/assets/outfit-latin-ext-500-normal-DrCvqoFD.woff)format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff)format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2)format("woff2"),url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.woff)format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-ext-700-normal-CI4iH74K.woff2)format("woff2"),url(/assets/outfit-latin-ext-700-normal-fjS8-Gm7.woff)format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-g30qAdWV.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-400-normal-Dsrv2Tcn.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-cyrillic-400-normal-DZqxrq2p.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-400-normal-BTotfTJu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-greek-400-normal-_efipK4i.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-400-normal-D9ESIMu3.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-vietnamese-400-normal-DG4YqDda.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-400-normal-fK1oJ5dG.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-Cs5J6C77.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-500-normal-DB5PtV2g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-cyrillic-500-normal-CocWQlwt.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-500-normal-ByOcLdNv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-greek-500-normal-JMMifIXV.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-500-normal-CuWXN6rf.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-vietnamese-500-normal-e4dixQRQ.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-500-normal-BEb3_waV.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-ext-500-normal-DakdToA3.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-500-normal-D0aIdm-b.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-DUMzJB7m.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-ext-600-normal-Bz0x94Yp.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-cyrillic-600-normal-71GNu3SW.woff2)format("woff2"),url(/assets/ibm-plex-sans-cyrillic-600-normal-BGq0mW3O.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-greek-600-normal-DzTrcv_p.woff2)format("woff2"),url(/assets/ibm-plex-sans-greek-600-normal-D-CqTdkO.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-vietnamese-600-normal-DpPYBSTl.woff2)format("woff2"),url(/assets/ibm-plex-sans-vietnamese-600-normal-DgdngZtN.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff)format("woff");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:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff");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}:root,[data-theme=dark]{--bg:#0e1014;--panel:#161a22;--panel-2:#1c212b;--border:#2a3140;--text:#e8eaef;--muted:#8b93a7;--accent:#ff5a3c;--accent-2:#ff8a6a;--accent-soft:#ff5a3c24;--ok:#3dd68c;--danger:#ff5c6c;--danger-text:#ff8a96;--danger-soft:#ff5c6c1f;--danger-border:#ff5c6c59;--input-bg:#0e1117;--thumb-bg:#0c0e13;--stage-bg:#12151c;--toolbar-bg:#0e1014d9;--sidebar-bg:#0a0c1073;--btn-hover-bg:#222836;--btn-hover-border:#3d465a;--chip-hover-border:#445;--glow-a:#ff5a3c1f;--glow-b:#4678ff14;--grid-line:#ffffff05;--canvas-shadow:0 30px 80px #0000008c, 0 0 0 1px #ffffff0f;--radius:10px;--font-display:"Outfit", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f4f5f8;--panel:#fff;--panel-2:#f0f2f6;--border:#d8dde8;--text:#1a1f2c;--muted:#6b7388;--accent:#e84a2f;--accent-2:#d63d24;--accent-soft:#e84a2f1f;--ok:#1a9f5c;--danger:#e03d4e;--danger-text:#c62839;--danger-soft:#e03d4e1a;--danger-border:#e03d4e59;--input-bg:#fff;--thumb-bg:#e8ebf2;--stage-bg:#e6e9f0;--toolbar-bg:#ffffffe6;--sidebar-bg:#f4f5f8d9;--btn-hover-bg:#e4e8f0;--btn-hover-border:#b8c0d0;--chip-hover-border:#9aa3b5;--glow-a:#e84a2f14;--glow-b:#4678ff0f;--grid-line:#0000000a;--canvas-shadow:0 20px 50px #1e283c1f, 0 0 0 1px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%, var(--glow-a), transparent 55%), radial-gradient(900px 500px at 100% 0%, var(--glow-b), transparent 50%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app{flex-direction:column;height:100%;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;display:flex;position:relative}.brand{align-items:center;gap:.75rem;min-width:160px;display:flex}.brand-logo{object-fit:contain;border-radius:8px;flex-shrink:0;width:28px;height:28px;display:block}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.1;display:block}.brand-sub{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;display:block}.mode-switch{background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.mode-switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.icon{flex-shrink:0;display:block}.mode-switch button.active{background:var(--accent-soft);color:var(--accent-2)}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;display:flex}.library-menu,.library-trigger{position:relative}.library-count{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:15px;height:15px;padding:0 3px;font-size:.62rem;line-height:15px;position:absolute;top:-3px;right:-3px}.library-popover{visibility:hidden;opacity:0;pointer-events:none;z-index:50;width:290px;max-height:min(70vh,520px);transition:all .15s;position:absolute;top:100%;left:50%;overflow:auto;transform:translate(-50%,-4px)}.library-menu:hover .library-popover,.library-menu:focus-within .library-popover{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%)}.library-popover .panel{box-shadow:0 18px 45px #00000047}.zoom-ctrl{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;padding:0 .35rem;display:inline-flex}.toast{background:var(--panel-2);border:1px solid var(--border);color:var(--ok);pointer-events:none;border-radius:8px;padding:.5rem .85rem;font-size:.85rem;animation:2.4s forwards fade;position:absolute;top:calc(100% + 8px);right:1.25rem}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}.workspace{flex:1;grid-template-columns:280px 1fr 300px;min-height:0;display:grid}.sidebar{border-color:var(--border);background:var(--sidebar-bg);flex-direction:column;gap:.85rem;padding:.85rem;display:flex;overflow:auto}.sidebar.left{border-right:1px solid var(--border)}.sidebar.right{border-left:1px solid var(--border)}.stage-wrap{background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(var(--grid-line) 1px, transparent 1px);background-size:24px 24px;background-color:var(--stage-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.canvas-tools{z-index:10;flex:none;justify-content:center;align-items:center;gap:.5rem;padding-top:.65rem;display:flex}.selection-tools{border-right:1px solid var(--border);align-items:center;gap:.25rem;padding-right:.5rem;display:flex}.selection-tools>span{color:var(--muted);white-space:nowrap;padding:0 .25rem;font-size:.78rem}.selection-tools .btn{white-space:nowrap;padding:.35rem .5rem;font-size:.78rem}.more-tools-link{color:var(--muted);padding:.4rem .2rem;font-size:.8rem;text-decoration:none;transition:color .2s}.more-tools-link:hover,.more-tools-link:focus-visible{color:var(--accent-2);text-decoration:underline}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem}.panel-header h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:600}.panel-header p{color:var(--muted);margin:.25rem 0 0;font-size:.78rem;line-height:1.4}.subhead{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:1rem 0 .5rem;font-size:.8rem;font-weight:600}.shape-edit-hint{color:var(--muted);margin:.75rem 0 0;font-size:.76rem;line-height:1.45}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:.45rem .75rem;font-weight:500;transition:all .15s}.btn-with-icon{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.btn-icon-only{justify-content:center;align-items:center;min-width:2rem;padding:.35rem;display:inline-flex}.btn:hover{border-color:var(--btn-hover-border);background:var(--btn-hover-bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), #ff7a45);color:#fff;border-color:#0000;font-weight:600}.btn-primary:hover{filter:brightness(1.06);background:linear-gradient(135deg, var(--accent), #ff7a45)}.btn-danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-text)}.btn-ghost{background:0 0}.btn-block{width:100%}.new-layout-btn{margin-top:.75rem}.preset-section-title{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:1rem 0 .5rem;padding-top:.75rem;font-size:.72rem;font-weight:600}.preset-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.preset-card{text-align:left;border:1px solid var(--border);background:var(--panel-2);border-radius:10px;flex-direction:column;gap:.4rem;padding:.4rem;transition:all .15s;display:flex;overflow:hidden}.preset-thumb{background:var(--thumb-bg);border:1px solid var(--border);border-radius:6px;width:100%;height:auto;max-height:88px;display:block}.preset-meta{flex-direction:column;gap:.1rem;padding:0 .25rem .2rem;display:flex}.preset-card strong{font-family:var(--font-display);font-size:.8rem;line-height:1.25}.preset-card span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.3;display:-webkit-box;overflow:hidden}.preset-card:hover,.preset-card.active{background:var(--accent-soft);border-color:#ff5a3c8c}.preset-card:hover .preset-thumb,.preset-card.active .preset-thumb{border-color:#ff5a3c59}.image-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.75rem;display:grid}.image-thumb{aspect-ratio:1;border:1px solid var(--border);background:var(--thumb-bg);cursor:grab;border-radius:8px;position:relative;overflow:hidden}.image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-remove{color:#fff;opacity:0;background:#000000a6;border:0;border-radius:50%;width:20px;height:20px;line-height:1;transition:all .15s;position:absolute;top:2px;right:2px}.image-thumb:hover .thumb-remove{opacity:1}.empty-hint{color:var(--muted);grid-column:1/-1;margin:.5rem 0;font-size:.8rem}.tool-grid{grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.75rem;display:grid}.inline-actions{gap:.4rem;margin-top:.65rem;display:flex}.inline-actions .btn{flex:1}.slot-list{flex-direction:column;gap:.3rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.slot-list-item{text-align:left;background:var(--panel-2);border:1px solid #0000;border-radius:7px;align-items:center;gap:.45rem;width:100%;padding:.45rem .55rem;font-size:.82rem;display:flex}.slot-list-item.active{background:var(--accent-soft);border-color:#ff5a3c80}.badge{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--input-bg);border-radius:4px;padding:.15rem .35rem;font-size:.65rem}.field{color:var(--muted);flex-direction:column;gap:.3rem;margin-top:.65rem;font-size:.8rem;display:flex}.inspector-tabs{background:var(--panel-2);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:.25rem;margin:.25rem 0 .75rem;padding:.2rem;display:grid}.inspector-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.45rem .3rem;font-size:.8rem}.inspector-tabs button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0f172a1f}.slot-size-presets{grid-template-columns:repeat(5,1fr);margin-top:.35rem}.slot-size-presets .ratio-preset{min-height:32px;padding:.35rem .15rem}.field input[type=text],.field input[type=number],.field input:not([type]),.field select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:.45rem .55rem}.field input[type=color]{background:var(--input-bg);border:1px solid var(--border);border-radius:7px;height:36px;padding:.2rem}.color-input-row{align-items:center;gap:.45rem;display:flex}.color-preview-button{border:1px solid var(--border);cursor:pointer;border-radius:7px;width:36px;height:36px;padding:.2rem;box-shadow:inset 0 0 0 1px #0000001f}.color-transparent{background-color:#fff;background-image:linear-gradient(45deg,#c7ccd6 25%,#0000 25%),linear-gradient(-45deg,#c7ccd6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c7ccd6 75%),linear-gradient(-45deg,#0000 75%,#c7ccd6 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.color-preview-button.color-transparent{background-color:#fff}.color-modal-backdrop{z-index:20;background:#00000080;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.color-modal{border:1px solid var(--border);background:var(--panel);border-radius:12px;width:min(360px,100%);padding:1rem;box-shadow:0 16px 50px #00000047}.color-modal-header,.color-tabs,.color-modal-field{align-items:center;display:flex}.color-modal-header{justify-content:space-between}.color-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.4rem}.color-tabs{border-bottom:1px solid var(--border);gap:.3rem;margin:.8rem 0}.color-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.45rem .7rem}.color-tabs button.active{border-bottom-color:var(--accent);color:var(--text)}.color-modal-field{color:var(--muted);justify-content:space-between;gap:.75rem;margin-top:.65rem;font-size:.8rem}.color-modal-field input[type=color]{width:100%;height:32px}.color-modal-field input[type=number]{background:var(--input-bg);border:1px solid var(--border);width:5rem;color:var(--text);border-radius:7px;padding:.35rem}.gradient-preview{border:1px solid var(--border);border-radius:8px;height:56px;margin:.9rem 0}.color-input-row input[type=color]{flex:0 0 52px;width:52px}.color-text-input{text-transform:lowercase;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.color-group-label{color:var(--muted);margin-top:.45rem;font-size:.72rem;display:block}.color-swatches{flex-wrap:wrap;gap:.35rem;margin-top:.3rem;display:flex}.color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.color-swatch.active{outline:2px solid var(--accent);outline-offset:2px}.gradient-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.3rem;display:grid}.gradient-swatch{border:1px solid var(--border);cursor:pointer;border-radius:7px;height:32px;padding:0}.field input[type=range]{width:100%;accent-color:var(--accent)}.range-control{align-items:center;gap:.55rem;display:flex}.range-control input[type=range]{flex:1;min-width:0}.range-value{box-sizing:border-box;background:var(--input-bg);border:1px solid var(--border);width:4.5rem;color:var(--text);border-radius:7px;padding:.35rem .4rem}.field.checkbox{flex-direction:row;align-items:center;gap:.5rem}.field-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.font-field{flex-direction:column;gap:.35rem;margin-top:.65rem;display:flex}.font-field .field{margin-top:0}.field-help{color:var(--muted);font-size:.7rem;line-height:1.3}.size-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-top:.55rem;display:grid}.ratio-preset{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:7px;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .15rem;font-size:.75rem;display:flex}.ratio-preset:hover{color:var(--text);border-color:var(--chip-hover-border)}.ratio-preset[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.ratio-preview{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ratio-preview>span{background:currentColor;background:color-mix(in srgb, currentColor 12%, transparent);border:1.5px solid;border-radius:2px}.inspector{flex-direction:column;gap:.85rem;display:flex}.canvas-viewport{margin:auto;padding:2rem;position:relative}.canvas-scaler{box-shadow:var(--canvas-shadow);border-radius:2px}.canvas-stage{transform-style:preserve-3d;position:relative;overflow:hidden}.canvas-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.canvas-meta{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:.75rem;font-size:.78rem}.slot{box-sizing:border-box;position:absolute;overflow:hidden}.slot-rect{justify-content:center;align-items:center;display:flex}.slot.selected,.slot-perspective-wrap.selected .slot-perspective,.slot-polygon-wrap.selected .slot-polygon{outline:2px solid var(--accent);outline-offset:0}.slot-placeholder{width:100%;height:100%;color:var(--accent);text-align:center;font-family:var(--font-display);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:flex}.slot-placeholder span{font-size:clamp(10px,2.2vw,16px);font-weight:600}.slot-placeholder small{opacity:.7;font-size:clamp(9px,1.5vw,12px);font-family:var(--font-body)}.slot-perspective img,.slot-rect img,.slot-polygon img{display:block}.slot-polygon-stroke{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.slot-vector-stroke{pointer-events:none;position:absolute;overflow:visible}.vector-clip-defs{pointer-events:none;position:absolute}.point-handle{background:var(--accent);z-index:1000;pointer-events:auto;cursor:grab;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;position:absolute;box-shadow:0 2px 8px #00000059}.point-handle:active{cursor:grabbing}.point-add-handle{border:2px solid var(--accent);width:18px;height:18px;color:var(--accent);z-index:999;pointer-events:auto;cursor:copy;font:700 15px/14px var(--font-body);background:#ffffffeb;border-radius:50%;margin:-9px 0 0 -9px;padding:0;position:absolute;box-shadow:0 1px 5px #00000047}.point-add-handle:hover,.point-add-handle:focus-visible{background:var(--accent);color:#fff;transform:scale(1.12)}.resize-handle{background:var(--accent);cursor:nwse-resize;z-index:5;border:2px solid #fff;border-radius:3px 0 0;width:14px;height:14px;position:absolute;bottom:0;right:0}@media (width<=1200px){.workspace{grid-template-columns:240px 1fr 260px}}@media (width<=960px){.workspace{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.sidebar.left{border-right:0;border-bottom:1px solid var(--border);max-height:36vh}.sidebar.right{border-left:0;border-top:1px solid var(--border);max-height:36vh}.toolbar{flex-wrap:wrap}.toolbar-actions{width:100%}}
