@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/editor/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/editor/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/editor/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/editor/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/editor/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/editor/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/editor/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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 Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/editor/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.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 Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/editor/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/editor/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.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 Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/editor/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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 Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/editor/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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 Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/editor/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.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 Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/editor/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/editor/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.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 Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/editor/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.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 Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/editor/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.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 Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/editor/assets/ibm-plex-mono-cyrillic-ext-700-normal-BDQ-w_bc.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-cyrillic-ext-700-normal-CtgKGIh5.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 Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/editor/assets/ibm-plex-mono-cyrillic-700-normal-Bp80XfeI.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-cyrillic-700-normal-O_YjL27c.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/editor/assets/ibm-plex-mono-vietnamese-700-normal-apsD3J7v.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-vietnamese-700-normal-Bs14ezHR.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 Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/editor/assets/ibm-plex-mono-latin-ext-700-normal-Dhimjc7-.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-latin-ext-700-normal-Cwsjk1Jb.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 Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/editor/assets/ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2)format("woff2"),url(/assets/editor/assets/ibm-plex-mono-latin-700-normal-CNHXzs6v.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{--font-readable-sans:"Inter Variable";--font-mono:"IBM Plex Mono";--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#f5f5f7;--bg-1:#fff;--bg-2:#f2f2f6;--bg-3:#e5e5ea;--border:#3c3c4324;--border-strong:#3c3c433d;--text-0:#1d1d1f;--text-1:#3a3a3c;--text-2:#6e6e73;--text-3:#a1a1a6;--accent:#007aff;--accent-hover:#0066d6;--accent-soft:#007aff1f;--danger:#be3b45;--danger-soft:#be3b451a;--success:#19775d;--warning:#94640f;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--shadow-sm:0 8px 24px #0000000f;--shadow-md:0 24px 70px #0000001f;--font-sans:var(--font-readable-sans,"Inter"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono-stack:var(--font-mono,"IBM Plex Mono"), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#050506;--bg-1:#151517;--bg-2:#1c1c1e;--bg-3:#2c2c2e;--border:#ebebf51f;--border-strong:#ebebf538;--text-0:#f5f5f7;--text-1:#d1d1d6;--text-2:#98989d;--text-3:#636366;--accent:#3a86ff;--accent-hover:#5b9bff;--accent-soft:#3a86ff33;--danger-soft:#ff6b7a24;--shadow-sm:0 8px 24px #00000047;--shadow-md:0 28px 72px #0000005c}*{box-sizing:border-box}html,body{height:100%;color:var(--text-0);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:#000;min-height:100%;margin:0;padding:0;overflow:hidden}:root[data-theme=dark] body{background:#000}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app-shell{flex-direction:column;gap:10px;width:100%;height:100dvh;min-height:0;margin:0 auto;padding:12px;display:flex}.app-shell--workbench{--preview-frame-height:100%}.editor-stage,.editor-stage__main{flex:auto;min-height:0;display:flex}.editor-stage__main--dropping .editor-empty__card{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-md);transform:scale(1.01)}.editor-stage__main--dropping .editor-empty__mark{border-color:var(--accent)}.editor-empty{isolation:isolate;flex:auto;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.editor-empty:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(135% 108% at 50% -10%,#3a86ff29,#0000 56%),radial-gradient(92% 72% at 50% 118%,#3a86ff14,#0000 60%);position:absolute;inset:0}.editor-empty:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 58% at 50% 46%,#000 22%,#0000 78%);mask-image:radial-gradient(62% 58% at 50% 46%,#000 22%,#0000 78%)}.editor-empty__card{text-align:center;border:1px solid var(--border-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);max-width:480px;box-shadow:inset 0 1px 0 #ffffff0d, var(--shadow-md);background:linear-gradient(#1e222bb8,#0f1218bd);padding:40px 36px;position:relative}.editor-empty__mark{width:56px;height:56px;color:var(--accent);background:radial-gradient(125% 125% at 30% 18%, #3a86ff4d, transparent 62%), linear-gradient(158deg, var(--bg-2), var(--bg-0));border:1px solid var(--border-strong);box-shadow:inset 0 1px 0 #ffffff0d, var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 18px;display:inline-flex}.editor-empty__mark svg{filter:drop-shadow(0 1px 6px #3a86ff73);width:54%;height:54%;display:block}.editor-empty__title{letter-spacing:-.02em;color:var(--text-0);margin:0 0 10px;font-size:1.625rem;font-weight:700}.editor-empty__text{color:var(--text-2);margin:0 0 22px;line-height:1.55}.editor-empty__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.editor-empty__btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 8px 22px #3a86ff52,inset 0 1px #ffffff38}.editor-empty__btn:active{transform:translateY(1px)}.editor-empty__btn:hover{background:var(--accent-hover);color:#fff;box-shadow:0 10px 28px #3a86ff6b,inset 0 1px #ffffff47}.editor-empty__btn:disabled{opacity:.6;cursor:not-allowed}.editor-empty__btn--ghost{border-color:var(--border-strong);color:var(--text-1);background:0 0}.editor-empty__btn--ghost:hover{background:var(--bg-2);color:var(--text-0)}.editor-empty__features{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:22px 0 0;padding:18px 0 0;font-size:.8125rem;list-style:none;display:flex}.editor-empty__features li{align-items:center;gap:6px;display:inline-flex}.editor-empty__features li:before{content:"";background:var(--accent);border-radius:999px;width:5px;height:5px}.editor-header{z-index:20;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);box-shadow:var(--shadow-sm);background:linear-gradient(#ffffffd6 0%,#eff3f8b8 100%);border:1px solid #ffffffd1;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex;position:sticky;top:0}:root[data-theme=dark] .editor-header{background:linear-gradient(#171f2aeb 0%,#0e141ddb 100%);border-color:#ffffff14}.editor-header__title{flex-direction:column;gap:2px;min-width:180px;display:flex}.editor-header__title h1{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:560;line-height:1.2}.editor-header__meta{color:var(--text-2);align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.editor-header__file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-header__color-count{color:var(--text-1);font-variant-numeric:tabular-nums;flex:none}.editor-toolbar{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.editor-sidebar__floating-actions{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:16px 8px 12px;display:flex}.editor-sidebar__floating-actions .primary-action{flex:none;justify-content:center;width:100%;display:flex}.editor-sidebar__floating-actions .primary-action .btn--full{white-space:nowrap;flex:none;width:auto}.editor-sidebar__floating-actions .selection-action{flex:none;align-items:center;gap:6px;display:inline-flex}.selection-action__color{border:1px solid var(--border-strong);background:var(--bg-1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative;overflow:hidden}.selection-action__color input[type=color]{opacity:0;cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.selection-action__swatch{pointer-events:none;border:1px solid #ffffff2e;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000002e}.editor-sidebar__floating-actions .smooth-lines-action{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.smooth-lines-action__control{color:var(--text-1);align-items:center;gap:6px;font-size:12px;display:inline-flex}.smooth-lines-action__select{border:1px solid var(--border-strong);background:var(--bg-1);min-height:30px;color:var(--text-0);border-radius:8px;padding:0 8px}.editor-toolbar__settings{justify-content:center;align-items:center;width:38px;min-width:38px;padding:0;display:inline-flex}.editor-toolbar__settings-icon{color:currentColor;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.export-menu__trigger{border-radius:10px;align-items:center;gap:6px;display:inline-flex}.export-menu__chevron{color:currentColor;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.toolbar-divider{background:var(--border);width:1px;height:24px;margin:0 2px}.editor-app-toolbar{border:0;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:flex;position:relative}:root[data-theme=dark] .editor-app-toolbar{border-bottom-color:#ffffff14}.editor-app-toolbar__group{flex-wrap:nowrap;align-items:center;gap:6px;display:inline-flex}.editor-paint-color{border:1px solid var(--border);background:var(--bg-1);border-radius:999px;justify-content:center;align-items:center;width:34px;height:30px;display:inline-flex;position:relative;overflow:hidden}.editor-paint-color__swatch{border:1px solid #00000038;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff3d}.editor-paint-color input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.editor-app-toolbar__group--center{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-app-toolbar__group--center>*{pointer-events:auto}.editor-app-toolbar__group--right{margin-left:auto}.btn--icon{text-align:center;min-width:28px;padding-inline:6px;font-size:14px;line-height:1}.editor-app-toolbar .btn--small.is-active{color:#101722;background:linear-gradient(#fff,#f6f8fb);border-color:#1219232e;box-shadow:0 1px 2px #11182014}:root[data-theme=dark] .editor-app-toolbar .btn--small.is-active{color:var(--text-0);background:linear-gradient(#2f3c52,#1f2a3b);border-color:#ffffff2e;box-shadow:0 1px 2px #0006}.zoom-readout{text-align:center;min-width:48px;color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px}.editor-zoom-stepper{border:1px solid var(--border);background:var(--bg-0);border-radius:8px;align-items:stretch;height:32px;display:inline-flex;overflow:hidden}:root[data-theme=dark] .editor-zoom-stepper{background:#1c1c1e80}.editor-zoom-stepper__btn{min-width:32px;color:var(--text-0);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 10px;font-size:16px;line-height:1;display:inline-flex}.editor-zoom-stepper__btn:hover:not(:disabled){background:#0000000a}:root[data-theme=dark] .editor-zoom-stepper__btn:hover:not(:disabled){background:#ffffff0f}.editor-zoom-stepper__btn:disabled{color:var(--text-2)}.editor-zoom-stepper__value{text-align:center;min-width:56px;color:var(--text-1);font-variant-numeric:tabular-nums;border:0;border-inline:1px solid var(--border);cursor:pointer;background:0 0;justify-content:center;align-self:stretch;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.editor-zoom-stepper__value:hover{color:var(--text-0);background:#0000000a}:root[data-theme=dark] .editor-zoom-stepper__value{border-inline-color:#ffffff14}:root[data-theme=dark] .editor-zoom-stepper__value:hover{background:#ffffff0f}.editor-app-toolbar__icon{color:currentColor;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.editor-app-toolbar__icon-btn{align-items:center;gap:6px;display:inline-flex}.editor-app-toolbar__tool{border-radius:8px;width:32px;min-width:32px;height:32px;padding:0}.editor-app-toolbar__tool[aria-pressed=true]{color:var(--accent)}.editor-comparison-control{align-items:center;width:96px;display:inline-flex}.editor-comparison-control input[type=range]{width:100%;accent-color:var(--accent)}.canvas-status-bar{color:var(--text-2);font-variant-numeric:tabular-nums;border-top:1px solid var(--border);background:0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex}:root[data-theme=dark] .canvas-status-bar{border-top-color:#ffffff14}.canvas-status-bar__item{align-items:baseline;gap:6px;display:inline-flex}.canvas-status-bar__label{color:var(--text-2)}.canvas-status-bar__value{color:var(--text-1);font-weight:600}.canvas-status-bar__separator{background:var(--border);align-self:center;width:1px;height:12px}:root[data-theme=dark] .canvas-status-bar__separator{background:#ffffff1f}.export-menu__icon{color:currentColor;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.action-notice{color:var(--success);margin:0;font-size:12px;font-weight:600}.workbench-toast{z-index:40;max-width:min(420px,100vw - 48px);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:var(--bg-1);border:1px solid var(--border);color:var(--text-0);border-radius:12px;align-items:center;gap:12px;padding:10px 12px 10px 14px;font-size:13px;line-height:1.35;animation:.2s ease-out workbench-toast-in;display:inline-flex;position:fixed;bottom:20px;left:24px}.workbench-toast--notice{color:#0d4f3c;background:linear-gradient(#e8f8f0f5,#d8f0e4eb);border-color:#19775d6b}.workbench-toast--error{color:#7c1d27;background:linear-gradient(#ffebedf5,#fcdee2eb);border-color:#be3b4573}:root[data-theme=dark] .workbench-toast--notice{color:#b8efd9;background:linear-gradient(#12342af0,#0c261ee6)}:root[data-theme=dark] .workbench-toast--error{color:#ffc4ca;background:linear-gradient(#381218f0,#280c10e6)}.workbench-toast__message{flex:auto;min-width:0}.workbench-toast__close{width:22px;height:22px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.workbench-toast__close:hover{opacity:1;background:#00000014}:root[data-theme=dark] .workbench-toast__close:hover{background:#ffffff1a}@keyframes workbench-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.editor-workbench{grid-template-columns:minmax(0, 1fr) var(--editor-sidebar-track,clamp(240px, 18vw, 300px));border-radius:var(--radius-lg);min-height:0;box-shadow:var(--shadow-md);background:linear-gradient(160deg,#ffffffdb,#ebf0f6db);border:1px solid #ffffffdb;flex:1;display:grid;overflow:hidden}:root[data-theme=dark] .editor-workbench{background:linear-gradient(160deg,#121821eb,#0a0e14eb);border-color:#ffffff14}.editor-sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafcffb8;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:10px;display:flex;overflow:hidden}.editor-sidebar--left{border-right:1px solid var(--border);grid-area:1/1}.editor-sidebar--right{border-left:1px solid var(--border);grid-area:1/2;gap:14px;position:relative}.editor-sidebar__resize-handle{z-index:6;cursor:ew-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0;left:-4px}.editor-sidebar__resize-handle:after{content:"";background:0 0;width:2px;transition:background-color .12s;position:absolute;top:12px;bottom:12px;left:3px}.editor-sidebar__resize-handle:hover:after,.editor-sidebar__resize-handle:focus-visible:after{background:var(--accent)}.editor-sidebar__header{justify-content:space-between;align-items:center;min-height:28px;display:flex}.editor-sidebar__header h2,.inspector-panel__header h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-1);margin:0;font-size:13px;font-weight:700}.editor-sidebar__body{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.editor-sidebar__source{border-radius:var(--radius-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.editor-sidebar__source .source-code-editor{flex:1;min-height:0}.editor-sidebar__body>.layers-inspector{flex:1;min-height:0;padding-right:2px;overflow:auto}.editor-sidebar__body>.left-pane-placeholder{flex:1;min-height:0;overflow:auto}.left-pane-placeholder{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-2);padding:16px;font-size:13px}.left-pane-placeholder p{margin:0}.editor-canvas{background-color:var(--bg-1);background-image:radial-gradient(circle, var(--bg-3) 1px, transparent 1px);background-position:0 0;background-size:18px 18px;flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-controls{z-index:8;max-width:calc(100% - 32px);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#ffffffb8;border:1px solid #ffffffdb;border-radius:999px;align-items:center;gap:6px;padding:6px;display:inline-flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}:root[data-theme=dark] .canvas-controls{background:#121821d6;border-color:#ffffff1a}.canvas-controls .btn--small{border-radius:999px}.editor-canvas__viewport{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px 28px 28px;display:flex;overflow:hidden}.editor-canvas__viewport--pannable{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;position:relative}.editor-canvas__viewport--pannable.is-tool-select{cursor:default}.editor-canvas__viewport--pannable.is-tool-pan{cursor:grab}.editor-canvas__viewport--pannable.is-tool-fill{cursor:cell}.editor-canvas__viewport--pannable.is-tool-erase{cursor:crosshair}.editor-canvas__viewport--pannable.is-panning,.editor-canvas__viewport--pannable.is-panning.is-tool-select,.editor-canvas__viewport--pannable.is-panning.is-tool-pan,.editor-canvas__viewport--pannable.is-panning.is-tool-fill,.editor-canvas__viewport--pannable.is-panning.is-tool-erase{cursor:grabbing}.canvas-marquee{border:1px dashed var(--accent);background:var(--accent-soft);pointer-events:none;z-index:4;border-radius:2px;position:absolute}.editor-canvas__viewport--source{justify-content:stretch;align-items:stretch;padding:16px 20px}.editor-canvas__viewport--source>.preview-frame{flex:1;height:100%;min-height:0}.editor-canvas__zoom-stage{transform-origin:50%;will-change:transform;transition:transform 90ms;display:inline-block;position:relative}.editor-canvas__code{min-height:var(--preview-frame-height);flex:1;overflow:hidden}.editor-canvas__source-stage{width:min(100%,720px);height:100%;min-height:0}.preview-frame--source-code-stage{height:100%;min-height:100%}.inspector-panel{flex-direction:column;gap:12px;min-height:0;display:flex}.rail-panel{flex-direction:column;gap:10px;min-height:0;display:flex}.inspector-panel__header{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.inspector-panel__header span{color:var(--text-2);font-size:12px}.inspector-panel__section,.inspector-panel__empty{border-radius:var(--radius-md);background:#ffffff8f;border:1px solid #ffffffb8;padding:12px}:root[data-theme=dark] .inspector-panel__section,:root[data-theme=dark] .inspector-panel__empty{background:#121821ad;border-color:#ffffff14}.inspector-panel__empty{color:var(--text-2);font-size:13px;line-height:1.5}.inspector-panel__empty p{margin:0}.inspector-panel__label{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:700}.inspector-panel__meta{color:var(--text-1);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.inspector-panel__meta code{color:var(--text-0);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inspector-panel__selection-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-0);justify-content:center;align-items:center;min-height:120px;margin-bottom:10px;padding:12px;display:flex}.inspector-panel__selection-preview svg{width:100%;max-width:100%;height:110px}.inspector-panel__fill,.inspector-panel__field,.inspector-panel__visible{color:var(--text-1);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:inline-flex}.inspector-panel__field{justify-content:space-between;width:100%}.inspector-panel__field input,.inspector-panel__field textarea{border:1px solid var(--border-strong);background:var(--bg-0);min-width:0;color:var(--text-0);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.inspector-panel__field--stacked{flex-direction:column;align-items:stretch}.inspector-panel__field textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inspector-panel__fill input[type=color]{border:1px solid var(--border-strong);background:0 0;border-radius:6px;width:32px;height:24px;padding:0}@media (width<=900px){.editor-workbench{grid-template-columns:1fr;grid-template-rows:minmax(0, 1fr) var(--editor-sidebar-track,minmax(300px, min(52vh, 520px)))}.editor-canvas{grid-area:1/1}.editor-sidebar--right{border-left:0;border-top:1px solid var(--border);grid-area:2/1}.editor-sidebar__resize-handle{cursor:ns-resize;width:auto;height:8px;inset:-4px 0 auto}.editor-sidebar__resize-handle:after{width:auto;height:2px;inset:3px 12px auto}}@media (width<=760px){.app-shell{gap:8px;padding:8px}.editor-header{flex-direction:column;align-items:stretch}.editor-toolbar{justify-content:flex-start}.editor-sidebar--right{border:0;border-top:1px solid var(--border)}.editor-app-toolbar{flex-wrap:wrap;justify-content:center;gap:6px;min-height:0;padding:8px 10px}.editor-app-toolbar__group{flex-wrap:wrap;justify-content:center}.editor-app-toolbar__group--center{pointer-events:auto;position:static;transform:none}.editor-app-toolbar__group--right{margin-left:0}}@media (width<=640px){.editor-workbench{grid-template-rows:minmax(0, 1fr) var(--editor-sidebar-track,minmax(210px, 40vh))}.canvas-status-bar{display:none}.source-pane-tabs.source-pane-tabs--three{grid-template-columns:repeat(2,minmax(0,1fr))}.source-pane-tabs--three .source-pane-tab:nth-child(3),.editor-sidebar__floating-actions .smooth-lines-action,.editor-app-toolbar .editor-app-toolbar__tool--secondary,.editor-app-toolbar .editor-comparison-control{display:none}.editor-app-toolbar{gap:4px;padding:6px 8px}.editor-app-toolbar .editor-app-toolbar__tool{width:42px;min-width:42px;height:42px}.editor-app-toolbar .editor-zoom-stepper{height:42px}.editor-app-toolbar .editor-zoom-stepper__btn{min-width:40px}.editor-sidebar__floating-actions .btn{min-height:42px}.editor-canvas__viewport{padding:14px 14px 16px}}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-1);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;height:100%;min-height:0;padding:56px 32px;transition:border-color .16s,background .16s,transform .16s;display:flex;position:relative}.editor-canvas>.dropzone{width:calc(100% - 56px);height:calc(var(--preview-frame-height) - 56px);min-height:0;margin:28px}.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.005)}.dropzone__icon{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:24px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.dropzone__icon svg{width:36px;height:36px}.dropzone__primary{letter-spacing:-.015em;color:#fff;margin:0;font-size:22px;font-weight:600}.dropzone__secondary{color:var(--text-2);margin:0;font-size:13px}.dropzone__select{cursor:pointer;margin-top:12px;padding-inline:22px}.dropzone__hint{color:var(--text-3);margin:0;font-size:12px}.editor-canvas.is-dropping{position:relative}.comparison-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.comparison-overlay__divider{z-index:5;background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.preview-frame--comparison{padding:0}.preview-frame--comparison .preview-pane__image{max-width:none;max-height:none}.editor-canvas__drop-overlay{background:color-mix(in srgb, var(--bg-0) 78%, transparent);border:2px dashed var(--accent);border-radius:var(--radius-md);pointer-events:none;z-index:5;justify-content:center;align-items:center;margin:12px;display:flex;position:absolute;inset:0}.editor-canvas__drop-overlay-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:18px 24px;box-shadow:0 8px 24px #0000002e}.editor-canvas__drop-overlay-title{color:var(--text-0);margin:0;font-size:16px;font-weight:600}.editor-canvas__drop-overlay-subtitle{color:var(--text-2);margin:4px 0 0;font-size:12px}.preview-frame__remove{color:#fff;width:24px;height:24px;box-shadow:var(--shadow-sm);opacity:0;background:#0000008c;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:opacity .12s,background .12s;display:inline-flex;position:absolute;top:8px;right:8px}.preview-frame--has-file:hover .preview-frame__remove,.preview-frame--has-file:focus-within .preview-frame__remove{opacity:1}.preview-frame__remove:hover:not(:disabled){background:#000000d9}.preview-frame__remove:disabled{cursor:not-allowed}.preview-frame--has-file:hover .preview-frame__remove:disabled,.preview-frame--has-file:focus-within .preview-frame__remove:disabled{opacity:.5}.btn{letter-spacing:.01em;color:var(--text-0);background:linear-gradient(#ffffffe6,#ebf0f6e6);border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .12s,color .12s,border-color .12s,transform 60ms;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}:root[data-theme=dark] .btn{background:linear-gradient(#273344f0,#19222ff0);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14}.btn--primary{color:#fff;background:linear-gradient(#1b2430 0%,#0d1219 100%);border-color:#00000029;font-weight:640;box-shadow:0 12px 28px #11182033}.btn:disabled{opacity:.5;background:var(--bg-3);color:var(--text-2);border-color:var(--border)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--full{width:100%}.error-banner{background:var(--danger-soft);color:#ffd9d9;border-radius:var(--radius-md);border:1px solid #ff6b6b59;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.error-banner strong{color:#fff;font-weight:600}#right-rail-panel{width:100%}#right-rail-panel>section{height:100%;min-height:0;overflow:auto}.preview-frame{border-radius:var(--radius-md);background:linear-gradient(#ffffffe0,#edf1f6eb);border:1px solid #ffffffd6;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.preview-frame--compact{height:clamp(180px,28vh,280px);min-height:clamp(180px,28vh,280px)}.editor-sidebar .preview-frame--source-code,.editor-sidebar .preview-frame--layers{height:100%;min-height:0}.preview-frame__svg{justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.preview-frame__svg svg{width:100%;max-width:100%;height:100%;max-height:100%}.editor-canvas__zoom-stage .preview-frame,.editor-canvas__zoom-stage .preview-frame__svg{overflow:visible}.editor-canvas__zoom-stage .preview-frame__svg svg{max-width:none;max-height:none;overflow:visible}.svg-editor__frame-outline{color:#0f172a73}:root[data-theme=dark] .svg-editor__frame-outline,.editor-canvas[data-canvas-theme=dark] .svg-editor__frame-outline{color:#ffffff8c}.preview-frame__svg svg path,.preview-frame__svg svg rect,.preview-frame__svg svg circle,.preview-frame__svg svg ellipse,.preview-frame__svg svg polygon,.preview-frame__svg svg polyline,.preview-frame__svg svg line{pointer-events:all}.preview-image,.preview-pane__image{object-fit:contain;width:100%;height:100%;display:block}.result-panel__message{color:var(--text-1);margin:0;font-size:14px;font-weight:600}.result-panel--loading{justify-content:center;align-items:center;height:100%;min-height:240px;display:flex}.result-panel__loader{color:var(--text-1);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.result-panel__headline{letter-spacing:-.01em;color:var(--text-0);margin:0;font-size:15px;font-weight:600}.result-panel__subtitle{color:var(--text-2);max-width:320px;margin:0;font-size:12px;line-height:1.5}.result-panel__progress{border:1px solid var(--border);background:var(--bg-1);width:min(320px,80vw);height:8px;overflow:hidden}.result-panel__progress-bar{background:var(--accent);height:100%;transition:width .18s ease-out;display:block}.result-panel__progress-copy{color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;margin:-4px 0 0;font-size:11px;font-weight:600}.result-panel__error{color:var(--danger);text-align:center;margin:0;padding:24px;font-size:14px;line-height:1.5}.empty-state{text-align:center;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.empty-state__title{color:var(--text-1);font-size:14px;font-weight:600}.empty-state__body{max-width:280px;font-size:13px;line-height:1.5}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spinner-rotate}.spinner--lg{width:28px;height:28px;color:var(--accent);border-width:3px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--accent);color:#fff;border-radius:var(--radius-sm);min-height:44px;box-shadow:var(--shadow-md);align-items:center;margin:.75rem;padding:.625rem 1rem;font-weight:600;transition:transform .14s;display:inline-flex;position:fixed;top:0;left:0;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#07080cb8;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out modal-fade;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;width:min(960px,100%);max-height:min(720px,100vh - 48px);display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.modal__heading{flex-direction:column;gap:4px;min-width:0;display:flex}.modal__title{color:var(--text-0);margin:0;font-size:18px;font-weight:600}.modal__subtitle{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin:0;font-size:13px;overflow:hidden}.modal__close{border:1px solid var(--border-strong);color:var(--text-1);border-radius:var(--radius-sm);background:0 0;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:inline-flex}.modal__close:hover{border-color:var(--accent);color:var(--text-0)}.modal__body{flex:1;min-height:0;padding:20px 24px;overflow:auto}.modal__footer{border-top:1px solid var(--border);background:var(--bg-1);align-items:center;gap:10px;padding:16px 24px;display:flex}.modal__footer-spacer{flex:1}.modal--settings{width:min(560px,100%);max-height:min(820px,100vh - 48px)}.modal__body--settings{flex-direction:column;gap:14px;padding:18px 20px 22px;display:flex}.modal__body--settings .settings-panel{gap:14px}.modal__body--settings .settings-panel__header{display:none}.modal--confirm{width:min(440px,100%);max-height:min(360px,100vh - 48px)}.modal__body--confirm{padding:16px 24px 20px}.modal__copy{color:var(--text-1);margin:0;font-size:14px;line-height:1.5}.btn--primary.btn--danger{color:#fff;background:linear-gradient(#d23a44 0%,#b1242e 100%);border-color:#78162080;box-shadow:0 12px 28px #b2242d47}.btn--primary.btn--danger:hover:not(:disabled){background:linear-gradient(#de4750 0%,#bd2933 100%);border-color:#781620a6}:root[data-theme=dark] .btn--primary.btn--danger{color:#fff;background:linear-gradient(#ff5562 0%,#d23944 100%);border-color:#ff556273;box-shadow:0 12px 28px #ff556247}.svg-editor{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=760px){.svg-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}}.svg-editor__pane{flex-direction:column;gap:8px;min-width:0;min-height:280px;display:flex}.svg-editor__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);font-size:12px;font-weight:600}.svg-editor__error{color:#ffd9d9;background:var(--danger-soft);border-radius:var(--radius-sm);border:1px solid #ff6b6b59;margin:0;padding:8px 10px;font-size:12px}.svg-editor__preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-2);flex:1;justify-content:center;align-items:center;min-height:280px;display:flex;overflow:hidden}.svg-editor__preview .preview-frame__svg{transform-origin:50%;transition:transform .12s}.svg-editor__preview-highlight{filter:drop-shadow(0 0 0 var(--accent)) drop-shadow(0 0 2px var(--accent)) drop-shadow(0 0 6px var(--accent));paint-order:stroke fill;stroke:var(--bg-0);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;outline:none}.svg-editor__preview-highlight--hover{filter:drop-shadow(0 0 4px #00b277b3);outline:none}.svg-editor__selection-overlay>rect{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 3;pointer-events:none}.svg-editor__selection-overlay{filter:drop-shadow(0 0 0 var(--accent)) drop-shadow(0 0 2px #0a84ff73)}.svg-options_svgOptions__H7xMc{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-1);grid-column:1/-1;padding:10px 12px}.svg-options_options__cw_Dr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.svg-options_left__Qdgty{align-items:center;gap:12px;display:inline-flex}.svg-options_viewScale__ufObB{align-items:center;gap:8px;display:inline-flex}.svg-options_scaleSelection__BN_po{text-align:center;min-width:52px;color:var(--text-1);font-size:13px}.button{border:1px solid var(--border-strong);background:var(--bg-3);color:var(--text-0);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:32px;padding:8px;display:inline-flex}.button_grey__3wAcM{width:32px}.button_brand__Zykbx{background:var(--accent);border-color:#0000}.button_small__tuYUt{width:auto;padding:8px 12px}.svg-options_viewBackgroundColor__LCb_H{gap:8px;display:inline-flex}.svg-options_squareOption__wDTv8,.svg-options_squareOptionSelected__c_L_e{border:1px solid var(--border-strong);border-radius:6px;width:24px;height:24px}.svg-options_squareOptionSelected__c_L_e{box-shadow:0 0 0 2px var(--accent-soft);border-color:var(--accent)}.source-pane-tabs{background:#e8edf4d1;border:1px solid #ffffffd1;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;max-width:100%;padding:4px;display:grid}.source-pane-tabs--two{grid-template-columns:repeat(2,minmax(0,1fr))}.source-pane-tabs--three{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-theme=dark] .source-pane-tabs{background:#171f2ad1;border-color:#ffffff14}.source-pane-tab{appearance:none;color:var(--text-2);letter-spacing:.02em;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-width:0;padding:6px 8px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.source-pane-tab.is-active,.source-pane-tab[aria-checked=true]{color:#101722;background:linear-gradient(#fff,#f6f8fb);box-shadow:0 1px 2px #11182014}:root[data-theme=dark] .source-pane-tab.is-active,:root[data-theme=dark] .source-pane-tab[aria-checked=true]{color:var(--text-0);background:linear-gradient(#2f3c52,#1f2a3b);box-shadow:0 1px 2px #0006}.source-pane-tab:disabled{cursor:not-allowed;color:var(--text-3)}.source-pane-tab:not(:disabled):not(.is-active):hover{color:var(--text-0)}.preview-frame--source-code{height:100%;min-height:0;padding:0;display:block;overflow:hidden}.preview-frame--layers{justify-content:flex-start;align-items:stretch;padding:0;overflow:auto}.preview-frame--layers .palette-panel{background:0 0;border:0;border-radius:0;width:100%;min-height:100%}.source-code-editor{width:100%;height:100%;min-height:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.source-code-editor .cm-editor{background:var(--bg-1);height:100%}.source-code-editor .cm-scroller{font-family:inherit;overflow:auto}.source-code-editor .cm-foldGutter{cursor:pointer}.source-code-editor .cm-foldGutter .cm-gutterElement{color:var(--text-2)}.source-code-editor .cm-active-shape-line{background:#00b2772e}.preview-frame--vector .result-meta{color:#fff;opacity:0;pointer-events:none;background:#0009;padding:6px 10px;font-size:11px;transition:opacity .12s;position:absolute;inset:auto 0 0}.preview-frame--difference .difference-preview{width:100%;height:100%;min-height:200px;position:relative}.difference-preview__original,.difference-preview__vector{width:100%;height:100%;position:absolute;inset:0}.difference-preview__original{object-fit:contain}.difference-preview__vector{mix-blend-mode:difference;opacity:.85}.preview-frame--vector:hover .result-meta,.preview-frame--vector:focus-within .result-meta{opacity:1}.palette-panel{border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.palette-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.palette-panel__history{align-items:center;gap:6px;display:inline-flex}.shortcut-help{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);padding:10px}.shortcut-help h3{color:var(--text-0);margin:0 0 8px;font-size:13px}.shortcut-help dl{gap:6px;margin:0;display:grid}.shortcut-help__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.shortcut-help dt{color:var(--text-1);font-size:12px}.shortcut-help dd{color:var(--text-0);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.palette-panel__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin:0;font-size:12px;font-weight:600}.layer-accordion-list{flex-direction:column;gap:6px;display:flex}.layer-accordion{border:1px solid var(--border);background:var(--bg-2);border-radius:10px;transition:border-color .12s,background-color .12s;overflow:hidden}.layer-accordion:not(.is-selected):hover{border-color:var(--border-strong)}.layer-accordion:not(.is-selected):hover .layer-accordion__summary{background:#ffffff08}.layer-accordion.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.layer-accordion.is-selected .layer-accordion__summary{color:var(--text-0)}.layer-accordion.is-hidden{opacity:.72}.layer-accordion.is-locked{border-color:var(--border-strong)}.layer-accordion__summary{color:var(--text-1);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:10px;padding:7px 8px 7px 9px;font-size:13px;transition:background-color .12s;display:flex}.layer-accordion__summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.layer-accordion__checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}.layer-accordion__meta{flex-direction:column;flex:1;gap:1px;min-width:0;line-height:1.2;display:flex}.layer-accordion__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);font-size:12.5px;font-weight:600;overflow:hidden}.layer-accordion__actions{flex:none;align-items:center;gap:1px;display:inline-flex}.layer-accordion__mini{appearance:none;border:1px solid var(--border);background:var(--bg-1);color:var(--text-1);border-radius:6px;padding:3px 6px;font-size:11px}.layer-accordion__mini:hover:not(:disabled){border-color:var(--accent);color:var(--text-0)}.layer-accordion__icon-btn,.layer-accordion__visibility{color:var(--text-3);background:0 0;border-color:#0000}.layer-accordion__icon-btn:hover:not(:disabled),.layer-accordion__visibility:hover:not(:disabled){color:var(--text-0);background:#ffffff14;border-color:#0000}.layer-accordion__mini:disabled{opacity:.45}.layer-accordion__icon-btn{justify-content:center;align-items:center;padding:4px;line-height:0;display:inline-flex}.layer-accordion__icon-btn svg{display:block}.layer-accordion__hex{font-family:var(--font-mono-stack);letter-spacing:.02em;color:var(--text-2);font-size:11px}.layer-accordion__color-input{cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;width:28px;height:28px;padding:0;transition:box-shadow .12s,transform 80ms;box-shadow:inset 0 0 0 1px #ffffff2e,0 1px 2px #00000059}.layer-accordion__color-input:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff52,0 2px 7px #0000006b}.layer-accordion__color-input::-webkit-color-swatch-wrapper{padding:0}.layer-accordion__color-input::-webkit-color-swatch{border:none;border-radius:8px}.layer-accordion__color-input::-moz-color-swatch{border:none;border-radius:8px}.layer-accordion.is-selected .layer-accordion__color-input{box-shadow:inset 0 0 0 1px #ffffff52, 0 0 0 2px var(--accent)}.layer-accordion__color-input:disabled{cursor:not-allowed;opacity:.5}.layer-accordion__preview{border-top:1px solid var(--border);background:var(--bg-0);flex-direction:column;gap:8px;min-height:120px;padding:12px;display:flex}.layer-accordion__preview svg{width:100%;max-width:100%;height:100%;display:block}.layer-accordion__preview-svg{border-radius:var(--radius-sm);box-sizing:border-box;background-color:#fbfbfd;background-image:linear-gradient(#3c3c4309 1px,#0000 1px),linear-gradient(90deg,#3c3c4309 1px,#0000 1px);background-size:14px 14px;justify-content:center;align-items:center;width:100%;height:110px;padding:8px;display:flex;overflow:hidden}:root[data-theme=dark] .layer-accordion__preview-svg{background-color:#101012;background-image:linear-gradient(#ebebf50d 1px,#0000 1px),linear-gradient(90deg,#ebebf50d 1px,#0000 1px)}.layer-accordion__preview-svg.has-transparency{background-image:linear-gradient(45deg,#00000014 25%,#0000 25%),linear-gradient(-45deg,#00000014 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#00000014 75%),linear-gradient(-45deg,#0000 75%,#00000014 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.layer-accordion.is-selected .layer-accordion__preview-svg>svg :is(path,rect,circle,ellipse,polygon,polyline,line){filter:drop-shadow(0 0 0 var(--accent)) drop-shadow(0 0 1.5px var(--accent)) drop-shadow(0 0 4px var(--accent));paint-order:stroke fill;stroke:var(--bg-0);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.layer-accordion__d-row{align-items:center;gap:8px;min-width:0;display:flex}.layer-accordion__d{min-width:0;color:var(--text-1);background:var(--bg-1);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow:hidden}.palette-panel__palette-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-top:4px;font-size:11px;font-weight:600}.palette-panel__swatches{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.palette-panel__swatch{flex:none}.palette-panel__swatch-label{--swatch-color:#000;--swatch-text:#fff;background:var(--swatch-color);min-width:86px;min-height:36px;color:var(--swatch-text);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff2e;place-items:center;display:inline-grid;position:relative;overflow:hidden}.palette-panel__swatch input[type=color]{appearance:none;opacity:.01;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.palette-panel__swatch input[type=color]:disabled{cursor:not-allowed}.palette-panel__swatch-hex{z-index:1;text-shadow:0 1px 2px #00000059;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;position:relative}.shape-edit-controls{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);flex-direction:column;gap:8px;padding:10px;display:flex}.shape-edit-controls__meta{color:var(--text-1);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.shape-edit-controls__id,.shape-edit-controls__color,.shape-edit-controls__value{color:var(--text-0);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.shape-edit-controls__opacity{color:var(--text-1);grid-template-columns:auto minmax(120px,1fr) 44px;align-items:center;gap:8px;font-size:12px;display:grid}.btn--danger{color:var(--danger)}.cleanup-controls{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.cleanup-controls__preset{color:var(--text-1);align-items:center;gap:8px;font-size:12px;display:inline-flex}.cleanup-controls__preset select{border:1px solid var(--border-strong);background:var(--bg-1);min-height:30px;color:var(--text-0);border-radius:8px}.btn--small{border-radius:8px;padding:6px 10px;font-size:12px}.primary-action{flex:0 auto;align-items:stretch;gap:8px;min-width:0;display:flex}.primary-action .btn--full{flex:1}.primary-action .primary-action__cta{flex:1;width:100%}.editor-toolbar .primary-action{align-items:center}.editor-toolbar .primary-action .btn--full{white-space:nowrap;flex:none;width:auto}.export-menu{flex:none;justify-content:center;display:inline-flex;position:relative}.cta-outline{appearance:none;border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;min-height:0;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:.35rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;line-height:1;transition:background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out,transform .12s ease-out;display:inline-flex}.cta-outline:hover:not(:disabled){background:var(--accent);color:var(--bg-0);border-color:var(--accent)}.cta-outline:active:not(:disabled){transform:scale(.97)}.cta-outline:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cta-outline:disabled{opacity:.5;cursor:not-allowed}.btn--icon{width:44px;padding:0;font-size:16px}.export-menu__list{border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:30;background:#fffffff5;border:1px solid #00000014;min-width:240px;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 10px);left:50%;right:auto;transform:translate(-50%)}:root[data-theme=dark] .export-menu__list{background:#141b26fa;border-color:#ffffff14}.editor-toolbar .export-menu__list{top:calc(100% + 6px);bottom:auto}.export-menu__item{text-align:left;appearance:none;width:100%;color:var(--text-1);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:500;line-height:1.35;transition:background-color .12s,color .12s;display:flex}.export-menu__item-icon{color:var(--text-3);flex:none;transition:color .12s}.export-menu__item:hover .export-menu__item-icon{color:var(--accent)}.export-menu__list>li+li{margin-top:2px}.export-menu__list>li:nth-child(5){border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.export-menu__item:hover{color:var(--text-0);background:#e8edf4c2}:root[data-theme=dark] .export-menu__item:hover{background:var(--accent-soft);color:var(--text-0)}.layers-inspector{flex-direction:column;gap:12px;padding-bottom:4px;display:flex}.layers-inspector__header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.layers-inspector__tolerance{color:var(--text-1);align-items:center;gap:6px;font-size:12px;display:inline-flex}.layers-inspector__tolerance-label{color:var(--text-2);letter-spacing:.01em}.layers-inspector__tolerance input[type=range]{width:90px}.layers-inspector__tolerance-value{font-variant-numeric:tabular-nums;text-align:right;min-width:18px}.layer-accordion__visibility{font-size:14px;line-height:1}.layer-accordion.is-hidden .layer-accordion__visibility{color:var(--text-2)}.layer-accordion.is-merge-target>.layer-accordion__summary{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.settings-panel{flex-direction:column;gap:12px;padding-bottom:4px;display:flex}.settings-panel__header{flex-direction:column;gap:4px;display:flex}.settings-panel__heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-1);margin:0;font-size:13px;font-weight:700}.settings-panel__subhead{color:var(--text-2);margin:0;font-size:12px}.settings-panel__section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-1);padding:12px}:root[data-theme=dark] .settings-panel__section{background:var(--bg-2);box-shadow:inset 0 1px #ffffff09}.settings-panel__section--group{flex-direction:column;gap:12px;display:flex}.settings-panel__section--nested{box-shadow:none;background:0 0;border:0;border-radius:0;padding:12px}:root[data-theme=dark] .settings-panel__section--nested{background:0 0}.settings-panel__section-heading{flex-direction:column;gap:2px;display:flex}.settings-panel__section-heading h3{color:var(--text-0);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.settings-panel__section-heading p{color:var(--text-2);margin:0;font-size:12px;line-height:1.4}.settings-panel__row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-panel__row-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-panel__row-title{color:var(--text-0);margin:0;font-size:13px;font-weight:600}.settings-panel__row-help{color:var(--text-2);margin:0;font-size:12px;line-height:1.4}.settings-panel__row-meta{color:var(--text-1);margin:4px 0 0;font-size:11px;line-height:1.4}.settings-panel__swatch-code{align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;display:inline-flex}.settings-panel__swatch{border:1px solid var(--border-strong);border-radius:3px;width:12px;height:12px;display:inline-block}.settings-panel__switch{cursor:pointer;flex:none;width:36px;height:22px;position:relative}.settings-panel__switch input[type=checkbox]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.settings-panel__switch input[type=checkbox]:disabled{cursor:not-allowed}.settings-panel__switch-track{background:var(--bg-3);border:1px solid var(--border-strong);border-radius:999px;width:100%;height:100%;transition:background .12s,border-color .12s;display:block}.settings-panel__switch-thumb{background:var(--bg-1);border-radius:50%;width:16px;height:16px;transition:left .12s,background .12s;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 1px 2px #1118202e}.settings-panel__switch input[type=checkbox]:checked+.settings-panel__switch-track{background:var(--accent);border-color:var(--accent)}.settings-panel__switch input[type=checkbox]:checked+.settings-panel__switch-track .settings-panel__switch-thumb{background:#fff;left:calc(100% - 18px)}.settings-panel__switch input[type=checkbox]:disabled+.settings-panel__switch-track{opacity:.5}.settings-panel__switch input[type=checkbox]:focus-visible+.settings-panel__switch-track{outline:2px solid var(--accent);outline-offset:2px}#right-rail-panel>.settings-panel{flex:none;height:auto;min-height:0;padding-right:2px;overflow:visible}.settings-panel__row--stacked{flex-direction:column;align-items:stretch;gap:8px}.settings-panel__radio-group{flex-direction:column;gap:6px;display:flex}.settings-panel__radio{color:var(--text-0);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.settings-panel__radio input[type=radio]{accent-color:var(--accent);margin-top:3px}.settings-panel__radio input[type=radio]:disabled{cursor:not-allowed}.settings-panel__radio span{flex-direction:column;gap:2px;line-height:1.35;display:flex}.settings-panel__radio-help{color:var(--text-2);font-size:11px}.settings-panel__select,.settings-panel__number{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-1);width:100%;color:var(--text-0);padding:6px 8px;font-size:13px}.settings-panel__number{text-align:right;width:84px}.settings-panel__select:focus-visible,.settings-panel__number:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.settings-panel__select:disabled,.settings-panel__number:disabled{opacity:.55;cursor:not-allowed}.settings-panel__color-count{align-items:center;gap:8px;display:flex}.settings-panel__color-count input[type=range]{accent-color:var(--accent);flex:1}.settings-panel__color-count[aria-disabled=true]{opacity:.55}.settings-panel__reconvert{background:var(--accent-soft,#3a86ff1f);border-color:#3a86ff80;flex-direction:column;gap:10px;display:flex}:root[data-theme=dark] .settings-panel__reconvert{background:linear-gradient(#3a86ff29,#3a86ff0d);border-color:#3a86ff80;box-shadow:inset 0 1px #ffffff0d}.settings-panel__reconvert-text{flex-direction:column;gap:2px;display:flex}.settings-panel__reconvert .settings-panel__row-title{color:var(--text-0)}.settings-panel__reconvert-spin{animation:.9s linear infinite settings-panel-spin}@keyframes settings-panel-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.settings-panel__reconvert-spin{animation:none}}.settings-panel__auto-tune{background:var(--accent-soft,#7c5cff14);border-radius:var(--radius-sm);border:1px solid #3a86ff6b;flex-direction:column;gap:6px;padding:11px 13px;display:flex;box-shadow:inset 0 1px #ffffff0a}.settings-panel__auto-tune-title{color:var(--text-0);margin:0;font-size:13px;font-weight:650;line-height:1.35}.settings-panel__auto-tune-reasons{color:var(--text-2);margin:0;padding-left:16px;font-size:12px;line-height:1.45}.settings-panel__auto-tune-reasons li+li{margin-top:2px}.settings-panel__auto-tune-hint{color:var(--text-2);margin:0;font-size:12px;line-height:1.4}.settings-panel__callout{background:var(--bg-2,#111114);border-radius:var(--radius-sm);border:1px solid #3a86ff6b;flex-direction:column;gap:10px;padding:12px;display:flex}.settings-panel__callout--compact{margin-bottom:4px}.settings-panel__callout-header{align-items:flex-start;gap:10px;min-width:0;display:flex}.settings-panel__callout-text{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-panel__callout-title{color:var(--text-0);margin:0;font-size:13px;font-weight:650;line-height:1.35}.settings-panel__callout-body{color:var(--text-2);margin:0;font-size:12px;line-height:1.4}.settings-panel__schematic{border-radius:0;flex:0 0 24px;width:24px;height:24px}.settings-panel__engine-notes{border:1px solid var(--border);background:var(--bg-1);border-radius:0;padding:10px 12px}.settings-panel__engine-notes-heading{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:650}.settings-panel__engine-notes-list{color:var(--text-2);margin:0;padding-left:16px;font-size:12px;line-height:1.45}.settings-panel__engine-notes-list li+li{margin-top:4px}.settings-panel__engine-notes-more{color:var(--text-2);margin:6px 0 0;font-size:12px;font-style:italic}.settings-panel__recovery-links{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.settings-panel__recovery-link{color:var(--accent);font:inherit;text-align:left;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;line-height:1.35;text-decoration:underline}.settings-panel__recovery-link:hover,.settings-panel__recovery-link:focus-visible{color:var(--text-0);outline:none}.settings-panel__details--recovery>summary:hover,.settings-panel__details--recovery>summary:focus-visible{color:var(--accent)}.settings-panel__details{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-1);overflow:hidden}:root[data-theme=dark] .settings-panel__details{background:var(--bg-2)}.settings-panel__details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px;list-style:none;display:flex}.settings-panel__details>summary::-webkit-details-marker{display:none}.settings-panel__details>summary:after{content:"+";color:var(--text-2);flex:none;font-size:16px;line-height:1}.settings-panel__details[open]>summary{border-bottom:1px solid var(--border)}.settings-panel__details[open]>summary:after{content:"-"}.settings-panel__details-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-panel__details-copy span{color:var(--text-0);font-size:13px;font-weight:650}.settings-panel__details-copy small{color:var(--text-2);font-size:12px;line-height:1.35}.settings-panel__footer{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.preview-frame--source-code-dark{color:#e6edf3;background:#0d1117;border-color:#ffffff14}.preview-frame--source-code-dark .source-code-editor .cm-editor{background:0 0}.preview-frame--source-code-dark .source-code-editor .cm-gutters{background:#0d1117;border-right-color:#ffffff14}.preview-frame--source-code-dark .source-code-editor .cm-foldGutter .cm-gutterElement{color:#6c7889}.app-shell{gap:14px;padding:18px}.editor-header,.editor-workbench{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffad;border-color:#ffffffb8}:root[data-theme=dark] .editor-header,:root[data-theme=dark] .editor-workbench{background:#1c1c1eb3;border-color:#ffffff1a}.editor-header{padding:14px 16px;box-shadow:0 18px 54px #00000014}.editor-header__title{gap:4px}.editor-header__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.editor-header__title h1{letter-spacing:-.045em;font-size:24px;font-weight:700}.editor-header__meta{font-size:13px}.editor-header__color-count{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 8px;font-weight:650}.editor-toolbar{gap:8px}.toolbar-divider{background:var(--border)}.editor-workbench{border-radius:30px;grid-template-columns:minmax(0,1fr) clamp(320px,24vw,410px);overflow:hidden;box-shadow:0 26px 80px #00000024}.editor-workbench.editor-workbench--empty{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.editor-canvas{background-color:#fbfbfd;background-image:linear-gradient(#3c3c4309 1px,#0000 1px),linear-gradient(90deg,#3c3c4309 1px,#0000 1px);background-size:28px 28px}:root[data-theme=dark] .editor-canvas{background-color:#101012;background-image:linear-gradient(#ebebf50d 1px,#0000 1px),linear-gradient(90deg,#ebebf50d 1px,#0000 1px)}.editor-sidebar{background:#fafafcc2;padding:14px}:root[data-theme=dark] .editor-sidebar{background:#141416c7}.dropzone{box-shadow:inset 0 1px 0 #ffffffe6, var(--shadow-sm);background:radial-gradient(circle at 50% 18%,#007aff1f,#0000 28%),linear-gradient(#ffffffeb,#f2f2f7d1);border:1px solid #ffffffd1;gap:12px;padding:64px 36px}:root[data-theme=dark] .dropzone{background:radial-gradient(circle at 50% 18%,#0a84ff33,#0000 30%),linear-gradient(#242426e6,#141416d6);border-color:#ffffff1f}.dropzone.is-dragging{border-color:var(--accent);background:radial-gradient(circle at 50% 18%,#007aff33,#0000 32%),linear-gradient(#fffffff5,#ecf5ffe6)}.dropzone__icon{background:linear-gradient(#007aff29,#007aff14);border-radius:26px;width:84px;height:84px;box-shadow:inset 0 1px #fffc}.dropzone__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:4px 0 0;font-size:12px;font-weight:700}.dropzone__primary{letter-spacing:-.065em;max-width:680px;font-size:clamp(32px,4vw,58px);font-weight:760;line-height:.96}.dropzone__secondary{max-width:520px;color:var(--text-2);font-size:16px;line-height:1.55}.dropzone__hint{color:var(--text-2);background:#7676801a;border-radius:999px;padding:6px 12px;font-size:12px}.btn{background:#ffffffa8;border-color:#ffffffb8;min-height:38px;box-shadow:inset 0 1px #ffffffc2}.btn:hover:not(:disabled){background:#ffffffe6;border-color:#3c3c432e}.btn--primary{color:#fff;background:linear-gradient(#0a84ff,#0071e3);border-color:#007aff57;box-shadow:0 12px 28px #007aff40}.btn--primary:hover:not(:disabled){background:linear-gradient(#1d8fff,#006edb);border-color:#007aff6b}.btn--ghost{color:var(--text-1);background:#7676801a;border-color:#0000}.btn--ghost:hover:not(:disabled){background:#76768029}:root[data-theme=dark] .btn{background:#3a3a3cb8;border-color:#ffffff1a}:root[data-theme=dark] .btn:hover:not(:disabled){background:#48484ad1}:root[data-theme=dark] .btn--primary{background:linear-gradient(#0a84ff,#006edb);border-color:#0a84ff5c}.source-pane-tabs{background:#7676801f;border-color:#0000;gap:4px;padding:4px}.source-pane-tab{letter-spacing:0;min-height:31px;font-size:12px}.source-pane-tab.is-active,.source-pane-tab[aria-checked=true],.source-pane-tab[aria-selected=true]{color:var(--text-0);background:#ffffffe6;box-shadow:0 3px 10px #00000014}:root[data-theme=dark] .source-pane-tab.is-active,:root[data-theme=dark] .source-pane-tab[aria-checked=true],:root[data-theme=dark] .source-pane-tab[aria-selected=true]{color:#eaf2ff;background:linear-gradient(#3a86ff42,#3a86ff24);box-shadow:inset 0 0 0 1px #3a86ff52,0 2px 8px #00000052}.settings-panel,.layers-inspector{gap:10px}.settings-panel__header,.inspector-panel__header{padding:2px 2px 0}.settings-panel__heading,.editor-sidebar__header h2,.inspector-panel__header h2,.palette-panel__title{color:var(--text-0);letter-spacing:.04em;font-size:12px}.settings-panel__subhead{line-height:1.45}.settings-panel__section,.settings-panel__details,.layer-accordion,.palette-panel,.inspector-panel__section,.inspector-panel__empty,.left-pane-placeholder{background:#ffffffa3;border-color:#ffffffad;box-shadow:inset 0 1px #ffffffb3}:root[data-theme=dark] .settings-panel__section,:root[data-theme=dark] .settings-panel__details,:root[data-theme=dark] .layer-accordion,:root[data-theme=dark] .palette-panel,:root[data-theme=dark] .inspector-panel__section,:root[data-theme=dark] .inspector-panel__empty,:root[data-theme=dark] .left-pane-placeholder{background:#2c2c2ea3;border-color:#ffffff1a}.settings-panel__section--nested,:root[data-theme=dark] .settings-panel__section--nested{box-shadow:none;background:0 0;border:0}.settings-panel__row+.settings-panel__row{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.settings-panel__row-title{font-size:13px;font-weight:650}.settings-panel__row-help,.settings-panel__radio-help{color:var(--text-2)}.settings-panel__select,.settings-panel__number,.inspector-panel__field input,.inspector-panel__field textarea,.cleanup-controls__preset select{border-color:var(--border);background:#ffffffb8;min-height:36px}:root[data-theme=dark] .settings-panel__select,:root[data-theme=dark] .settings-panel__number,:root[data-theme=dark] .inspector-panel__field input,:root[data-theme=dark] .inspector-panel__field textarea,:root[data-theme=dark] .cleanup-controls__preset select{background:#1c1c1eb8}.settings-panel__switch-track{background:#7878803d;border:0}.settings-panel__switch-thumb{box-shadow:0 2px 7px #00000038}.settings-panel__switch input[type=checkbox]:checked+.settings-panel__switch-track{background:#34c759}.preview-frame{background:#ffffffd1;border-color:#ffffffc2;box-shadow:inset 0 1px #ffffffb8}:root[data-theme=dark] .preview-frame{background:#1c1c1ed1;border-color:#ffffff1a}.editor-canvas .preview-frame,:root[data-theme=dark] .editor-canvas .preview-frame{box-shadow:none;background:0 0;border-color:#0000}.editor-canvas .preview-frame--vector{width:auto;max-width:none;height:auto;max-height:none;overflow:visible}.editor-canvas .preview-frame--vector .preview-frame__svg{flex:none;width:auto;height:auto;padding:0}.editor-canvas .preview-frame--vector .preview-frame__svg svg{flex:none;width:auto;max-width:none;height:auto;max-height:none;display:block;overflow:hidden}.workbench-toast{border-radius:16px;bottom:28px;left:28px}@media (width<=900px){.editor-workbench{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--editor-sidebar-track,minmax(300px, min(52vh, 520px)));border-radius:24px}.editor-canvas{grid-area:1/1}.editor-sidebar--right{border-left:0;border-top:1px solid var(--border);grid-area:2/1}}@media (width<=760px){.app-shell{padding:10px}.dropzone{padding:44px 22px}.dropzone__primary{font-size:clamp(30px,10vw,44px)}}.editor-canvas[data-canvas-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#f5f5f7;--bg-1:#fff;--bg-2:#f2f2f6;--bg-3:#e5e5ea;--border:#3c3c4324;--border-strong:#3c3c433d;--text-0:#1d1d1f;--text-1:#3a3a3c;--text-2:#6e6e73;--text-3:#a1a1a6;--accent:#007aff;--accent-hover:#0066d6;--accent-soft:#007aff1f;background-color:#fbfbfd;background-image:linear-gradient(#3c3c4309 1px,#0000 1px),linear-gradient(90deg,#3c3c4309 1px,#0000 1px);background-size:28px 28px}.editor-canvas[data-canvas-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#050506;--bg-1:#151517;--bg-2:#1c1c1e;--bg-3:#2c2c2e;--border:#ebebf51f;--border-strong:#ebebf538;--text-0:#f5f5f7;--text-1:#d1d1d6;--text-2:#98989d;--text-3:#636366;--accent:#0a84ff;--accent-hover:#64aaff;--accent-soft:#0a84ff33;background-color:#101012;background-image:linear-gradient(#ebebf50d 1px,#0000 1px),linear-gradient(90deg,#ebebf50d 1px,#0000 1px);background-size:28px 28px}.editor-canvas[data-canvas-theme=dark] .editor-app-toolbar{border-bottom-color:#ffffff14}.editor-canvas[data-canvas-theme=light] .editor-app-toolbar{border-bottom-color:var(--border)}.editor-canvas[data-canvas-theme=dark] .canvas-status-bar{border-top-color:#ffffff14}.editor-canvas[data-canvas-theme=light] .canvas-status-bar{border-top-color:var(--border)}.editor-canvas[data-canvas-theme=dark] .canvas-status-bar__separator{background:#ffffff1f}.editor-canvas[data-canvas-theme=light] .canvas-status-bar__separator{background:var(--border)}.editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper{background:#1c1c1e80}.editor-canvas[data-canvas-theme=light] .editor-zoom-stepper{background:var(--bg-0)}.editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__value{border-inline-color:#ffffff14}.editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__value{border-inline-color:var(--border)}.editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__btn,.editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__value,.editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__btn,.editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__value{color:var(--text-0)}.editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__btn:hover:not(:disabled),.editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__value:hover{color:var(--text-0);background:#ffffff14}.editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__btn:hover:not(:disabled),.editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__value:hover{color:var(--text-0);background:#0000000d}.editor-canvas[data-canvas-theme=dark] .btn,.editor-canvas[data-canvas-theme=light] .btn{color:var(--text-1);box-shadow:none;background:#7f7f841f;border-color:#0000}.editor-canvas[data-canvas-theme=dark] .btn:hover:not(:disabled),.editor-canvas[data-canvas-theme=light] .btn:hover:not(:disabled){color:var(--text-0);background:#7f7f8438;border-color:#0000}.editor-canvas[data-canvas-theme=dark] .editor-app-toolbar .btn--small.is-active{color:var(--text-0);background:linear-gradient(#2f3c52,#1f2a3b);border-color:#ffffff38;box-shadow:0 1px 2px #00000073}.editor-canvas[data-canvas-theme=light] .editor-app-toolbar .btn--small.is-active{color:#101722;background:linear-gradient(#fff,#f6f8fb);border-color:#12192333;box-shadow:0 1px 2px #1118201a}.editor-canvas[data-canvas-theme=dark] .editor-app-toolbar__tool[aria-pressed=true],.editor-canvas[data-canvas-theme=light] .editor-app-toolbar__tool[aria-pressed=true]{color:var(--accent)}.canvas-status-bar__value--colors,.canvas-status-bar__value--layers{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-weight:650}.selection-action__delete{align-items:center;gap:6px;display:inline-flex}.selection-action__icon{justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.app-shell--homepage{--hp-accent:#3a86ff;--hp-accent-dim:#3a86ff14;--hp-accent-hover:#3a86ff26;--hp-bg:#0a0a0a;--hp-surface:#111;--hp-border:#2a2a2a;--hp-border-mid:#3a3a3a;--hp-text:#fff;--hp-text-muted:#b0b0b0;--hp-text-dim:#606060;--hp-danger:#f55;--hp-success:#5f9;--hp-font:var(--font-sans);--hp-ease:.12s ease-out;--hp-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' result='noise'/%3E%3CfeColorMatrix in='noise' type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background:var(--hp-bg) var(--hp-grain) center / 400px 400px;width:100%;height:100dvh;min-height:0;color:var(--hp-text);font-family:var(--hp-font);flex-direction:column;gap:0;margin:0;padding:0;line-height:1.6;display:flex;overflow:hidden}.app-shell--homepage,.app-shell--homepage button,.app-shell--homepage input,.app-shell--homepage select,.app-shell--homepage textarea{font-family:var(--hp-font)}:is(html:has(.app-shell--homepage),body:has(.app-shell--homepage)){background:var(--hp-bg);height:100dvh;overflow:hidden}.homepage__container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.homepage__container--narrow{max-width:42rem}.homepage__header{border-bottom:1px solid var(--hp-border);background:0 0;flex-shrink:0;padding-block:2rem}.homepage__header-inner{flex-direction:column;gap:.625rem;display:flex}.homepage__brand-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.homepage__brand{color:inherit;transition:color var(--hp-ease);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.homepage__brand:hover{color:var(--hp-accent)}.homepage__brand:focus-visible{outline:2px solid var(--hp-accent);outline-offset:4px}.homepage__brand-mark{border:1px solid var(--hp-accent);width:2rem;height:2rem;color:var(--hp-accent);transition:background-color var(--hp-ease), color var(--hp-ease);flex-shrink:0;place-items:center;display:grid}.homepage__brand:hover .homepage__brand-mark{background:var(--hp-accent);color:var(--hp-bg)}.homepage__brand-mark svg{width:1.25rem;height:1.25rem;display:block}.homepage__brand-title{text-transform:uppercase;letter-spacing:.05em;color:inherit;margin:0;font-size:clamp(1.375rem,3vw,1.875rem);font-weight:700;line-height:1.1}.homepage__brand-subtitle{color:var(--hp-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8125rem}.homepage__nav-list{align-items:center;gap:clamp(.75rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:inline-flex}.homepage__nav-link{color:var(--hp-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color var(--hp-ease), border-color var(--hp-ease);border-bottom:1px solid #0000;padding:.375rem .25rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.homepage__nav-link--active{color:var(--hp-accent);border-bottom-color:var(--hp-accent)}.homepage__nav-link:hover,.homepage__nav-link:focus-visible{color:var(--hp-accent);border-bottom-color:var(--hp-accent);outline:none}.homepage__section{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.homepage__main{overscroll-behavior:contain;background:0 0;flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;padding-block:clamp(1.5rem,4vw,3rem);display:flex;overflow-y:auto}.homepage__main:has(.homepage__article){overscroll-behavior:contain;justify-content:flex-start;overflow-y:auto}.homepage__upload-section{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.homepage__hero-actions{justify-content:center;margin-top:.875rem;display:flex}.homepage__hero-secondary{--accent:var(--hp-accent)}.homepage__landing{flex-direction:column;gap:clamp(1.5rem,3.6vw,2.25rem);padding-bottom:clamp(1rem,2vw,2rem);display:flex}.homepage__landing-section{border-top:1px solid var(--hp-border);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.homepage__landing-intro,.homepage__landing-text{color:var(--hp-text-muted);margin:0;font-size:.875rem;line-height:1.65}.homepage__steps{gap:.875rem;margin:0;padding-left:1rem;display:grid}.homepage__steps li h3{color:var(--hp-accent);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .375rem;font-size:.8125rem;line-height:1.3}.homepage__steps li p{color:var(--hp-text-muted);margin:0;font-size:.8125rem;line-height:1.6}.homepage__comparison{border:1px solid var(--hp-border);background:#ffffff05}.homepage__comparison-row{border-top:1px solid var(--hp-border);grid-template-columns:1.5fr 1fr 1fr;gap:.75rem;padding:.75rem .875rem;display:grid}.homepage__comparison-row:first-child{border-top:0}.homepage__comparison-row span{color:var(--hp-text-muted);font-size:.75rem;line-height:1.5}.homepage__comparison-head span{color:var(--hp-text);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.homepage__landing-final-cta{align-items:flex-start}.homepage__landing-cta-button{--accent:var(--hp-accent)}.homepage__proof-metrics{flex-wrap:wrap;gap:.5rem;display:flex}.homepage__testimonials{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.homepage__testimonial-card{border:1px solid var(--hp-border);background:#ffffff05;padding:.875rem 1rem}.homepage__testimonial-quote{color:var(--hp-text);margin:0;font-size:.875rem;line-height:1.6}.homepage__testimonial-byline{color:var(--hp-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:.625rem 0 0;font-size:.75rem}.homepage__pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.homepage__pricing-card{border:1px solid var(--hp-border);background:#ffffff05;padding:1rem}.homepage__pricing-card h3{color:var(--hp-accent);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.8125rem;line-height:1.3}.homepage__pricing-price{color:var(--hp-text);margin:.5rem 0 .625rem;font-size:.875rem;font-weight:700}.homepage__pricing-card ul{gap:.35rem;margin:0;padding-left:1rem;display:grid}.homepage__pricing-card li{color:var(--hp-text-muted);font-size:.8125rem;line-height:1.5}.app-shell--homepage .dropzone{border:2px dashed var(--hp-border-mid);width:100%;box-shadow:none;cursor:pointer;transition:border-color var(--hp-ease), background-color var(--hp-ease);background:0 0;border-radius:0;padding:clamp(2rem,5vw,3rem);display:block}.app-shell--homepage .dropzone:hover,.app-shell--homepage .dropzone:focus-within{border-color:var(--hp-accent);background-color:var(--hp-accent-dim)}.app-shell--homepage .dropzone.is-drag-over{border-color:var(--hp-accent);background-color:var(--hp-accent-hover)}.app-shell--homepage .dropzone.is-error{border-color:var(--hp-danger);background-color:#ff55550f}.app-shell--homepage .dropzone__content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.app-shell--homepage .dropzone__icon{border:2px solid var(--hp-border-mid);width:4rem;height:4rem;color:var(--hp-accent);box-shadow:none;transition:border-color var(--hp-ease), transform var(--hp-ease);background:0 0;border-radius:0;place-items:center;display:grid}.app-shell--homepage .dropzone:hover .dropzone__icon,.app-shell--homepage .dropzone:focus-within .dropzone__icon{border-color:var(--hp-accent);transform:translateY(-2px)}.app-shell--homepage .dropzone__icon svg{width:2rem;height:2rem;display:block}.app-shell--homepage .dropzone__copy{flex-direction:column;display:flex}.app-shell--homepage .dropzone__primary{text-transform:uppercase;letter-spacing:.05em;color:var(--hp-text);max-width:none;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;line-height:1.1}.app-shell--homepage .dropzone__secondary{color:var(--hp-text-muted);text-transform:uppercase;letter-spacing:.05em;max-width:none;margin-top:.25rem;font-size:.875rem;line-height:1.6}.app-shell--homepage .dropzone__cta{flex-direction:column;align-items:center;gap:.75rem;display:flex}.app-shell--homepage .dropzone__button{--accent:var(--hp-accent);transition:background-color var(--hp-ease), color var(--hp-ease), border-color var(--hp-ease), transform var(--hp-ease)}.app-shell--homepage .dropzone__button:hover:not(:disabled){color:var(--hp-bg)}.app-shell--homepage .dropzone__hint{color:var(--hp-text-dim);text-transform:uppercase;letter-spacing:.05em;background:0 0;border-radius:0;padding:0;font-size:.75rem}.app-shell--homepage .dropzone__status{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8125rem}.app-shell--homepage .dropzone__status.is-error{color:var(--hp-danger)}.homepage__formats{margin-top:0}.homepage__formats-label{text-transform:uppercase;letter-spacing:.05em;color:var(--hp-text-muted);margin-bottom:.75rem;font-size:.75rem;display:block}.homepage__formats-row{flex-wrap:wrap;gap:.5rem;display:flex}.homepage__formats-pill{border:1px solid var(--hp-border-mid);text-transform:uppercase;letter-spacing:.05em;color:var(--hp-text);-webkit-user-select:none;user-select:none;background:0 0;padding:.4375rem .875rem;font-size:.75rem;font-weight:700;line-height:1}.homepage__benefits,.homepage__faq{margin-top:clamp(2rem,5vw,3.5rem)}.homepage__section-heading{color:var(--hp-text);letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:700;line-height:1.2}.homepage__benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.homepage__benefit-card,.homepage__faq-item{border:1px solid var(--hp-border);background:#ffffff05}.homepage__benefit-card{padding:1rem}.homepage__benefit-card h3{color:var(--hp-accent);letter-spacing:.05em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8125rem;line-height:1.3}.homepage__benefit-card p,.homepage__faq-item p{color:var(--hp-text-muted);margin:0;font-size:.8125rem;line-height:1.6}.homepage__faq-list{flex-direction:column;gap:.75rem;display:flex}.homepage__faq-item{padding:.875rem 1rem}.homepage__faq-item summary{color:var(--hp-text);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.homepage__faq-item summary:focus-visible{outline:2px solid var(--hp-accent);outline-offset:3px}.homepage__faq-item p{margin-top:.75rem}@media (width<=720px){.homepage__benefits-grid{grid-template-columns:1fr}.homepage__comparison-row{grid-template-columns:1fr;gap:.35rem}.homepage__testimonials,.homepage__pricing-grid{grid-template-columns:1fr}}.homepage__footer{border-top:1px solid var(--hp-border);background:var(--hp-bg);color:var(--hp-text);content-visibility:auto;contain-intrinsic-size:auto 360px;flex-shrink:0;padding-block:clamp(2rem,5vw,3rem)}.homepage__main>.homepage__footer{width:100%;margin-top:auto}.homepage__main:has(>.homepage__footer){padding-bottom:0}.homepage__footer-inner{flex-direction:column;gap:clamp(1.75rem,4vw,2.5rem);display:flex}.homepage__footer-top{grid-template-columns:1fr;align-items:start;gap:clamp(2rem,4vw,3rem);display:grid}.homepage__footer-brand{flex-direction:column;gap:1rem;max-width:22rem;display:flex}.homepage__footer-brand-link{color:var(--hp-text);transition:color var(--hp-ease);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.homepage__footer-brand-link:hover{color:var(--hp-accent)}.homepage__footer-brand-link:focus-visible{outline:2px solid var(--hp-accent);outline-offset:4px;border-radius:.25rem}.homepage__footer-brand-mark{border:1px solid var(--hp-accent);width:2.25rem;height:2.25rem;color:var(--hp-accent);transition:background-color var(--hp-ease), color var(--hp-ease), border-color var(--hp-ease);border-radius:.5rem;flex-shrink:0;place-items:center;display:grid}.homepage__footer-brand-link:hover .homepage__footer-brand-mark{background:var(--hp-accent);color:var(--hp-bg)}.homepage__footer-brand-mark svg{width:1.25rem;height:1.25rem;display:block}.homepage__footer-brand-title{letter-spacing:.02em;color:inherit;margin:0;font-size:1.125rem;font-weight:700;line-height:1.2}.homepage__footer-description{color:var(--hp-text-muted);margin:0;font-size:.875rem;line-height:1.65}.homepage__footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem) clamp(1rem,2.5vw,1.5rem);display:grid}.homepage__footer-column{min-width:0}.homepage__footer-column-title{text-transform:uppercase;letter-spacing:.08em;color:var(--hp-text);margin:0 0 .75rem;font-size:.6875rem;font-weight:700}.homepage__footer-link-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.homepage__footer-link{color:var(--hp-text-muted);transition:color var(--hp-ease);padding:.125rem 0;font-size:.875rem;line-height:1.45;text-decoration:none;display:inline-block}.homepage__footer-link:hover{color:var(--hp-accent)}.homepage__footer-link:focus-visible{outline:2px solid var(--hp-accent);outline-offset:3px;color:var(--hp-accent);border-radius:.125rem}.homepage__footer-bottom{border-top:1px solid var(--hp-border);text-align:center;padding-top:clamp(1.25rem,3vw,1.75rem)}.homepage__footer-copyright{color:var(--hp-text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;line-height:1.55}@media (width>=640px){.homepage__footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.homepage__footer-top{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(2rem,4vw,4rem)}.homepage__footer-columns{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=479px){.homepage__footer-columns{grid-template-columns:1fr}}.homepage__article{color:var(--hp-text);flex-direction:column;gap:2rem;display:flex}.homepage__article-title{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.1}.homepage__article-lead{color:var(--hp-text);margin:0;font-size:1rem;line-height:1.6}.homepage__article-section{border-top:1px solid var(--hp-border);flex-direction:column;gap:.75rem;padding-block:1.25rem;display:flex}.homepage__article-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--hp-accent);margin:0;font-size:.875rem;font-weight:700}.homepage__article-section p{color:var(--hp-text);margin:0;font-size:.9375rem;line-height:1.65}.homepage__article-help{color:var(--hp-text-muted)!important;font-size:.8125rem!important}.homepage__article-link{color:var(--hp-accent);text-underline-offset:4px;transition:color var(--hp-ease);text-decoration:underline;text-decoration-thickness:1px}.homepage__article-link:hover{color:var(--hp-text)}.homepage__shortcuts{flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.homepage__shortcuts-row{border:1px solid var(--hp-border);background:var(--hp-surface);grid-template-columns:minmax(140px,220px) 1fr;align-items:center;gap:1rem;padding:.625rem .875rem;display:grid}.homepage__shortcuts-combo{text-transform:uppercase;letter-spacing:.05em;color:var(--hp-accent);margin:0;font-size:.75rem;font-weight:700}.homepage__shortcuts-text{color:var(--hp-text);margin:0;font-size:.875rem}.homepage__faqs{flex-direction:column;gap:1rem;margin:0;padding:0;display:flex}.homepage__faqs-row{border:1px solid var(--hp-border);background:var(--hp-surface);flex-direction:column;gap:.375rem;padding:1rem;display:flex}.homepage__faqs-question{text-transform:uppercase;letter-spacing:.05em;color:var(--hp-text);margin:0;font-size:.875rem;font-weight:700}.homepage__faqs-answer{color:var(--hp-text-muted);margin:0;font-size:.875rem;line-height:1.6}.app-shell--workbench{--accent:#3a86ff;--accent-hover:#5b9bff;--accent-soft:#3a86ff29;--bg-0:#0a0a0a;--bg-1:#111;--bg-2:#161616;--bg-3:#1d1d1d;--border:#2a2a2a;--border-strong:#3a3a3a;--text-0:#fff;--text-1:#d0d0d0;--text-2:#909090;--text-3:#606060;--danger:#f55;--danger-soft:#ff555529;--success:#5f9;--shadow-sm:0 0 0 1px #0006;--shadow-md:0 16px 48px #00000073;--radius-sm:0;--radius-md:0;--radius-lg:0;min-height:0;color:var(--text-0);font-family:var(--font-sans);background:#0a0a0a;flex-direction:column;gap:0;padding:0;display:flex}.app-shell--workbench>.editor-workbench{flex:1;min-height:0}.app-shell--workbench,.app-shell--workbench button,.app-shell--workbench input,.app-shell--workbench select,.app-shell--workbench textarea{font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell--workbench .editor-workbench{border:1px solid var(--border);background:var(--bg-0);-webkit-backdrop-filter:none;box-shadow:none;border-radius:0}.app-shell--workbench .editor-canvas{background-color:var(--bg-0);background-image:radial-gradient(circle,#3a86ff14 1px,#0000 1px);background-position:0 0;background-size:24px 24px}.app-shell--workbench .editor-sidebar{background:var(--bg-1);border-left:1px solid var(--border);gap:14px;padding:14px}.app-shell--workbench .editor-app-toolbar{background:var(--bg-1);border-bottom:1px solid var(--border)}.app-shell--workbench .btn{appearance:none;border:1px solid var(--border-strong);color:var(--text-1);text-transform:uppercase;letter-spacing:.05em;min-height:34px;box-shadow:none;background:0 0;border-radius:0;padding:0 12px;font-size:.75rem;font-weight:700;transition:background-color .12s,color .12s,border-color .12s}.app-shell--workbench .btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none}.app-shell--workbench .btn:active:not(:disabled){transform:none}.app-shell--workbench .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell--workbench .btn--ghost{background:0 0;border-color:#0000}.app-shell--workbench .btn--ghost:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.app-shell--workbench .btn--small{min-height:30px;padding:0 10px;font-size:.6875rem}.app-shell--workbench .btn--icon{width:34px;min-width:34px;padding:0}.app-shell--workbench .btn--primary{border-color:var(--accent);color:var(--accent);box-shadow:none;background:0 0}.app-shell--workbench .btn--primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--bg-0);box-shadow:none}.app-shell--workbench .btn--primary:disabled{border-color:var(--border-strong);color:var(--text-3);background:0 0}.app-shell--workbench .btn--danger{color:var(--danger);border-color:var(--danger)}.app-shell--workbench .btn--ghost.btn--danger{color:var(--danger);border-color:#0000}.app-shell--workbench .btn--ghost.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.app-shell--workbench .btn--primary.btn--danger{border-color:var(--danger);color:var(--danger);box-shadow:none;background:0 0}.app-shell--workbench .btn--primary.btn--danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#0a0a0a}.app-shell--workbench .btn--full{width:100%}.app-shell--workbench .editor-app-toolbar .btn--small.is-active,.app-shell--workbench .editor-app-toolbar__tool[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none}.app-shell--workbench .editor-paint-color{border-color:var(--border-strong);background:0 0;border-radius:0}.app-shell--workbench .editor-paint-color:hover,.app-shell--workbench .editor-paint-color:focus-within{border-color:var(--accent);background:var(--accent-soft)}.app-shell--workbench .editor-paint-color__swatch{border-color:var(--border-strong);border-radius:0}.app-shell--workbench .editor-zoom-stepper{border:1px solid var(--border-strong);background:var(--bg-1);border-radius:0;height:30px}.app-shell--workbench .editor-zoom-stepper__btn,.app-shell--workbench .editor-zoom-stepper__value{color:var(--text-1);border-color:var(--border-strong);background:0 0;font-family:inherit;font-size:.75rem}.app-shell--workbench .editor-zoom-stepper__btn:hover:not(:disabled),.app-shell--workbench .editor-zoom-stepper__value:hover{background:var(--accent-soft);color:var(--accent)}.app-shell--workbench .editor-zoom-stepper__value{letter-spacing:.05em;font-weight:700}.app-shell--workbench .source-pane-tabs{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:0;padding:0}.app-shell--workbench .source-pane-tab{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);background:0 0;border-radius:0;min-height:36px;padding:0 12px;font-size:.6875rem;font-weight:700;position:relative}.app-shell--workbench .source-pane-tab+.source-pane-tab{border-left:1px solid var(--border)}.app-shell--workbench .source-pane-tab:not(:disabled):hover{color:var(--text-0);background:0 0}.app-shell--workbench .source-pane-tab.is-active,.app-shell--workbench .source-pane-tab[aria-selected=true]{color:var(--accent);box-shadow:none;background:0 0}.app-shell--workbench .source-pane-tab.is-active:after,.app-shell--workbench .source-pane-tab[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.app-shell--workbench .source-pane-tab:disabled{color:var(--text-3)}.app-shell--workbench .left-pane-placeholder{border:1px dashed var(--border-strong);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;box-shadow:none;background:0 0;font-size:.75rem}.app-shell--workbench .canvas-status-bar{background:var(--bg-1);border-top:1px solid var(--border);color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.app-shell--workbench .canvas-status-bar__label{color:var(--text-3)}.app-shell--workbench .canvas-status-bar__value{color:var(--text-0)}.app-shell--workbench .canvas-status-bar__separator{background:var(--border-strong)}.app-shell--workbench .canvas-status-bar__value--colors,.app-shell--workbench .canvas-status-bar__value--layers{background:var(--accent-soft);color:var(--accent);border-radius:0;padding:2px 6px;font-weight:700}.app-shell--workbench .settings-panel__section,.app-shell--workbench .settings-panel__details,.app-shell--workbench .layer-accordion,.app-shell--workbench .palette-panel,.app-shell--workbench .inspector-panel__section,.app-shell--workbench .inspector-panel__empty{background:var(--bg-1);border:1px solid var(--border);box-shadow:none;border-radius:0}.app-shell--workbench .settings-panel__heading,.app-shell--workbench .editor-sidebar__header h2,.app-shell--workbench .inspector-panel__header h2,.app-shell--workbench .palette-panel__title,.app-shell--workbench .settings-panel__section-heading h3{color:var(--text-0);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.app-shell--workbench .settings-panel__subhead,.app-shell--workbench .settings-panel__row-help,.app-shell--workbench .settings-panel__section-heading p{color:var(--text-2)}.app-shell--workbench .settings-panel__row-title{color:var(--text-0);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem}.app-shell--workbench .settings-panel__select,.app-shell--workbench .settings-panel__number{background:var(--bg-0);border:1px solid var(--border-strong);color:var(--text-0);border-radius:0;font-family:inherit}.app-shell--workbench .settings-panel__select:focus,.app-shell--workbench .settings-panel__number:focus{outline:2px solid var(--accent);outline-offset:-2px;border-color:var(--accent)}.app-shell--workbench .settings-panel__reconvert{border-color:var(--accent);background:var(--accent-soft)}.app-shell--workbench .layer-accordion{padding:0;position:relative}.app-shell--workbench .layer-accordion:before{content:"";background:0 0;width:3px;transition:background-color .12s;position:absolute;top:0;bottom:0;left:0}.app-shell--workbench .layer-accordion.is-selected{border-color:var(--accent);background:#3a86ff14}.app-shell--workbench .layer-accordion.is-selected:before{background:var(--accent)}.app-shell--workbench .layer-accordion:hover:not(.is-selected){border-color:var(--border-strong)}.app-shell--workbench .layer-accordion__summary{color:var(--text-1);letter-spacing:.04em;background:0 0;padding:10px 12px 10px 14px}.app-shell--workbench .layer-accordion__label{color:var(--text-0);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.app-shell--workbench .layer-accordion__color-input{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:0;transition:border-color .12s,box-shadow .12s}.app-shell--workbench .layer-accordion.is-selected .layer-accordion__color-input{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.app-shell--workbench .layer-accordion__mini{color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:0}.app-shell--workbench .layer-accordion__mini:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.app-shell--workbench .layer-accordion__d{background:var(--bg-0);border:1px solid var(--border);color:var(--text-1);border-radius:0}.app-shell--workbench .layer-accordion__preview{background:var(--bg-0);border-top-color:var(--border)}.app-shell--workbench .layer-accordion__preview-svg{background-color:var(--bg-0);background-image:radial-gradient(circle,#3a86ff14 1px,#0000 1px);background-size:14px 14px;border-radius:0}.app-shell--workbench .layers-inspector__header{border:1px solid var(--border);background:var(--bg-1);padding:8px}.app-shell--workbench .layers-inspector__tolerance,.app-shell--workbench .layers-inspector__tolerance-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.app-shell--workbench .layers-inspector__tolerance-value{color:var(--text-0);font-weight:700}.app-shell--workbench input[type=range],.app-shell--workbench input[type=radio],.app-shell--workbench input[type=checkbox],.app-shell--workbench input[type=number],.app-shell--workbench~.modal-backdrop input[type=range],.app-shell--workbench~.modal-backdrop input[type=radio],.app-shell--workbench~.modal-backdrop input[type=checkbox],.app-shell--workbench~.modal-backdrop input[type=number]{accent-color:var(--accent)}.app-shell--workbench~.modal-backdrop .settings-panel__select,.app-shell--workbench~.modal-backdrop .settings-panel__number{color:#fff;font-family:var(--font-mono,"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);background:#0a0a0a;border:1px solid #3a3a3a;border-radius:0}.app-shell--workbench~.modal-backdrop .settings-panel__section,.app-shell--workbench~.modal-backdrop .settings-panel__details{box-shadow:none;background:#111;border:1px solid #2a2a2a;border-radius:0}.app-shell--workbench~.modal-backdrop .settings-panel__reconvert{background:#3a86ff29;border-color:#3a86ff}.app-shell--workbench~.modal-backdrop .settings-panel__heading,.app-shell--workbench~.modal-backdrop .settings-panel__section-heading h3,.app-shell--workbench~.modal-backdrop .settings-panel__row-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.app-shell--workbench~.modal-backdrop .settings-panel__subhead,.app-shell--workbench~.modal-backdrop .settings-panel__row-help,.app-shell--workbench~.modal-backdrop .settings-panel__section-heading p{color:#b0b0b0}.app-shell--workbench~.modal-backdrop .btn{appearance:none;color:#d0d0d0;text-transform:uppercase;letter-spacing:.05em;min-height:34px;box-shadow:none;font-size:.75rem;font-weight:700;font-family:var(--font-mono,"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);background:0 0;border:1px solid #3a3a3a;border-radius:0;padding:0 12px}.app-shell--workbench~.modal-backdrop .btn:hover:not(:disabled){color:#3a86ff;background:#3a86ff29;border-color:#3a86ff}.app-shell--workbench~.modal-backdrop .btn--primary{color:#3a86ff;background:0 0;border-color:#3a86ff}.app-shell--workbench~.modal-backdrop .btn--primary:hover:not(:disabled){color:#0a0a0a;background:#3a86ff}.app-shell--workbench~.modal-backdrop .btn--primary.btn--danger{color:#f55;background:0 0;border-color:#f55}.app-shell--workbench~.modal-backdrop .btn--primary.btn--danger:hover:not(:disabled){color:#0a0a0a;background:#f55}.app-shell--workbench~.modal-backdrop,.app-shell--workbench .modal-backdrop{background:#000000b8}.app-shell--workbench~.modal-backdrop .modal,.app-shell--workbench .modal-backdrop .modal{background:var(--bg-0,#0a0a0a);color:#fff;font-family:var(--font-sans);border:1px solid #2a2a2a;border-radius:0;box-shadow:0 24px 80px #0009}.app-shell--workbench~.modal-backdrop .modal__title,.app-shell--workbench .modal-backdrop .modal__title{text-transform:uppercase;letter-spacing:.05em;color:#fff}.app-shell--workbench~.modal-backdrop .modal__subtitle,.app-shell--workbench .modal-backdrop .modal__subtitle{color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em}.app-shell--workbench~.modal-backdrop .modal__header,.app-shell--workbench~.modal-backdrop .modal__footer,.app-shell--workbench .modal-backdrop .modal__header,.app-shell--workbench .modal-backdrop .modal__footer{border-color:#2a2a2a}.app-shell--workbench~.modal-backdrop .modal__close,.app-shell--workbench .modal-backdrop .modal__close{color:#909090}.app-shell--workbench~.modal-backdrop .modal__close:hover,.app-shell--workbench .modal-backdrop .modal__close:hover{color:#3a86ff}.app-shell--workbench~.workbench-toast,.app-shell--workbench .workbench-toast{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;font-family:var(--font-mono,"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);background:#0a0a0a;border:1px solid #2a2a2a;border-radius:0}.app-shell--workbench~.workbench-toast--notice,.app-shell--workbench .workbench-toast--notice{color:#5f9;background:#0a0a0a;border-color:#5f9}.app-shell--workbench~.workbench-toast--error,.app-shell--workbench .workbench-toast--error{color:#f55;background:#0a0a0a;border-color:#f55}.app-shell--workbench .canvas-marquee{border-color:var(--accent);background:#3a86ff1a;border-radius:0}.app-shell--workbench .editor-canvas.is-dropping{background-color:var(--bg-1)}.app-shell--workbench .editor-canvas__drop-overlay{background:#0a0a0ad6}.app-shell--workbench .editor-canvas__drop-overlay-card{background:var(--bg-1);border:2px dashed var(--accent);color:var(--text-0);border-radius:0}.app-shell--workbench .editor-canvas__drop-overlay-title,.app-shell--workbench .editor-canvas__drop-overlay-subtitle{text-transform:uppercase;letter-spacing:.05em}.app-shell--workbench .editor-canvas__drop-overlay-subtitle{color:var(--text-2)}.app-shell--workbench .preview-frame__remove{border:1px solid var(--border-strong);color:var(--text-0);background:#0a0a0ab8;border-radius:0}.app-shell--workbench .preview-frame__remove:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.app-shell--workbench .editor-sidebar__source{border:1px solid var(--border);background:var(--bg-0);border-radius:0}.app-shell--workbench .editor-sidebar__floating-actions{border-top:1px solid var(--border);margin-top:auto;padding:20px 12px 16px}.app-shell--workbench .editor-sidebar--settings-view .editor-sidebar__floating-actions{padding-top:12px;padding-bottom:12px}.app-shell--workbench .editor-sidebar__body{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.app-shell--workbench .editor-sidebar__body::-webkit-scrollbar{width:10px;height:10px}.layer-accordion__d::-webkit-scrollbar{width:10px;height:10px}.app-shell--workbench .editor-sidebar__body::-webkit-scrollbar-track{background:0 0}.app-shell--workbench .editor-sidebar__body::-webkit-scrollbar-thumb{background-color:#ebebf52e;background-clip:padding-box;border:3px solid #0000;border-radius:999px}.app-shell--workbench .editor-sidebar__body::-webkit-scrollbar-thumb:hover{background-color:#ebebf552}.app-shell--workbench .settings-panel{gap:8px}.app-shell--workbench .settings-panel__subhead{display:none}.app-shell--workbench .settings-panel__section--group{gap:10px}.app-shell--workbench .settings-panel__radio-help{display:none}.app-shell--workbench .settings-panel__radio{align-items:center}.app-shell--workbench .settings-panel__radio input[type=radio]{margin-top:0}.app-shell--workbench .settings-panel__switch-track{background:var(--bg-3);border:1px solid var(--border-strong);border-radius:0}.app-shell--workbench .settings-panel__switch input[type=checkbox]:checked+.settings-panel__switch-track{background:var(--accent-soft);border-color:var(--accent)}.app-shell--workbench .settings-panel__switch-thumb{background:var(--text-0);border-radius:0}.app-shell--workbench .settings-panel__switch input[type=checkbox]:checked+.settings-panel__switch-track .settings-panel__switch-thumb{background:var(--accent)}.app-shell--workbench .selection-action__delete .selection-action__icon svg{stroke:currentColor}.app-shell--workbench .layer-accordion-list{flex-direction:column;gap:6px;display:flex}.app-shell--workbench .editor-canvas[data-canvas-theme=dark],.app-shell--workbench .editor-canvas[data-canvas-theme=light]{--accent:#3a86ff;--accent-hover:#5b9bff;--accent-soft:#3a86ff29;--border:#2a2a2a;--border-strong:#3a3a3a}.app-shell--workbench .editor-canvas[data-canvas-theme=dark]{--bg-0:#0a0a0a;--bg-1:#111;--bg-2:#161616;--bg-3:#1d1d1d;--text-0:#fff;--text-1:#d0d0d0;--text-2:#909090;--text-3:#606060;background-color:#0a0a0a;background-image:radial-gradient(circle,#3a86ff14 1px,#0000 1px);background-size:24px 24px}.app-shell--workbench .editor-canvas[data-canvas-theme=light]{--bg-0:#f5f5f7;--bg-1:#fff;--bg-2:#f2f2f6;--bg-3:#e5e5ea;--text-0:#0a0a0a;--text-1:#1d1d1f;--text-2:#6e6e73;--text-3:#909090;--border:#d6d6d9;--border-strong:#b5b5b8;background-color:#fff;background-image:radial-gradient(circle,#0000000b 1px,#0000 1px);background-size:24px 24px}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-app-toolbar,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-app-toolbar{border-bottom:1px solid var(--border);background:0 0}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .canvas-status-bar,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .canvas-status-bar{border-top:1px solid var(--border);background:0 0}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .canvas-status-bar__separator,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .canvas-status-bar__separator{background:var(--border-strong)}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-zoom-stepper{border:1px solid var(--border-strong);background:0 0}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__value,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__value{border-inline-color:var(--border-strong)}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__btn:hover:not(:disabled),.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-zoom-stepper__value:hover,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__btn:hover:not(:disabled),.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-zoom-stepper__value:hover{background:var(--accent-soft);color:var(--accent)}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .btn,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .btn{color:var(--text-1);box-shadow:none;background:0 0;border-color:#0000}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .btn:hover:not(:disabled),.app-shell--workbench .editor-canvas[data-canvas-theme=light] .btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-paint-color,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-paint-color{border-color:var(--border-strong);background:0 0}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-paint-color:hover,.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-paint-color:focus-within,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-paint-color:hover,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-paint-color:focus-within{border-color:var(--accent);background:var(--accent-soft)}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-app-toolbar .btn--small.is-active,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-app-toolbar .btn--small.is-active,.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .editor-app-toolbar__tool[aria-pressed=true],.app-shell--workbench .editor-canvas[data-canvas-theme=light] .editor-app-toolbar__tool[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .canvas-status-bar__value--colors,.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .canvas-status-bar__value--layers,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .canvas-status-bar__value--colors,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .canvas-status-bar__value--layers{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-weight:700}.app-shell--workbench .editor-canvas[data-canvas-theme=dark] .canvas-marquee,.app-shell--workbench .editor-canvas[data-canvas-theme=light] .canvas-marquee{border-color:var(--accent);background:#3a86ff1a;border-radius:0}.app-shell--workbench .editor-sidebar__floating-actions .export-menu__list{background:var(--bg-1);border:1px solid var(--border-strong);border-radius:0;min-width:260px;padding:8px;animation:.14s ease-out export-menu-enter;bottom:calc(100% + 12px);box-shadow:0 16px 48px #0000008c}@keyframes export-menu-enter{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.app-shell--workbench .export-menu__trigger{min-width:9.75rem}.app-shell--workbench .export-menu__item{color:var(--text-1);text-transform:none;letter-spacing:.01em;border-radius:0;padding:10px 12px;font-size:.8125rem;font-weight:500}.app-shell--workbench .export-menu__item:hover{background:var(--accent-soft);color:var(--accent)}.app-shell--workbench .export-menu__list>li:nth-child(5){border-top-color:var(--border-strong)}.app-shell--workbench .editor-sidebar__floating-actions .primary-action .btn--full,.app-shell--workbench .editor-sidebar__floating-actions .primary-action__cta{flex:1;justify-content:center;width:100%;max-width:16rem}.app-shell--workbench .layers-inspector__header .btn--ghost{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:-1ms!important}.editor-canvas__zoom-stage{transition:none!important}}.app-shell--workbench .editor-workbench.editor-workbench--solo{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}