:root,[data-theme=coffee]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1410;--panel:#221c17;--panel-2:#2c241e;--chrome:#2a221c;--bg-code:#17130f;--border:#3d3229;--border-strong:#524439;--text:#e8ddd0;--muted:#b5a494;--text-dim:#7a6b5c;--accent:#c4a484;--accent-strong:#e0b87a;--danger:#d4604a;--focus:#d4a574;--on-accent:#1a1410;--hover:#3a3028;--active:#3f342b;--checker:#4a3c32;--glow:transparent;--brand-shadow:none;--canvas-pad:#14100c;--canvas-grid:#ffffff0f;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #00000059;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;line-height:1.4}[data-theme=synthwave]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a0b2e;--panel:#2a1450;--panel-2:#3d1f6e;--chrome:#241045;--bg-code:#12081f;--border:#7b2ff7;--border-strong:#ff2d95;--text:#fff5ff;--muted:#d4b8ff;--text-dim:#9a7ec8;--accent:#00f0ff;--accent-strong:#ff2d95;--danger:#ff5c8a;--focus:#00f0ff;--on-accent:#12081f;--hover:#4a1f8c;--active:#5c2aa8;--checker:#5a2d9a;--glow:0 0 12px #ff2d9573;--brand-shadow:0 0 18px #00f0ff8c;--canvas-pad:#0e0618;--canvas-grid:#ffffff12;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #00000073}[data-theme=illustrator]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e1e;--panel:#323232;--panel-2:#3e3e3e;--chrome:#262626;--bg-code:#2c2c2c;--border:#4b4b4b;--border-strong:#6e6e6e;--text:#e3e3e3;--muted:#b0b0b0;--text-dim:#8e8e8e;--accent:#2680eb;--accent-strong:#1473e6;--danger:#e34850;--focus:#378ef0;--on-accent:#fff;--hover:#4b4b4b;--active:#525252;--checker:#4b4b4b;--glow:transparent;--brand-shadow:none;--canvas-pad:#161616;--canvas-grid:#ffffff0f;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #0006}[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe6;--panel:#faf7f0;--panel-2:#efe8db;--chrome:#e7dfd0;--bg-code:#eae3d6;--border:#cfc3ae;--border-strong:#a89478;--text:#2a241c;--muted:#6b5f50;--text-dim:#8f8170;--accent:#3d6b5a;--accent-strong:#2f5547;--danger:#b33a2e;--focus:#3d6b5a;--on-accent:#faf7f0;--hover:#e2d8c6;--active:#d6c9b4;--checker:#d4c8b4;--glow:transparent;--brand-shadow:none;--canvas-pad:#e8e0d2;--canvas-grid:#2a241c08;--canvas-frame-shadow:#5a4a38;--canvas-svg-shadow:0 0 0 1px var(--border), 0 10px 28px #2a241c1f}[data-theme=nord]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2e3440;--panel:#3b4252;--panel-2:#434c5e;--chrome:#353b49;--bg-code:#242933;--border:#4c566a;--border-strong:#81a1c1;--text:#eceff4;--muted:#d8dee9;--text-dim:#a0a8b8;--accent:#88c0d0;--accent-strong:#8fbcbb;--danger:#bf616a;--focus:#88c0d0;--on-accent:#2e3440;--hover:#4c566a;--active:#5a657a;--checker:#4c566a;--glow:transparent;--brand-shadow:none;--canvas-pad:#222831;--canvas-grid:#eceff40f;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #0006}[data-theme=matcha]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a2218;--panel:#243024;--panel-2:#2f3d2f;--chrome:#283528;--bg-code:#141c12;--border:#4a6350;--border-strong:#7fad7a;--text:#e8f0e4;--muted:#b4c7ae;--text-dim:#7f9278;--accent:#9bc48a;--accent-strong:#c4e0a8;--danger:#d4746a;--focus:#9bc48a;--on-accent:#1a2218;--hover:#354835;--active:#405540;--checker:#4a6350;--glow:transparent;--brand-shadow:none;--canvas-pad:#121810;--canvas-grid:#e8f0e40f;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #0006}[data-theme=terminal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050805;--panel:#0b120b;--panel-2:#121c12;--chrome:#0e160e;--bg-code:#030503;--border:#1f3a1f;--border-strong:#3f6;--text:#b8ffb8;--muted:#6dcf6d;--text-dim:#3f8f3f;--accent:#3f6;--accent-strong:#6f9;--danger:#f53;--focus:#3f6;--on-accent:#050805;--hover:#152415;--active:#1c301c;--checker:#1f3a1f;--glow:0 0 10px #33ff6659;--brand-shadow:0 0 14px #33ff668c;--canvas-pad:#030503;--canvas-grid:#33ff6614;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #00000080}[data-theme=sunset]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2a1520;--panel:#3a1f2c;--panel-2:#4a2a38;--chrome:#341b28;--bg-code:#1f1018;--border:#7a4054;--border-strong:#ff7a59;--text:#ffe8de;--muted:#e0b8a8;--text-dim:#b88880;--accent:#ff9b6a;--accent-strong:#ff7a59;--danger:#ff4d6d;--focus:#ffb347;--on-accent:#2a1520;--hover:#522838;--active:#5e3040;--checker:#7a4054;--glow:0 0 12px #ff7a594d;--brand-shadow:0 0 14px #ffb34766;--canvas-pad:#1a0e14;--canvas-grid:#ffe8de0f;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #0006}[data-theme=harbor]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1c22;--panel:#123038;--panel-2:#1a3f48;--chrome:#0f2830;--bg-code:#081418;--border:#2a5a66;--border-strong:#3ecfcf;--text:#e4f4f6;--muted:#9bc4c9;--text-dim:#6a9399;--accent:#3ecfcf;--accent-strong:#f0c75e;--danger:#e06b6b;--focus:#3ecfcf;--on-accent:#0b1c22;--hover:#1e4a54;--active:#255560;--checker:#2a5a66;--glow:transparent;--brand-shadow:none;--canvas-pad:#071014;--canvas-grid:#e4f4f60f;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #0006}[data-theme=blush]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#24161c;--panel:#332028;--panel-2:#422a34;--chrome:#2c1c24;--bg-code:#1a1014;--border:#6e4454;--border-strong:#f2a7c0;--text:#fff0f4;--muted:#e0b8c6;--text-dim:#b08a98;--accent:#f2a7c0;--accent-strong:#ffd6e3;--danger:#e86a7a;--focus:#f2a7c0;--on-accent:#24161c;--hover:#4a303a;--active:#563842;--checker:#6e4454;--glow:0 0 12px #f2a7c059;--brand-shadow:0 0 14px #ffd6e366;--canvas-pad:#180e12;--canvas-grid:#fff0f40f;--canvas-frame-shadow:#000;--canvas-svg-shadow:0 0 0 1px var(--border), 0 18px 40px #0006}*{box-sizing:border-box}html,body,#root{touch-action:manipulation;width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}.app{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.menu-bar{background:var(--chrome);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.75rem;min-height:2.25rem;padding:.35rem .65rem;display:flex}.menu-bar__brand{box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;gap:.05rem;width:16.5rem;min-width:16.5rem;max-width:16.5rem;padding:0 .45rem 0 .35rem;display:flex}.menu-bar__brand-name{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong);text-shadow:var(--brand-shadow);align-items:baseline;font-weight:700;line-height:1;display:inline-flex}.menu-bar__brand-p{letter-spacing:.02em;font-size:1.15rem;line-height:.85}.menu-bar__brand-rest{letter-spacing:.08em;margin-left:.02em;font-size:.68rem}.menu-bar__tagline-slot{width:100%;height:.85rem;display:block;position:relative;overflow:hidden}.menu-bar__tagline{letter-spacing:.01em;text-transform:none;width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;will-change:transform, opacity;font-size:.62rem;font-weight:500;line-height:1.2;display:block;overflow:hidden}.menu-bar__tagline--shown{opacity:1;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .35s;transform:translateY(0)}.menu-bar__tagline--out{opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .35s;transform:translateY(-110%)}.menu-bar__tagline--in{opacity:0;transition:none;transform:translateY(110%)}.menu-bar__tagline--comic-sans{letter-spacing:0;font-family:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,cursive;font-size:.68rem;font-weight:400}@media (width<=1100px){.menu-bar__brand{width:12rem;min-width:12rem;max-width:12rem}}@media (width<=820px){.menu-bar__brand{width:auto;min-width:0;max-width:none}.menu-bar__tagline-slot{display:none}}@media (prefers-reduced-motion:reduce){.menu-bar__tagline--shown,.menu-bar__tagline--out,.menu-bar__tagline--in{opacity:1;transition:none;transform:none}}.menu-bar__file,.menu-bar__edit{align-items:center;gap:.3rem;display:flex}.theme-select{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;display:inline-flex}.theme-select__label{-webkit-user-select:none;user-select:none}.theme-select select{font:inherit;text-transform:none;letter-spacing:0;color:var(--text);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;height:1.85rem;padding:.2rem .4rem;font-size:.75rem;font-weight:600}.theme-select select:focus{outline:2px solid var(--focus);outline-offset:1px}.autosave-hint{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:9.5rem;padding:0 .35rem;font-size:.68rem;overflow:hidden}.menu-bar__file{flex:1;min-width:0}.control-bar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-content:flex-start;align-items:center;gap:.35rem .5rem;height:auto;min-height:2.5rem;padding:.35rem .65rem;display:flex;overflow:visible}.control-bar__tool{color:var(--text);align-items:center;gap:.4rem;min-width:5.5rem;font-size:.8rem;font-weight:600;display:inline-flex}.check--icon{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:6px;justify-content:center;width:1.85rem;height:1.85rem;position:relative}.check--icon input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.check--icon:has(input:checked){border-color:var(--accent);color:var(--accent-strong);background:#c4a48424}.tool-btn .i{margin:0 auto}.control-bar__group{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.25rem;display:flex}.control-bar__appearance{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.35rem;height:1.85rem;display:flex}.control-bar__sep{background:var(--border);flex-shrink:0;align-self:center;width:1px;height:1.4rem;margin:0 .15rem}.control-field{flex-shrink:0}.control-field__label{font-size:.75rem}.control-field input[type=number]{width:3.4rem;height:1.85rem;padding:.15rem .35rem}.zoom-controls{border-left:1px solid var(--border);flex-shrink:0;align-items:center;gap:.1rem;margin-left:.25rem;padding-left:.35rem;display:inline-flex}.zoom-controls__btn{min-width:1.65rem;padding:.15rem .35rem;font-size:1rem;line-height:1}.zoom-controls__pct{font-variant-numeric:tabular-nums;min-width:3.2rem;padding:.15rem .35rem;font-size:.8rem}.zoom-controls__fit{text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;font-size:.75rem}.swatch-stack{flex-shrink:0;width:1.85rem;height:1.85rem;position:relative}.swatch-stack--empty{opacity:.35}.swatch{border:1px solid var(--border-strong);background:var(--panel-2);border-radius:2px;width:1.1rem;height:1.1rem;display:block;position:absolute;box-shadow:inset 0 0 0 1px #00000040}.swatch--fill{z-index:2;top:0;left:0}.swatch--stroke{z-index:1;background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;bottom:0;right:0}.swatch--none{background-color:#f4f4f4!important;background-image:linear-gradient(135deg,#0000 46%,#e34850 46% 54%,#0000 54%)!important;background-position:0 0!important;background-size:auto!important}.tools-rail{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;width:48px;padding:.45rem .3rem;display:flex;overflow-y:auto}.tools-rail__group{flex-direction:column;align-items:center;gap:.2rem;width:100%;display:flex}.tools-rail__divider{background:var(--border);width:60%;height:1px;margin:.15rem 0}.tool-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;display:grid}.tool-btn svg{width:18px;height:18px;display:block}.tool-btn:hover{background:var(--hover);color:var(--text)}.tool-btn--active{background:var(--active);border-color:var(--border-strong);color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-strong) 28%, transparent), var(--glow)}.right-dock{border-left:1px solid var(--border);background:var(--panel);overscroll-behavior:contain;flex-direction:column;flex-shrink:0;width:280px;min-width:0;min-height:0;display:flex;overflow:hidden auto}.layers-panel,.artboards-panel,.props-panel,.swatches-panel{background:var(--panel);flex-direction:column;flex:none;min-height:auto;display:flex;overflow:visible}.artboards-panel{border-bottom:1px solid var(--border);flex:none;min-height:0}.layers-panel{border-bottom:1px solid var(--border);flex:1 0 auto;min-height:140px}.props-panel{border-bottom:1px solid var(--border);flex:none}.swatches-panel{flex:none}.props-panel.is-collapsed,.layers-panel.is-collapsed,.artboards-panel.is-collapsed,.swatches-panel.is-collapsed{flex:none;min-height:0;max-height:none}.panel-header{width:100%;font:inherit;letter-spacing:.03em;text-transform:uppercase;text-align:left;color:var(--muted);border:none;border-bottom:1px solid var(--border);background:var(--chrome);cursor:pointer;z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.45rem .7rem;font-size:.78rem;font-weight:600;display:flex;position:sticky;top:0}.panel-header:hover{color:var(--text)}.panel-header__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel-header__chevron{opacity:.75;flex-shrink:0;font-size:.7rem;line-height:1;transition:transform .12s}.panel-header__chevron.is-collapsed{transform:rotate(-90deg)}.panel-scroll,.props-body,.layers-body,.artboards-body,.swatches-body{flex:none;min-height:0;overflow:visible}.props-body{padding:.85rem}.swatches-body{padding:.45rem .55rem .55rem}.panel-empty{color:var(--muted);margin:0;padding:.9rem;font-size:.9rem}.props-body--compact{flex-direction:column;gap:.35rem;padding:.45rem .55rem .65rem;display:flex}.props-body--compact>*{flex:none}.props-sec{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-2) 55%, var(--panel));border-radius:7px;flex:none;overflow:hidden}.props-sec__head{background:color-mix(in srgb, var(--chrome) 70%, transparent);width:100%;color:var(--muted);cursor:pointer;font:inherit;text-align:left;border:none;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:.4rem;margin:0;padding:.32rem .5rem;display:flex}.props-sec:not(.is-collapsed) .props-sec__head{border-bottom-color:var(--border)}.props-sec__head:hover{color:var(--text)}.props-sec__title{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;display:inline-flex}.props-sec__badge{border:1px solid var(--border);background:var(--panel);letter-spacing:0;text-transform:none;color:var(--text-dim);border-radius:999px;padding:.05rem .35rem;font-size:.62rem;font-weight:650}.props-sec__chev{opacity:.75;font-size:.65rem}.props-sec__body{flex-direction:column;gap:.4rem;padding:.4rem .45rem .5rem;display:flex}.props-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.props-inline-grid--3{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.7fr)}.props-inline-grid--2,.props-inline-grid--object{grid-template-columns:minmax(0,1fr) auto;align-items:center}.props-object{flex-direction:column;gap:.4rem;display:flex}.field-inline{min-width:0;color:var(--muted);align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;display:flex}.field-inline>span{flex-shrink:0;min-width:1.6rem}.field-inline input[type=number],.field-inline input[type=text],.field-inline select{background:var(--bg-code);border:1px solid var(--border);width:100%;min-width:0;color:var(--text);border-radius:5px;flex:1;padding:.2rem .3rem;font-size:.78rem}.field-inline input[type=number]{padding-right:.15rem;max-width:4.5rem;padding-inline-end:1.15rem}.field-inline--angle{flex:none}.field-inline--angle>span{min-width:0}.field-inline--angle input[type=number]{box-sizing:border-box;flex:0 0 3.75rem;width:3.75rem;max-width:3.75rem}.field-inline input[type=range]{flex:1;min-width:0}.field-inline__val{color:var(--text-dim);text-align:right;flex-shrink:0;min-width:2.1rem;font-size:.68rem;font-style:normal}.field-inline--grow{grid-column:1/-1}.field-inline--grow input[type=number]{max-width:none}.field-inline--stack{flex-direction:column;align-items:stretch;gap:.2rem}.field-inline--stack>span{min-width:0}.field-inline--tiny{gap:.2rem}.field-inline--tiny>span{min-width:0;font-size:.65rem}.field-inline--tiny input[type=number]{width:2.8rem;max-width:2.8rem;padding:.15rem .25rem;padding-inline-end:1rem}.props-tool-row{flex-wrap:nowrap;align-items:center;gap:.15rem;min-width:0;display:flex}.props-tool-row .btn-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.props-tool-row--end{justify-content:flex-end}.props-tool-gap{background:var(--border);flex-shrink:0;width:1px;height:.9rem;margin:0 .12rem}.props-tool-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-shrink:0;margin-right:.05rem;font-size:.62rem;font-weight:700}.props-stroke{flex-direction:column;gap:.35rem;display:flex}.props-stroke__row{grid-template-columns:2.6rem minmax(0,1fr);align-items:center;gap:.35rem;min-width:0;display:grid}.props-stroke__label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:700;line-height:1}.props-stroke__controls{flex-wrap:nowrap;align-items:center;gap:.15rem;min-width:0;display:flex}.props-stroke__controls .btn-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.props-stroke__width{box-sizing:border-box;background:var(--bg-code);border:1px solid var(--border);width:3.4rem;height:1.5rem;color:var(--text);border-radius:5px;flex-shrink:0;padding:0 .3rem;font-size:.78rem}.props-tool-row--shadow{border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);padding-top:.15rem}.props-shadow-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem .4rem;min-width:0;display:grid}.field-inline--shadow{gap:.25rem;min-width:0}.field-inline--shadow>span{min-width:0;font-size:.65rem}.field-inline--shadow input[type=number]{box-sizing:border-box;flex:auto;width:100%;min-width:0;max-width:none;padding-inline-end:1.15rem}.props-hint{background:color-mix(in srgb, var(--bg-code) 60%, transparent);color:var(--text-dim);border-radius:6px;margin:0;padding:.35rem .45rem;font-size:.7rem;line-height:1.35}.props-hint--tight{margin-top:.35rem}.paint-control{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.85rem}.paint-control--compact{border:none;margin:0;padding:0}.paint-control__row{flex-wrap:nowrap;align-items:center;gap:.2rem;min-width:0;display:flex}.paint-control__label{width:2.15rem;min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;font-size:.62rem;font-weight:700}.paint-control__color{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;width:1.4rem;height:1.4rem;margin-left:auto;padding:0}.paint-control--compact .paint-modes{flex-wrap:nowrap;flex:0 auto;gap:.12rem;min-width:0;margin:0;display:flex}.paint-control--compact .paint-modes .btn-icon{flex-shrink:0;width:1.4rem;height:1.4rem}.paint-control--compact .paint-swatch{flex-shrink:0;width:1.2rem;height:1.2rem;margin-left:auto}.paint-control--compact .paint-stops{gap:.3rem;margin-top:.35rem}.paint-control--compact+.paint-control--compact{border-top:1px solid color-mix(in srgb, var(--border) 75%, transparent);margin-top:.35rem;padding-top:.35rem}.swatch-library--compact{border:none;margin:0;padding:0}.swatch-library--compact .swatch-library__head{margin-bottom:.3rem;font-size:.68rem}.swatch-library--compact .swatch-library__grid{grid-template-columns:repeat(8,1fr);gap:.25rem}.swatch-add-row{flex-shrink:0;align-items:center;gap:.3rem;display:inline-flex}.swatch-add__commit{border:1px solid var(--border);background:var(--panel-2);height:1.55rem;color:var(--text);cursor:pointer;border-radius:6px;padding:0 .45rem;font-size:.68rem;font-weight:600;line-height:1}.swatch-add__commit:hover{background:var(--hover);border-color:var(--border-strong)}.swatch-add__commit:active{transform:translateY(.5px)}.color-well{border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-shrink:0;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.color-well--sm{width:1.55rem;height:1.55rem}.color-well--md{width:1.85rem;height:1.85rem}.color-well:hover{border-color:var(--border-strong)}.color-popover{--cp-sv:210px;--cp-hue:18px;--cp-compare:56px;--cp-btn:5.5rem;--cp-label-h:1rem;--cp-swatch-h:1.75rem;--cp-gap:.55rem;z-index:9500;border:1px solid color-mix(in srgb, var(--border-strong) 70%, #000 30%);background:color-mix(in srgb, var(--panel) 92%, #1a1a1a 8%);width:auto;min-width:28rem;color:var(--text);border-radius:6px;padding:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.72rem;position:fixed;overflow:hidden;box-shadow:0 0 0 1px #00000059,0 18px 48px #00000073}.color-popover__title{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel-2) 80%, #000 20%);color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:.4rem .6rem;font-size:.72rem;font-weight:600}.color-popover__title:active{cursor:grabbing}.color-popover__body{align-items:stretch;gap:.75rem;padding:.65rem .75rem .75rem;display:flex}.color-popover__spectrum{flex-shrink:0;align-items:stretch;gap:.45rem;margin:0 -8px;padding:0 8px;display:flex}.color-popover__sv{width:var(--cp-sv);min-height:var(--cp-sv);border:1px solid color-mix(in srgb, #000 50%, var(--border));cursor:crosshair;touch-action:none;flex:auto;align-self:stretch;position:relative;overflow:hidden}.color-popover__sv-white,.color-popover__sv-black{pointer-events:none;position:absolute;inset:0}.color-popover__sv-white{background:linear-gradient(90deg,#fff,#0000)}.color-popover__sv-black{background:linear-gradient(#0000,#000)}.color-popover__thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #000}.color-popover__hue{width:var(--cp-hue);min-height:var(--cp-sv);border:1px solid color-mix(in srgb, #000 50%, var(--border));cursor:ns-resize;touch-action:none;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);flex-shrink:0;align-self:stretch;position:relative}.color-popover__hue-tri{pointer-events:none;filter:drop-shadow(0 0 .5px #000);width:0;height:0;margin-top:-5px;position:absolute;left:50%}.color-popover__hue-tri--l{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #fff;margin-left:-16px}.color-popover__hue-tri--r{border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:7px solid #fff;margin-left:9px}.color-popover__main{gap:var(--cp-gap);flex-direction:column;flex:1;min-width:13.5rem;display:flex}.color-popover__main-top{align-items:flex-start;gap:.85rem;display:flex}.color-popover__compare-stack{width:var(--cp-compare);flex-direction:column;flex-shrink:0;display:flex}.color-popover__compare-label{height:var(--cp-label-h);color:var(--muted);text-transform:lowercase;justify-content:center;align-items:center;font-size:.62rem;line-height:1;display:flex}.color-popover__compare-swatches{border:1px solid var(--border);box-sizing:border-box;flex-direction:column;display:flex}.color-popover__compare-swatch{height:var(--cp-swatch-h);cursor:pointer}.color-popover__actions{width:var(--cp-btn);margin-top:var(--cp-label-h);flex-direction:column;flex-shrink:0;gap:.28rem;margin-left:auto;display:flex}.color-popover__btn{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--panel-2);width:100%;height:1.55rem;color:var(--text);cursor:pointer;white-space:nowrap;text-align:center;border-radius:3px;padding:0 .4rem;font-size:.68rem;font-weight:500}.color-popover__btn:hover{background:var(--hover,color-mix(in srgb, var(--panel-2) 70%, var(--text) 8%))}.color-popover__btn--ok{background:color-mix(in srgb, var(--panel-2) 70%, var(--text) 12%);font-weight:600}.color-popover__fields{grid-template-columns:auto auto;align-content:start;gap:.45rem 1.1rem;margin-top:.15rem;display:grid}.color-popover__model{border:none;flex-direction:column;gap:.2rem;margin:0;padding:0;display:flex}.color-popover__field{color:var(--muted);grid-template-columns:.85rem .95rem 3.25rem .7rem;align-items:center;column-gap:.2rem;height:1.4rem;display:grid}.color-popover__field input[type=radio]{width:.75rem;height:.75rem;accent-color:var(--text);justify-self:center;margin:0}.color-popover__radio-spacer{justify-self:center;width:.75rem;height:.75rem}.color-popover__field input[type=number]{border:1px solid var(--border);background:var(--panel-2);width:100%;min-width:0;height:1.3rem;color:var(--text);box-sizing:border-box;text-align:right;font-variant-numeric:tabular-nums;border-radius:2px;padding:0 .2rem;font-size:.72rem}.color-popover__field input[type=number]::-webkit-outer-spin-button{margin:0}.color-popover__field input[type=number]::-webkit-inner-spin-button{margin:0}.color-popover__field em{color:var(--text-dim);font-size:.65rem;font-style:normal;line-height:1}.color-popover__hex-row{color:var(--muted);grid-column:1;align-items:center;gap:.3rem;margin-top:.1rem;display:flex}.color-popover__hex-row input{border:1px solid var(--border);background:var(--panel-2);width:4.5rem;height:1.3rem;color:var(--text);box-sizing:border-box;border-radius:2px;padding:0 .3rem;font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.shape-fields{flex-direction:column;gap:.55rem;display:flex}.shape-fields .field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.shape-fields .field-inline input[type=number]{width:100%;max-width:none}.shape-fields .field-inline>span{min-width:0}.shape-fields__hint,.shape-dialog__intro{color:var(--muted);margin:.15rem 0 0;font-size:.72rem;line-height:1.35}.shape-dialog__intro{margin:0 0 .65rem}.shape-dialog__panel{width:min(280px,100%)}.layers-body,.artboards-body{padding:0}.artboards-toolbar{align-items:center;gap:.25rem;padding:.35rem .5rem 0;display:flex}.artboards-toolbar .btn-icon{width:1.5rem;height:1.5rem}.artboard-list{--layer-accent:var(--accent)}.artboard-row{cursor:pointer}.artboard-row__icon{width:1.15rem;height:1.15rem;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.artboard-row__icon .i{width:100%;height:100%}.layer-row--selected .artboard-row__icon{color:var(--accent-strong)}.artboard-row__size{font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.02em;flex-shrink:0;font-size:.62rem;font-weight:600}.project-name{background:var(--bg-code);border:1px solid var(--border);border-radius:4px;width:9rem;padding:.25rem .45rem;font-size:.85rem}.field{color:var(--muted);align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.field.stacked{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.75rem;display:flex}.field input[type=number],.field input[type=text],.field.stacked input:not([type=color]):not([type=range]){background:var(--bg-code);border:1px solid var(--border);border-radius:6px;width:100%;max-width:10rem;padding:.3rem .4rem}.field input[type=number]{width:4.2rem}.field input[type=color]{border:1px solid var(--border);background:0 0;border-radius:4px;width:2rem;height:1.7rem;padding:0}.check{color:var(--muted);align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.primary-btn,.ghost-btn,.icon-btn{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:6px;padding:.3rem .55rem}.primary-btn{background:var(--accent-strong);color:var(--on-accent);border-color:#0000;font-weight:600}.primary-btn:hover:not(:disabled){filter:brightness(1.06)}.ghost-btn:hover:not(:disabled),.icon-btn:hover{background:var(--hover);border-color:var(--border-strong)}.ghost-btn:disabled,.primary-btn:disabled{opacity:.4;cursor:not-allowed}.ghost-btn--active{border-color:var(--accent);color:var(--accent-strong);background:color-mix(in srgb, var(--accent) 18%, transparent);box-shadow:var(--glow)}.ghost-btn.danger{color:var(--danger)}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;padding:0;display:inline-flex}.primary-btn.btn-icon{color:var(--on-accent)}.icon-btn.btn-icon{width:1.5rem;height:1.5rem;padding:0}.i{color:currentColor;pointer-events:none;flex-shrink:0;width:16px;height:16px;display:block;position:relative}.i--img{opacity:1!important;background-color:currentColor!important;background-image:none!important;background-position:0 0!important;background-repeat:no-repeat!important;background-size:auto!important;border:none!important;width:16px!important;height:16px!important;margin:0!important;transform:none!important}.i--img:before,.i--img:after{content:none!important;display:none!important}.i--open{background:linear-gradient(currentColor,currentColor) 1px 10px/12px 2px no-repeat,linear-gradient(currentColor,currentColor) 1px 4px/2px 8px no-repeat,linear-gradient(currentColor,currentColor) 11px 4px/2px 8px no-repeat,linear-gradient(currentColor,currentColor) 1px 4px/7px 2px no-repeat,linear-gradient(currentColor,currentColor) 7px 2px/5px 2px no-repeat,linear-gradient(currentColor,currentColor) 10px 2px/2px 4px no-repeat}.i--save{background:linear-gradient(currentColor, currentColor) 2px 1px / 10px 12px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 4px 1px / 6px 4px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 4px 8px / 6px 4px no-repeat}.i--export-svg{background:linear-gradient(currentColor,currentColor) 1px 2px/12px 2px no-repeat,linear-gradient(currentColor,currentColor) 1px 2px/2px 10px no-repeat,linear-gradient(currentColor,currentColor) 11px 2px/2px 10px no-repeat,linear-gradient(currentColor,currentColor) 1px 10px/12px 2px no-repeat,linear-gradient(currentColor,currentColor) 4px 5px/2px 4px no-repeat,linear-gradient(currentColor,currentColor) 8px 5px/2px 4px no-repeat}.i--export-png{background:linear-gradient(currentColor, currentColor) 1px 1px / 12px 12px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 3px 3px / 8px 6px no-repeat, radial-gradient(circle, currentColor 1.2px, transparent 1.3px) 4px 4px / 14px 14px no-repeat, linear-gradient(currentColor, currentColor) 3px 9px / 8px 2px no-repeat}.primary-btn .i--export-png{background:linear-gradient(currentColor,currentColor) 1px 1px/12px 12px no-repeat,linear-gradient(#e0b87a,#e0b87a) 3px 3px/8px 6px no-repeat,radial-gradient(circle,currentColor 1.2px,#0000 1.3px) 4px 4px/14px 14px no-repeat,linear-gradient(currentColor,currentColor) 3px 9px/8px 2px no-repeat}.i--undo{box-sizing:border-box;border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;margin:1px}.i--undo:before{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-right:5px solid;position:absolute;top:-1px;left:-3px;transform:rotate(-20deg)}.i--redo{box-sizing:border-box;border:2px solid;border-left-color:#0000;border-radius:50%;width:12px;height:12px;margin:1px}.i--redo:before{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid;position:absolute;top:-1px;right:-3px;transform:rotate(20deg)}.i--group{opacity:.95;background:linear-gradient(currentColor,currentColor) 1px 1px/7px 7px no-repeat,linear-gradient(currentColor,currentColor) 6px 6px/7px 7px no-repeat}.i--group:after{content:"";opacity:.7;pointer-events:none;border:1px dashed;position:absolute;inset:3px}.i--ungroup{background:linear-gradient(currentColor,currentColor) 0 1px/6px 6px no-repeat,linear-gradient(currentColor,currentColor) 8px 7px/6px 6px no-repeat}.i--align-left{background:linear-gradient(currentColor,currentColor) 0 0/2px 14px no-repeat,linear-gradient(currentColor,currentColor) 4px 1px/10px 3px no-repeat,linear-gradient(currentColor,currentColor) 4px 5.5px/7px 3px no-repeat,linear-gradient(currentColor,currentColor) 4px 10px/10px 3px no-repeat}.i--align-h-center{background:linear-gradient(currentColor,currentColor) 6px 0/2px 14px no-repeat,linear-gradient(currentColor,currentColor) 2px 1px/10px 3px no-repeat,linear-gradient(currentColor,currentColor) 4px 5.5px/6px 3px no-repeat,linear-gradient(currentColor,currentColor) 2px 10px/10px 3px no-repeat}.i--align-right{background:linear-gradient(currentColor,currentColor) 12px 0/2px 14px no-repeat,linear-gradient(currentColor,currentColor) 0 1px/10px 3px no-repeat,linear-gradient(currentColor,currentColor) 3px 5.5px/7px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 10px/10px 3px no-repeat}.i--align-top{background:linear-gradient(currentColor,currentColor) 0 0/14px 2px no-repeat,linear-gradient(currentColor,currentColor) 1px 4px/3px 10px no-repeat,linear-gradient(currentColor,currentColor) 5.5px 4px/3px 7px no-repeat,linear-gradient(currentColor,currentColor) 10px 4px/3px 10px no-repeat}.i--align-v-center{background:linear-gradient(currentColor,currentColor) 0 6px/14px 2px no-repeat,linear-gradient(currentColor,currentColor) 1px 2px/3px 10px no-repeat,linear-gradient(currentColor,currentColor) 5.5px 4px/3px 6px no-repeat,linear-gradient(currentColor,currentColor) 10px 2px/3px 10px no-repeat}.i--align-bottom{background:linear-gradient(currentColor,currentColor) 0 12px/14px 2px no-repeat,linear-gradient(currentColor,currentColor) 1px 0/3px 10px no-repeat,linear-gradient(currentColor,currentColor) 5.5px 3px/3px 7px no-repeat,linear-gradient(currentColor,currentColor) 10px 0/3px 10px no-repeat}.i--dist-h{background:linear-gradient(currentColor,currentColor) 0 2px/2px 10px no-repeat,linear-gradient(currentColor,currentColor) 12px 2px/2px 10px no-repeat,linear-gradient(currentColor,currentColor) 4px 4px/2.5px 6px no-repeat,linear-gradient(currentColor,currentColor) 7.5px 4px/2.5px 6px no-repeat}.i--dist-v{background:linear-gradient(currentColor,currentColor) 2px 0/10px 2px no-repeat,linear-gradient(currentColor,currentColor) 2px 12px/10px 2px no-repeat,linear-gradient(currentColor,currentColor) 4px 4px/6px 2.5px no-repeat,linear-gradient(currentColor,currentColor) 4px 7.5px/6px 2.5px no-repeat}.i--check{background:linear-gradient(currentColor,currentColor) 2px 7px/4px 2px no-repeat,linear-gradient(currentColor,currentColor) 5px 5px/2px 7px no-repeat;transform:rotate(-45deg)}.i--cancel{background:linear-gradient(currentColor,currentColor) 6px 1px/2px 12px no-repeat,linear-gradient(currentColor,currentColor) 1px 6px/12px 2px no-repeat;transform:rotate(45deg)}.i--img.i--check,.i--img.i--cancel{transform:none}.i--snap{opacity:.9;background:linear-gradient(currentColor,currentColor) 1px 1px/4px 4px no-repeat,linear-gradient(currentColor,currentColor) 7px 1px/4px 4px no-repeat,linear-gradient(currentColor,currentColor) 1px 7px/4px 4px no-repeat,linear-gradient(currentColor,currentColor) 7px 7px/4px 4px no-repeat}.i--guides{background:linear-gradient(currentColor,currentColor) 6.5px 0/1px 14px no-repeat,linear-gradient(currentColor,currentColor) 0 6.5px/14px 1px no-repeat,linear-gradient(currentColor,currentColor) 2px 2px/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 9px 9px/3px 3px no-repeat}.i--visible{box-sizing:border-box;border:2px solid;border-radius:50%/60% 60% 40% 40%;height:10px;margin-top:2px}.i--visible:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.i--hidden{opacity:.7;background:linear-gradient(currentColor,currentColor) 1px 6.5px/12px 1px no-repeat}.i--hidden:before{content:"";box-sizing:border-box;opacity:.5;border:2px solid;border-radius:50%/60% 60% 40% 40%;position:absolute;inset:2px 0}.i--locked{background:linear-gradient(currentColor,currentColor) 3px 6px/8px 7px no-repeat}.i--locked:before{content:"";box-sizing:border-box;border:2px solid;border-bottom:none;border-radius:3px 3px 0 0;width:6px;height:5px;position:absolute;top:2px;left:4px}.i--unlocked{background:linear-gradient(currentColor,currentColor) 3px 6px/8px 7px no-repeat}.i--unlocked:before{content:"";box-sizing:border-box;border:2px solid;border-bottom:none;border-radius:3px 3px 0 0;width:6px;height:5px;position:absolute;top:1px;left:5px;transform:rotate(20deg)}.i--up{background:linear-gradient(currentColor,currentColor) 6px 2px/2px 10px no-repeat,linear-gradient(45deg,#0000 45%,currentColor 45% 70%,#0000 70%) 1px 1px/7px 7px no-repeat,linear-gradient(-45deg,#0000 45%,currentColor 45% 70%,#0000 70%) 6px 1px/7px 7px no-repeat}.i--down{background:linear-gradient(currentColor,currentColor) 6px 2px/2px 10px no-repeat,linear-gradient(45deg,#0000 45%,currentColor 45% 70%,#0000 70%) 6px 6px/7px 7px no-repeat,linear-gradient(-45deg,#0000 45%,currentColor 45% 70%,#0000 70%) 1px 6px/7px 7px no-repeat}.i--delete{background:linear-gradient(currentColor, currentColor) 5px 1px / 4px 2px no-repeat, linear-gradient(currentColor, currentColor) 3px 3px / 8px 1px no-repeat, linear-gradient(currentColor, currentColor) 4px 4px / 6px 9px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 5.5px 6px / 1px 5px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 7.5px 6px / 1px 5px no-repeat}.ghost-btn.danger .i--delete{background:linear-gradient(currentColor,currentColor) 5px 1px/4px 2px no-repeat,linear-gradient(currentColor,currentColor) 3px 3px/8px 1px no-repeat,linear-gradient(currentColor,currentColor) 4px 4px/6px 9px no-repeat}.i--paint-none{background:linear-gradient(currentColor, currentColor) 1px 1px / 12px 12px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 2px 2px / 10px 10px no-repeat, linear-gradient(45deg, transparent 46%, currentColor 46%, currentColor 54%, transparent 54%) 1px 1px / 12px 12px no-repeat}.i--paint-solid{background:linear-gradient(currentColor,currentColor) 1px 1px/12px 12px no-repeat;border-radius:2px}.i--paint-linear{background:linear-gradient(90deg,#0000 0%,currentColor 100%) 1px 1px/12px 12px no-repeat;border-radius:2px;box-shadow:inset 0 0 0 1px}.i--paint-radial{background:radial-gradient(circle at 40% 40%,#0000 20%,currentColor 70%) 1px 1px/12px 12px no-repeat;border-radius:2px;box-shadow:inset 0 0 0 1px}.i--stroke-center{background:linear-gradient(currentColor, currentColor) 2px 2px / 10px 10px no-repeat, linear-gradient(var(--panel-2), var(--panel-2)) 4px 4px / 6px 6px no-repeat;box-shadow:inset 0 0 0 1px}.i--stroke-inside{box-shadow:inset 0 0 0 3px var(--panel-2), inset 0 0 0 4px currentColor;background:linear-gradient(currentColor,currentColor) 2px 2px/10px 10px no-repeat}.i--stroke-outside{background:linear-gradient(currentColor,currentColor) 4px 4px/6px 6px no-repeat;box-shadow:inset 0 0 0 2px}.i--angle-h{background:linear-gradient(currentColor,currentColor) 1px 6px/12px 2px no-repeat}.i--angle-v{background:linear-gradient(currentColor,currentColor) 6px 1px/2px 12px no-repeat}.i--angle-diag{background:linear-gradient(135deg,#0000 45%,currentColor 45% 55%,#0000 55%) 1px 1px/12px 12px no-repeat}.i--angle-diag2{background:linear-gradient(45deg,#0000 45%,currentColor 45% 55%,#0000 55%) 1px 1px/12px 12px no-repeat}.i--tool-select{clip-path:polygon(15% 5%,90% 52%,55% 52%,70% 95%,52% 100%,38% 55%,15% 72%);background:currentColor}.i--tool-text{background:linear-gradient(currentColor,currentColor) 2px 1px/10px 2px no-repeat,linear-gradient(currentColor,currentColor) 6px 1px/2px 12px no-repeat,linear-gradient(currentColor,currentColor) 4px 12px/6px 1px no-repeat}.i--tool-line{background:linear-gradient(135deg,#0000 44%,currentColor 44% 56%,#0000 56%) 0 0/14px 14px no-repeat}.i--tool-rect{width:12px;height:12px;margin:1px;box-shadow:inset 0 0 0 2px}.i--tool-ellipse{border-radius:50%;width:12px;height:12px;margin:1px;box-shadow:inset 0 0 0 2px}.workspace{flex:1;min-height:0;display:flex}.paint-swatch{border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:1.6rem;height:1.6rem}.paint-modes{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}.paint-modes .ghost-btn{padding:.2rem .4rem;font-size:.75rem}.paint-stops{flex-direction:column;gap:.45rem;display:flex}.paint-stop-row{align-items:center;gap:.4rem;display:flex}.paint-stop-row input[type=range]{flex:1;min-width:0}.paint-stop-row input[type=color]{border:1px solid var(--border);background:0 0;border-radius:4px;width:2rem;height:1.6rem;padding:0}.paint-stop-row .field{flex:1}.paint-angles{flex-wrap:nowrap;align-items:center;gap:.35rem;min-width:0;margin-top:.35rem;display:flex}.paint-angle-field{min-width:0;color:var(--muted);flex:auto;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;display:inline-flex}.paint-angle-field input{border:1px solid var(--border);background:var(--panel-2,var(--bg));width:2.75rem;color:var(--text);font:inherit;border-radius:4px;flex-shrink:0;padding:.15rem .3rem}.paint-angles__presets{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.12rem;display:flex}.paint-angles__presets .btn-icon{width:1.35rem;height:1.35rem}.paint-none-hint{color:var(--text-dim);margin:.25rem 0 0;font-size:.8rem}.stroke-align{margin-bottom:.85rem}.stroke-align__label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.layer-list{background:color-mix(in srgb, var(--bg-code) 55%, var(--panel));border-radius:8px;flex-direction:column;gap:.55rem;margin:0;padding:.5rem;list-style:none;display:flex}.layer-row{--layer-depth:0;--layer-accent:var(--muted);margin-left:calc(var(--layer-depth) * 14px);border:1px solid color-mix(in srgb, var(--layer-accent) 35%, var(--border-strong));border-left:4px solid var(--layer-accent);background:linear-gradient(90deg, color-mix(in srgb, var(--layer-accent) 16%, transparent) 0%, color-mix(in srgb, var(--layer-accent) 4%, var(--panel)) 42%, var(--panel) 100%);box-shadow:0 1px 0 color-mix(in srgb, var(--text) 8%, transparent), 0 4px 10px #0000001f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.45rem .45rem .45rem .4rem;position:relative}.layer-row:hover{border-color:color-mix(in srgb, var(--layer-accent) 70%, var(--border-strong));background:linear-gradient(90deg, color-mix(in srgb, var(--layer-accent) 24%, transparent) 0%, color-mix(in srgb, var(--layer-accent) 8%, var(--hover)) 50%, var(--hover) 100%)}.layer-row--selected{border-color:var(--accent-strong);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-strong) 28%, transparent) 0%, color-mix(in srgb, var(--layer-accent) 12%, var(--active)) 45%, var(--active) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-strong) 40%, transparent), 0 2px 8px color-mix(in srgb, var(--accent-strong) 20%, transparent)}.layer-row--hidden{opacity:.5;filter:grayscale(.35)}.layer-row--locked .layer-name{color:var(--muted);font-style:italic}.layer-row--clip{border-style:dashed}.layer-row--rect{--layer-accent:#4ea3e0}.layer-row--round{--layer-accent:#738bff}.layer-row--ellipse{--layer-accent:#3ecf8e}.layer-row--line{--layer-accent:#e8c547}.layer-row--path{--layer-accent:#c45de8}.layer-row--text{--layer-accent:#f08a3a}.layer-row--image{--layer-accent:#3dbde8}.layer-row--group{--layer-accent:#8b95a5}.layer-list--dragging,.layer-list--dragging .layer-row{cursor:grabbing}.layer-row--dragging{opacity:.35}.layer-row--drop-before:before,.layer-row--drop-after:after{content:"";background:var(--accent-strong);height:3px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-strong) 40%, transparent);pointer-events:none;z-index:1;border-radius:2px;position:absolute;left:.25rem;right:.25rem}.layer-row--drop-before:before{top:-5px}.layer-row--drop-after:after{bottom:-5px}.layer-glyph{border:1.5px solid var(--layer-accent);background:color-mix(in srgb, var(--layer-accent) 22%, transparent);box-sizing:border-box;flex-shrink:0;width:1.05rem;height:1.05rem}.layer-row--rect .layer-glyph,.layer-row--image .layer-glyph{border-radius:2px}.layer-row--round .layer-glyph{border-radius:4px}.layer-row--ellipse .layer-glyph{border-radius:50%}.layer-row--line .layer-glyph{background:linear-gradient(135deg, transparent 46%, var(--layer-accent) 46%, var(--layer-accent) 54%, transparent 54%);border:none}.layer-row--path .layer-glyph{border-radius:2px 10px}.layer-row--text .layer-glyph{background:0 0;border:none;position:relative}.layer-row--text .layer-glyph:before{content:"T";text-align:center;color:var(--layer-accent);font-size:.72rem;font-weight:800;line-height:1.05rem;position:absolute;inset:0}.layer-row--group .layer-glyph{box-shadow:2px 2px 0 color-mix(in srgb, var(--layer-accent) 55%, transparent);border-radius:2px}.layer-twist{width:1rem;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;line-height:1}.layer-twist--spacer{width:1rem;display:inline-block}.layer-row__main{align-items:center;gap:.3rem;display:flex}.swatch-library{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.swatch-library__head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.75rem;display:flex}.swatch-library__grid{grid-template-columns:repeat(6,1fr);gap:.3rem;display:grid}.swatch-chip{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;border-radius:2px;padding:0}.swatch-chip:hover{outline:2px solid var(--accent)}.font-select{flex-direction:column;gap:.35rem;width:100%;display:flex}.font-select__filter{background:var(--bg-code);border:1px solid var(--border);border-radius:4px;width:100%;padding:.3rem .45rem;font-size:.8rem}.font-select__list{background:var(--bg-code);border:1px solid var(--border);border-radius:4px;width:100%;height:224px;min-height:8.5rem;padding:0;font-size:.85rem;position:relative;overflow:auto}.font-select__list:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.font-select__spacer{width:100%;position:relative}.font-select__option{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:0;align-items:center;margin:0;padding:0 .45rem;font-size:.85rem;display:flex;position:absolute;left:0;right:0;overflow:hidden}.font-select__option:hover{background:var(--hover)}.font-select__option.is-selected{background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--text)}.font-select__empty{color:var(--text-dim);padding:.55rem .45rem;font-size:.8rem}.font-select__preview{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:4px;padding:.45rem .5rem;font-size:1.05rem;line-height:1.3}.font-select__hint{color:var(--text-dim);margin:0;font-size:.7rem;line-height:1.35}.artboard-host--outline .artboard-svg{color:var(--text)}.icon-btn{color:var(--muted);padding:.15rem .3rem;font-size:.7rem}.layer-type{border:1px solid color-mix(in srgb, var(--layer-accent) 55%, var(--border));background:color-mix(in srgb, var(--layer-accent) 28%, var(--panel));text-transform:uppercase;letter-spacing:.04em;min-width:2.55rem;color:color-mix(in srgb, var(--layer-accent) 55%, var(--text));text-align:center;border-radius:999px;flex-shrink:0;padding:.14rem .38rem;font-size:.6rem;font-weight:700}.layer-name{background:color-mix(in srgb, var(--bg-code) 40%, transparent);border:1px solid #0000;border-radius:4px;flex:1;min-width:0;padding:.18rem .35rem;font-weight:600}.layer-name:focus{border-color:var(--focus);background:var(--bg-code);outline:none}.canvas-area{background:var(--canvas-pad,var(--bg));flex:1;min-width:0;min-height:0;display:flex}.artboard-host{background:var(--canvas-pad,var(--bg));flex:1;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden;cursor:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0,none!important}.artboard-host *,.artboard-host :before,.artboard-host :after{cursor:inherit!important}.artboard-host .sel-move{cursor:move!important}.artboard-host .sel-rotate{cursor:grab!important}.artboard-host .sel-rotate:active{cursor:grabbing!important}.artboard-host .sel-handle[data-cursor=nwse-resize]{cursor:nwse-resize!important}.artboard-host .sel-handle[data-cursor=nesw-resize]{cursor:nesw-resize!important}.artboard-host .sel-handle[data-cursor=ns-resize]{cursor:ns-resize!important}.artboard-host .sel-handle[data-cursor=ew-resize]{cursor:ew-resize!important}.artboard-svg--custom-cursor{cursor:inherit}.tool-cursor{z-index:1000;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;will-change:transform;width:32px;height:32px;image-rendering:pixelated;margin:0;padding:0;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.artboard-svg{background:var(--canvas-pad,var(--bg-code));width:100%;height:100%;box-shadow:none;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.artboard-svg text{-webkit-user-select:none;user-select:none}.text-edit-overlay{z-index:30;caret-color:var(--accent-strong);-webkit-user-select:text;user-select:text;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--accent-strong) 85%, transparent);field-sizing:content;background:0 0;border:none;border-radius:0;outline:none;max-width:min(80vw,640px);margin:0;padding:0 1px;line-height:1.15;position:absolute}.text-edit-overlay--point{box-shadow:none;caret-color:var(--accent-strong);padding:0;line-height:1}.pen-hint{background:color-mix(in srgb, var(--chrome) 94%, transparent);border:1px solid var(--border);color:var(--muted);pointer-events:none;white-space:nowrap;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.rulers-host{background:var(--canvas-pad,var(--bg));flex:1;grid-template-rows:20px 1fr;grid-template-columns:20px 1fr;min-width:0;min-height:0;display:grid;position:relative}.rulers-host--hidden{grid-template-rows:0 1fr;grid-template-columns:0 1fr}.rulers-host--hidden .ruler{visibility:hidden;pointer-events:none}.rulers-host__canvas{grid-area:2/2;min-width:0;min-height:0;display:flex}.ruler{background:color-mix(in srgb, var(--chrome) 92%, transparent);border-color:var(--border);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ruler--corner{border-right:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:1/1}.ruler--h{border-bottom:1px solid var(--border);cursor:ns-resize;grid-area:1/2}.ruler--v{border-right:1px solid var(--border);cursor:ew-resize;grid-area:2/1}.ruler__tick{background:var(--muted);z-index:0;width:1px;position:absolute;bottom:0}.ruler__tick--v{height:1px;bottom:auto;left:auto;right:0}.ruler__tick--major{background:color-mix(in srgb, var(--text) 70%, var(--muted))}.ruler__label{z-index:2;letter-spacing:.01em;color:var(--text);white-space:nowrap;pointer-events:none;text-shadow:0 0 2px var(--chrome), 0 0 3px var(--chrome), 1px 0 0 var(--chrome), -1px 0 0 var(--chrome), 0 1px 0 var(--chrome), 0 -1px 0 var(--chrome);font-size:9px;font-weight:700;line-height:1;position:absolute;top:1px;left:0;transform:translate(-50%)}.ruler__label--v{writing-mode:horizontal-tb;text-orientation:mixed;letter-spacing:0;font-kerning:none;font-variant-numeric:tabular-nums;font-feature-settings:"kern" 0, "liga" 0;text-align:center;transform-origin:50%;top:0;left:7px;right:auto;transform:translate(-50%,-50%)rotate(-90deg)}.field-row{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.shape-dialog__intro kbd{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;display:inline-block}.ui-tooltip{z-index:10000;border:1px solid var(--border);background:color-mix(in srgb, var(--chrome) 94%, transparent);max-width:min(280px,100vw - 16px);color:var(--text);pointer-events:none;white-space:normal;text-align:center;word-break:break-word;border-radius:6px;padding:.35rem .55rem;font-size:.78rem;line-height:1.25;position:fixed;top:0;left:0;transform:translate(-50%);box-shadow:0 8px 20px #00000047}@media (width<=1100px){.right-dock{width:240px}}.settings-modal{z-index:9000;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.settings-modal__panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-direction:column;width:min(420px,100%);max-height:min(88vh,640px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0006}.settings-modal__header{border-bottom:1px solid var(--border);background:var(--chrome);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem .75rem 1rem;display:flex}.settings-modal__header:active{cursor:grabbing}.settings-modal__title{letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:650}.settings-modal__body{flex-direction:column;flex:auto;gap:1.1rem;min-height:0;padding:.75rem 1rem 1rem;display:flex;overflow-y:auto}.settings-section__title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .55rem;font-size:.72rem;font-weight:650}.settings-row{cursor:pointer;align-items:flex-start;gap:.55rem;margin:0 0 .45rem;font-size:.88rem;display:flex}.settings-row input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;margin-top:.2rem}.settings-row__label{flex-direction:column;gap:.15rem;min-width:0;display:flex}.settings-row__hint{color:var(--text-dim);font-size:.75rem;line-height:1.3}.settings-row--field{cursor:default;align-items:center}.settings-row--field .settings-row__label{flex:1}.settings-row--field input[type=number],.settings-row--field select{background:var(--bg-code,var(--panel-2));border:1px solid var(--border);width:6.5rem;color:var(--text);border-radius:4px;flex-shrink:0;padding:.3rem .45rem}.settings-modal__footer{border-top:1px solid var(--border);background:var(--chrome);flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.help-modal__panel{width:min(520px,100%);max-height:min(90vh,720px)}.help-modal__intro{color:var(--muted);margin:0 0 .25rem;font-size:.82rem}.help-modal__intro kbd,.help-list__keys kbd{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;display:inline-block}.help-list{margin:0;padding:0;list-style:none}.help-list__row{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);align-items:baseline;gap:.5rem .75rem;padding:.28rem 0;font-size:.84rem;display:grid}.help-list__row:last-child{border-bottom:none}.help-list__name{color:var(--text)}.help-list__keys{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.35rem;display:flex}.help-list__note{color:var(--text-dim);font-size:.75rem;line-height:1.3}