@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2-variations"),url(/fonts/bricolage-grotesque-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-base:16px;--text-lg:18px;--text-xl:21px;--text-2xl:28px;--text-3xl:40px;--text-display:clamp(40px, 6vw, 76px);--leading-tight:1.05;--leading-snug:1.3;--leading-body:1.5;--tracking-display:-.035em;--tracking-heading:-.02em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-14:56px;--space-20:80px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--control-sm:32px;--control-md:40px;--control-lg:46px;--touch-min:44px;--page-max:1200px;--panel-width:360px;--dialog-width:720px;--dialog-width-sm:480px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.6, 0, .3, 1);--duration-fast:.12s;--duration:.2s;--duration-slow:.28s;--z-toolbar:10;--z-panel:20;--z-toast:50;--z-dialog:60;--z-tooltip:70;--color-bg:#f6f1e9;--color-surface:#fffdf9;--color-surface-2:#efe7db;--color-surface-3:#e7dccd;--color-line:#e2d6c7;--color-line-soft:#ede3d6;--color-ink:#2a211b;--color-ink-2:#3d322a;--color-muted:#6b5e54;--color-faint:#a89a8d;--color-accent:#c2410c;--color-accent-hover:#a8380a;--color-on-accent:#fff;--color-accent-text:#b23a0a;--color-accent-soft:#fce6d8;--color-accent-soft-ink:#8a2c06;--color-success:#2f6b33;--color-success-soft:#e3f1e1;--color-warning:#7a4f00;--color-warning-soft:#fff1d6;--color-danger:#b42318;--color-danger-soft:#fde8e4;--color-info:#0b6e6a;--color-info-soft:#ddf0ee;--color-focus:#c2410c;--color-tooltip-bg:#2a211b;--color-tooltip-ink:#fffdf9;--color-backdrop:#2a211b6b;--color-selection:#c2410c2e;--code-bg:#2a211b;--code-ink:#f4ece3;--well-bg:#efe8dd;--well-dot:#d9cdbd;--shadow-1:0 1px 2px #2a211b14;--shadow-2:0 1px 2px #2a211b14, 0 8px 24px #2a211b1f;--shadow-3:0 2px 4px #2a211b14, 0 24px 64px #2a211b38;--shadow-image:0 2px 4px #2a211b14, 0 16px 40px #2a211b29;--shape-fill:#0b6e6a3d;--shape-stroke:#0b6e6a;--shape-stroke-width:2.5;--shape-hover-fill:#0b6e6a5c;--shape-hover-stroke:#07504d;--shape-hover-stroke-width:3.5;--shape-selected-fill:#f26a3a42;--shape-selected-stroke:#e2551f;--shape-selected-stroke-width:3;--shape-locked-fill:#6b5e5424;--shape-locked-stroke:#6b5e54;--shape-locked-dash:2 6;--shape-halo:#fffdf9d9;--shape-halo-width:6;--shape-draft-fill:#f26a3a24;--shape-draft-stroke:#e2551f;--shape-draft-dash:8 6;--shape-suggest-fill:#6d4bd133;--shape-suggest-stroke:#6d4bd1;--shape-suggest-dash:6 4;--shape-suggest-accepted-stroke:#0b6e6a;--handle-size:12;--handle-size-active:18;--handle-fill:#fffdf9;--handle-stroke:#e2551f;--handle-stroke-width:2.5;--handle-active-fill:#e2551f;--handle-active-stroke:#fffdf9;--handle-midpoint-stroke:#e2551f;--snap-guide:#2f6fe0;--grid-line:#2a211b38;--loupe-size:144;--loupe-zoom:4;--loupe-ring:#2a211b;--loupe-ring-halo:#fffdf9;--loupe-cross:#2a211b;--loupe-label-bg:#2a211b;--loupe-label-ink:#fffdf9}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#171310;--color-surface:#221c18;--color-surface-2:#2d2520;--color-surface-3:#382e28;--color-line:#3e342d;--color-line-soft:#2f2722;--color-ink:#f4ece3;--color-ink-2:#e3d7ca;--color-muted:#b3a497;--color-faint:#6e6158;--color-accent:#f07a4a;--color-accent-hover:#f48d63;--color-on-accent:#1e120c;--color-accent-text:#ff9b73;--color-accent-soft:#3d2418;--color-accent-soft-ink:#ffb592;--color-success:#8ccb7e;--color-success-soft:#1f2b1c;--color-warning:#f2c063;--color-warning-soft:#2f2514;--color-danger:#ff8a7a;--color-danger-soft:#3a1d19;--color-info:#5cc9bf;--color-info-soft:#15302d;--color-focus:#ff9b73;--color-tooltip-bg:#f4ece3;--color-tooltip-ink:#171310;--color-backdrop:#0009;--color-selection:#f07a4a47;--code-bg:#120f0d;--well-bg:#120f0d;--well-dot:#2e2621;--shadow-1:0 0 0 1px #2f2722;--shadow-2:0 0 0 1px #3e342d, 0 8px 24px #00000073;--shadow-3:0 0 0 1px #3e342d, 0 24px 64px #0009;--shadow-image:0 0 0 1px #3e342d, 0 24px 60px #00000080;--shape-halo:#171310d9;--grid-line:#fffdf93d;--loupe-ring:#f4ece3;--loupe-ring-halo:#171310;--loupe-cross:#f4ece3;--loupe-label-bg:#f4ece3;--loupe-label-ink:#171310}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#171310;--color-surface:#221c18;--color-surface-2:#2d2520;--color-surface-3:#382e28;--color-line:#3e342d;--color-line-soft:#2f2722;--color-ink:#f4ece3;--color-ink-2:#e3d7ca;--color-muted:#b3a497;--color-faint:#6e6158;--color-accent:#f07a4a;--color-accent-hover:#f48d63;--color-on-accent:#1e120c;--color-accent-text:#ff9b73;--color-accent-soft:#3d2418;--color-accent-soft-ink:#ffb592;--color-success:#8ccb7e;--color-success-soft:#1f2b1c;--color-warning:#f2c063;--color-warning-soft:#2f2514;--color-danger:#ff8a7a;--color-danger-soft:#3a1d19;--color-info:#5cc9bf;--color-info-soft:#15302d;--color-focus:#ff9b73;--color-tooltip-bg:#f4ece3;--color-tooltip-ink:#171310;--color-backdrop:#0009;--color-selection:#f07a4a47;--code-bg:#120f0d;--well-bg:#120f0d;--well-dot:#2e2621;--shadow-1:0 0 0 1px #2f2722;--shadow-2:0 0 0 1px #3e342d, 0 8px 24px #00000073;--shadow-3:0 0 0 1px #3e342d, 0 24px 64px #0009;--shadow-image:0 0 0 1px #3e342d, 0 24px 60px #00000080;--shape-halo:#171310d9;--grid-line:#fffdf93d;--loupe-ring:#f4ece3;--loupe-ring-halo:#171310;--loupe-cross:#f4ece3;--loupe-label-bg:#f4ece3;--loupe-label-ink:#171310}@media (pointer:coarse){:root{--control-sm:44px;--control-md:44px;--control-lg:48px}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration:0s;--duration-slow:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--color-selection)}img,svg{display:block}a{color:var(--color-accent-text);text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}[hidden]{display:none!important}.icon{flex:none;width:20px;height:20px}.icon-sm{flex:none;width:16px;height:16px}.icon-lg{flex:none;width:28px;height:28px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.mono{font-family:var(--font-mono)}.muted{color:var(--color-muted)}.spacer{flex:1}.show-sm{display:none!important}.logo{flex:none;width:30px;height:30px}.logo-bg{fill:var(--color-ink)}.logo-shape{fill:#f26a3a;stroke:var(--color-surface);stroke-width:1.5px;stroke-linejoin:round}.logo-dot{fill:var(--color-surface)}.brand{color:var(--color-ink);font-family:var(--font-display);letter-spacing:var(--tracking-heading);white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-ink)}.brand .tld{color:var(--color-muted);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1.5px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-ink)}.btn:disabled{opacity:.5}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-semibold)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);color:var(--color-on-accent)}.btn-outline{border-color:var(--color-line);background:var(--color-surface)}.btn-outline:hover:not(:disabled){border-color:var(--color-muted);background:var(--color-surface)}.btn-soft{background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}.btn-soft:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent-soft-ink);filter:brightness(.97)}.btn-danger{background:var(--color-danger);color:var(--color-surface);font-weight:var(--weight-semibold)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-surface);filter:brightness(.92)}.btn-lg{min-height:var(--control-lg);padding:0 var(--space-6);font-size:var(--text-base)}.btn-sm{min-height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn-icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-pill);min-height:0;color:var(--color-ink-2);transition:background var(--duration-fast) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.btn-icon:hover:not(:disabled){background:var(--color-surface-2)}.btn-icon:disabled{opacity:.45}.btn-icon[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}.btn-icon.sm{width:var(--control-sm);height:var(--control-sm)}.btn-icon.danger:hover:not(:disabled){color:var(--color-danger)}.btn-link{min-height:var(--control-sm);padding:0 var(--space-2);color:var(--color-accent-text);font-weight:var(--weight-medium);border-radius:var(--radius-pill);background:0 0;border:0;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.btn-link:hover{color:var(--color-accent-text);text-decoration:underline}kbd{min-width:20px;height:20px;font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1;font-weight:var(--weight-medium);opacity:.8;border:1px solid;border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 5px;display:inline-grid}.kbd-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px;display:inline-flex}.field{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.field-row{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink-2);margin:0}.help{font-size:var(--text-xs);color:var(--color-muted);margin:0}.input,.select{width:100%;min-width:0;min-height:var(--control-md);padding:0 var(--space-3);border:1.5px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-md)}.input.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-muted) 50%), linear-gradient(135deg, var(--color-muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.input:hover,.select:hover{border-color:var(--color-faint)}.input:focus-visible,.select:focus-visible{outline:3px solid var(--color-selection);outline-offset:0;border-color:var(--color-focus)}.input[aria-invalid=true],.input[aria-invalid=""]{border-color:var(--color-danger)}.field-error{font-size:var(--text-xs);color:var(--color-danger);text-align:left;align-items:flex-start;gap:6px;margin:0;display:flex}.field-error .icon-sm{margin-top:1px}.field-warn{font-size:var(--text-xs);color:var(--color-warning);margin:0}.input-prefix{border:1.5px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);align-items:stretch;min-width:0;display:flex;overflow:hidden}.input-prefix:focus-within{outline:3px solid var(--color-selection);border-color:var(--color-focus)}.input-prefix>span{padding:0 0 0 var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);place-items:center;display:grid}.input-prefix>.input{border:0;border-radius:0;min-width:0;padding-left:2px}.input-prefix>.input:focus-visible{outline:0}textarea.input{padding:var(--space-3);resize:vertical;min-height:160px;line-height:1.5;font-family:var(--font-mono);font-size:var(--text-sm)}input[type=range]{appearance:none;width:100%;height:28px;accent-color:var(--color-accent);background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-accent) var(--fill,0%), var(--color-surface-3) var(--fill,0%));border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:var(--color-surface-3);border-radius:999px;height:6px}input[type=range]::-moz-range-progress{background:var(--color-accent);border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-surface);border:2.5px solid var(--color-accent);width:22px;height:22px;box-shadow:var(--shadow-1);border-radius:50%;margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--color-surface);border:2.5px solid var(--color-accent);border-radius:50%;width:18px;height:18px}.range{gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto;align-items:center;display:grid}.range>.label{grid-column:1}.range>input{grid-area:2/1}.range>.wand-value{font-family:var(--font-mono);font-size:var(--text-sm);text-align:right;border-radius:var(--radius-xs);background:var(--color-surface-2);grid-area:2/2;min-width:56px;padding:4px 8px}.range>.help{grid-column:1/-1}.choice-list{gap:var(--space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.choice-list>legend{margin-bottom:var(--space-2);padding:0}.choice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;grid-template-columns:22px minmax(0,1fr);align-items:start;display:grid}.choice:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}.choice>input[type=radio]{width:20px;height:20px;accent-color:var(--color-accent);margin:1px 0 0}.choice label{font-weight:var(--weight-semibold);cursor:pointer;display:block}.choice>div>span{color:var(--color-muted);font-size:var(--text-sm);display:block}.choice:has(input:checked)>div>span{color:var(--color-ink-2)}.checkbox{align-items:center;gap:var(--space-2);min-height:var(--control-sm);font-size:var(--text-sm);cursor:pointer;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--color-accent);flex:none;margin:0}.tabs{gap:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-2);scrollbar-width:none;align-self:flex-start;max-width:100%;padding:3px;display:flex;overflow-x:auto}.tab{min-height:calc(var(--control-sm) + 2px);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-ink-2);font-weight:var(--weight-medium);font-size:var(--text-sm);background:0 0;border:0;flex:none}.tab[aria-selected=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-1)}.badge{border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-ink-2);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;line-height:1.5;display:inline-flex}.badge:empty{display:none}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-suggest{color:#4e33a8;background:#ece6fb}.site-header{max-width:var(--page-max);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;margin:0 auto;display:flex}.site-nav{align-items:center;gap:var(--space-1) var(--space-5);flex-wrap:wrap;font-size:15px;display:flex}.site-nav a{color:var(--color-ink-2);padding:10px 0;text-decoration:none}.site-nav a:hover{color:var(--color-ink);text-decoration:underline}.lang-link{min-height:var(--touch-min);align-items:center;gap:6px;display:inline-flex}.hero{max-width:var(--page-max);padding:var(--space-8) var(--space-6) var(--space-14);align-items:center;gap:var(--space-6);text-align:center;flex-direction:column;margin:0 auto;display:flex}.hero>h1{font-family:var(--font-display);font-size:var(--text-display);line-height:1;font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);max-width:13em;margin:0}.hero>.lead{color:var(--color-ink-2);max-width:34em;margin:0;font-size:19px}.app-root{text-align:left;width:100%;max-width:900px;position:relative}.noscript{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface);margin:0}.privacy-note{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-2);margin:0;display:inline-flex}body[data-app=ready] .site-header,body[data-app=ready] .hero>.lead,body[data-app=ready] .hero>.privacy-note{display:none}body[data-app=ready] .hero{max-width:none;padding:0;display:block}body[data-app=ready] .hero>h1{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body[data-app=ready] .app-root{max-width:none}.hero-tool{align-items:center;gap:var(--space-8);width:100%;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface);border:2px dashed var(--color-line);box-shadow:var(--shadow-image);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex-wrap:wrap;display:flex}.hero-tool.is-over{border-color:var(--color-accent);background:var(--color-accent-soft)}.hero-tool .art{border-radius:var(--radius-md);flex:none;width:260px;max-width:100%;position:relative;overflow:hidden}.hero-tool .art img{width:100%;height:auto}.hero-tool .art svg{width:100%;height:100%;position:absolute;inset:0}.hero-tool .body{gap:var(--space-3);flex-direction:column;flex:320px;min-width:0;display:flex}.hero-tool .title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);margin:0;line-height:1.15}.hero-tool .hint{color:var(--color-muted);font-size:var(--text-sm);margin:0}.hero-tool .actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-links{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.hero-import{font-size:var(--text-sm);color:var(--color-muted)}.hero-import .btn-link{min-height:var(--control-sm);padding:0}.examples-toggle{font-weight:var(--weight-semibold);align-self:flex-start;padding:0;text-decoration:underline}.url-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.url-row .input{flex:240px}.example-picks{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.example-pick{border:1.5px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);width:100%;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;flex-direction:column;gap:6px;padding:6px;display:flex}.example-pick:hover{border-color:var(--color-accent)}.example-pick img{aspect-ratio:25/16;border-radius:var(--radius-xs);background:var(--well-bg);width:100%;height:auto}.overlay .sh{fill:var(--shape-fill);stroke:var(--shape-stroke);stroke-width:var(--shape-stroke-width);vector-effect:non-scaling-stroke;stroke-linejoin:round}.overlay .sh-locked{fill:var(--shape-locked-fill);stroke:var(--shape-locked-stroke);stroke-dasharray:var(--shape-locked-dash);stroke-linecap:round;stroke-width:2px}.overlay .halo{fill:none;stroke:var(--shape-halo);stroke-width:var(--shape-halo-width);vector-effect:non-scaling-stroke;stroke-linejoin:round}.drop-overlay{z-index:var(--z-panel);border:3px dashed var(--color-accent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-accent-soft) 80%, transparent);color:var(--color-accent-soft-ink);font-weight:var(--weight-semibold);font-size:var(--text-lg);pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.drop-overlay>span{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-2);display:inline-flex}.app-root.dragging .drop-overlay{display:flex}body[data-app=ready] .drop-overlay{border-radius:var(--radius-lg);inset:64px 12px 12px}.editor{height:calc(100vh - var(--app-top,0px));height:calc(100dvh - var(--app-top,0px));flex-direction:column;min-height:560px;display:flex;overflow:hidden}.topbar{align-items:center;gap:var(--space-3);height:64px;padding:0 var(--space-4) 0 var(--space-5);flex:none;min-width:0;display:flex}.topbar .brand .word{font-size:20px}.file-chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-2);min-width:0;font-size:var(--text-sm);flex:0 auto;padding:6px 12px;display:inline-flex}.file-chip .name{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.file-chip .size{color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}.save-state{font-size:var(--text-sm);color:var(--color-success);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.save-state[data-save=saving]{color:var(--color-muted)}.save-state[data-save=error],.save-state[data-save=noImage],.save-state[data-save=off]{color:var(--color-warning)}.topbar-actions{align-items:center;gap:var(--space-1);display:flex}.btn-collapse:not(.btn-primary)>.icon-sm{display:none}.panel-toggle[aria-expanded=false]{background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}.lang-switch{white-space:nowrap;text-decoration:underline}.lang-short{display:none}.menu-wrap{position:relative}.menu{z-index:var(--z-dialog);border-radius:var(--radius-lg);background:var(--color-surface);width:max-content;min-width:240px;max-width:min(380px,100vw - 24px);box-shadow:var(--shadow-3);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.menu-item{border-radius:var(--radius-md);justify-content:flex-start;width:100%}.menu .url-form{padding:var(--space-2) var(--space-3) var(--space-3)}.workspace{gap:var(--space-3);min-height:0;padding:0 var(--space-3) var(--space-3);flex:1;display:flex}.stage{border-radius:var(--radius-lg);background:radial-gradient(var(--well-dot) 1px, transparent 1.2px) 0 0 / 20px 20px, var(--well-bg);flex:1;min-width:0;position:relative;overflow:hidden}.canvas{touch-action:none;--fit-top:76px;--fit-right:24px;--fit-bottom:64px;--fit-left:24px;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas:focus-visible{outline-offset:-3px;border-radius:var(--radius-lg)}.stage[data-cursor=crosshair] .canvas{cursor:crosshair}.stage[data-cursor=move] .canvas{cursor:move}.stage[data-cursor=grab] .canvas{cursor:grab}.stage[data-cursor=grabbing] .canvas{cursor:grabbing}.image-shadow{box-shadow:var(--shadow-image);pointer-events:none;border-radius:12px;position:absolute;top:0;left:0}.toolbar{top:var(--space-4);z-index:var(--z-toolbar);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-2);align-items:center;max-width:calc(100% - 32px);padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tool-group{align-items:center;gap:2px;padding:0 4px;display:flex}.tool-group+.tool-group{border-left:1px solid var(--color-line-soft)}.toggle[aria-pressed=true],.btn-icon.toggle[aria-pressed=true]{color:var(--color-accent-text);background:0 0}.btn-icon.toggle[aria-pressed=true]:hover:not(:disabled){background:var(--color-surface-2)}.toggle[aria-pressed=true]:after{content:"";background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;position:absolute;bottom:8px;right:8px}.zoom-btn{white-space:nowrap;text-align:center;min-width:64px;font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);min-height:var(--control-md);color:var(--color-ink);background:0 0;border:0;padding:0 6px}.zoom-btn:hover:not(:disabled){background:var(--color-surface-2)}.grid-size{width:74px;min-height:var(--control-sm);font-variant-numeric:tabular-nums;padding:0 6px}.tooltip{z-index:var(--z-tooltip);align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-tooltip-bg);max-width:320px;color:var(--color-tooltip-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);pointer-events:none;box-shadow:var(--shadow-2);animation:tip-in var(--duration) var(--ease-out);padding:6px 8px 6px 10px;line-height:1.3;display:inline-flex;position:fixed}.tooltip kbd{opacity:.75;border-color:currentColor;flex:none}.tooltip:before{content:"";left:var(--arrow,50%);background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;transform:translate(-50%)rotate(45deg)}.tooltip[data-side=below]:before{top:-4px}.tooltip[data-side=above]:before{bottom:-4px}@keyframes tip-in{0%{opacity:0}to{opacity:1}}.stage-chip{z-index:var(--z-toolbar);align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4) 0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-2);font-weight:var(--weight-semibold);font-size:var(--text-md);border:0;display:inline-flex;position:absolute}.stage-chip.top-right{top:var(--space-4);right:var(--space-4)}.stage-chip .badge:empty{display:inline-flex}.coords-chip{left:var(--space-4);bottom:var(--space-4);z-index:var(--z-toolbar);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);white-space:nowrap;pointer-events:none;padding:6px 12px;position:absolute}.coords-chip:empty{display:none}.hint-bubble{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toolbar);gap:var(--space-3);border-radius:var(--radius-md);background:var(--color-tooltip-bg);max-width:380px;color:var(--color-tooltip-ink);font-size:var(--text-sm);pointer-events:none;align-items:flex-start;margin:0;padding:10px 10px 10px 14px;line-height:1.4;display:flex;position:absolute}.hint-bubble .btn-icon{width:28px;height:28px;color:inherit;pointer-events:auto;flex:none}.hint-bubble .btn-icon:hover:not(:disabled){background:#7f7f7f33}.hint-bubble.is-drawing{display:none}.draw-bar{left:50%;bottom:var(--space-4);z-index:var(--z-toolbar);align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface);max-width:calc(100% - 32px);box-shadow:var(--shadow-2);font-size:var(--text-sm);white-space:nowrap;padding:6px 6px 6px 16px;display:flex;position:absolute;transform:translate(-50%)}.draw-bar kbd{opacity:.7}.draw-text{text-overflow:ellipsis;overflow:hidden}.panel{flex:0 0 var(--panel-width);width:var(--panel-width);gap:var(--space-3);overscroll-behavior:contain;flex-direction:column;min-height:0;display:flex;overflow:auto}.card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.card-head{align-items:center;gap:var(--space-2);display:flex}.card-title{min-width:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;overflow-wrap:anywhere;flex:1;margin:0;line-height:1.3}.card-heading{flex:1;min-width:0;margin:0;display:flex}.disclosure{align-items:center;gap:var(--space-2);min-height:var(--touch-min);text-align:left;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink);letter-spacing:-.01em;background:0 0;border:0;flex:1;padding:0;display:flex}.chev{width:18px;height:18px;transition:transform var(--duration) var(--ease-out);flex:none}.disclosure[aria-expanded=true] .chev{transform:rotate(90deg)}.card-sub{font-size:var(--text-xs);color:var(--color-muted);margin:0}.area-body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.empty-note{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-muted);font-size:var(--text-sm);margin:0}.empty-note:empty{display:none}.area-list{flex-direction:column;gap:2px;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow:auto}.area-list:empty{display:none}.area{align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-1);border-radius:var(--radius-md);font-size:var(--text-md);display:flex}.area:hover{background:var(--color-bg)}.area.is-selected{background:var(--color-accent-soft)}.area .drag{width:20px;height:32px;color:var(--color-faint);cursor:grab;flex:none;place-items:center;display:grid}.area .swatch{background:var(--shape-stroke);border-radius:50%;flex:none;width:12px;height:12px}.area .swatch.rect{border-radius:3px}.area .swatch.poly{clip-path:polygon(20% 0,100% 30%,80% 100%,0 80%);border-radius:0}.area.is-selected .swatch{background:var(--shape-selected-stroke)}.area.is-locked .swatch{background:var(--shape-locked-stroke)}.area.is-hidden .swatch{opacity:.35}.area-name{min-width:0;min-height:44px;color:inherit;text-align:left;border-radius:var(--radius-xs);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:0;padding:2px 4px;line-height:1.25;display:flex}.area-name .label{max-width:100%;font-size:var(--text-md);font-weight:var(--weight-regular);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.area.is-selected .area-name .label{font-weight:var(--weight-semibold)}.area.is-hidden .area-name .label{color:var(--color-muted)}.area-name .shape{font-size:var(--text-xs);color:var(--color-muted)}.area-name .outside{background:var(--color-danger-soft);color:var(--color-danger);margin-top:2px}.area .actions{flex:none;align-items:center;display:flex}.area .actions .btn-icon{width:32px;height:32px;color:var(--color-muted)}.area .reorder{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;display:flex;position:absolute;overflow:hidden}.area:hover .reorder,.area.is-selected .reorder,.area:focus-within .reorder{clip:auto;width:auto;height:auto;position:static;overflow:visible}.area.dragging-row{opacity:.5}.area.drop-before{box-shadow:inset 0 3px 0 var(--color-accent)}.area.drop-after{box-shadow:inset 0 -3px 0 var(--color-accent)}.icon-toggle{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-muted);flex:none;place-items:center;display:inline-grid;position:relative}.icon-toggle:hover{background:var(--color-surface-2)}.icon-toggle>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.icon-toggle:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:0}.area.is-locked .icon-toggle:has(.lock){color:var(--color-ink)}.props .properties{gap:var(--space-4);flex-direction:column;display:flex}.props-head{align-items:center;gap:var(--space-1);display:flex}.props-meta{font-size:var(--text-xs);color:var(--color-muted);margin:-10px 0 0}.props .properties>.btn{align-self:flex-start}.details{border-top:1px solid var(--color-line-soft);padding-top:var(--space-1)}.details>summary{align-items:center;gap:var(--space-2);min-height:var(--touch-min);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink-2);border-radius:var(--radius-xs);list-style:none;display:flex}.details>summary::-webkit-details-marker{display:none}.details>summary .chev{width:16px;height:16px}.details[open]>summary .chev{transform:rotate(90deg)}.details-body{gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.group{border:0;margin:0;padding:0}.group>legend{margin-bottom:6px;padding:0}.data-rows{flex-direction:column;gap:6px;display:flex}.data-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;align-items:center;gap:6px;display:grid}.data-row .field-error{grid-column:1/-1}.add-data{align-self:flex-start;padding-left:0}.coords-code,.properties .coords{max-height:8em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);word-break:break-word;display:block;overflow:auto}.ev-fields{gap:var(--space-3);flex-direction:column;display:flex}.ev-fields:empty{display:none}.wand-bar .card-title{flex:1}.wand-intro{font-size:var(--text-sm);margin:-8px 0 0}.wand-lines{flex-direction:column;gap:2px;display:flex}.wand-dock{gap:var(--space-3);flex-direction:column;display:flex}.wand-status{min-height:1.4em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-sm);color:var(--color-ink-2);display:block}.wand-status:empty{display:none}.wand-note{color:var(--color-ink);font-weight:var(--weight-semibold)}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.wand-dock .actions{justify-content:flex-end}.proposals .card-title{align-items:center;gap:var(--space-2);display:flex}.proposal-list{flex-direction:column;gap:2px;max-height:32vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.proposal-list:empty{display:none}.proposal-row{align-items:center;gap:var(--space-2);min-height:44px;padding:2px var(--space-1);border-radius:var(--radius-md);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.proposal-row:hover,.proposal-row.active{background:#f1ecfc}.proposal-num{border-radius:var(--radius-pill);background:var(--shape-suggest-stroke);color:#fff;min-width:24px;height:20px;font-size:var(--text-2xs);font-weight:var(--weight-bold);place-items:center;padding:0 6px;display:inline-grid}.proposal-row.overlaps .proposal-num{background:var(--shape-locked-stroke)}.proposal-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.proposal-row .label{font-weight:var(--weight-semibold);color:var(--color-ink)}.muted-small{color:var(--color-muted);font-size:var(--text-xs)}.tag{color:var(--color-ink-2)}.row-actions{gap:2px;display:inline-flex}.row-actions .accept{color:var(--color-success)}dialog.dialog{width:min(var(--dialog-width), calc(100% - 32px));border-radius:var(--radius-xl);background:var(--color-surface);max-width:none;max-height:calc(100dvh - 32px);color:var(--color-ink);box-shadow:var(--shadow-3);border:0;padding:0;overflow:hidden}dialog.dialog[open]{animation:dialog-in var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}dialog.dialog::backdrop{background:#2a211b6b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) dialog.dialog::backdrop{background:#0009}}:root[data-theme=dark] dialog.dialog::backdrop{background:#0009}@keyframes dialog-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}dialog.dialog.sm{width:min(var(--dialog-width-sm), calc(100% - 32px))}dialog.dialog.lg{width:min(1040px,100% - 32px)}.dialog-head{align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-2);display:flex}.dialog-head h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);flex:1;margin:0;line-height:1.15}.dialog-head .btn-icon{margin:-6px -8px 0 0}.dialog-lead{padding:0 var(--space-6);color:var(--color-ink-2);margin:0}.dialog-body{padding:var(--space-4) var(--space-6);gap:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow:auto}.dialog-foot{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6);flex-wrap:wrap;display:flex}.dialog-lead+.dialog-foot{padding-top:var(--space-6)}.dialog .row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.compare{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare figure{flex-direction:column;gap:6px;margin:0;display:flex}.compare .thumb{border-radius:var(--radius-sm);border:1.5px solid var(--color-line);background:var(--well-bg);position:relative;overflow:hidden}.compare .thumb canvas{width:100%;height:auto;display:block}.compare figcaption{font-size:var(--text-xs);color:var(--color-muted)}.compare figcaption strong{color:var(--color-ink);font-family:var(--font-mono);font-weight:var(--weight-medium)}.import-dialog .import-code{white-space:pre;min-height:180px;overflow:auto}.import-result{font-size:var(--text-sm);color:var(--color-ink-2);margin:0}.import-result:empty{display:none}.import-result.is-found{border-radius:var(--radius-pill);background:var(--color-info-soft);color:var(--color-info);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.import-result.is-error{color:var(--color-danger)}.import-notes summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.notes{margin:var(--space-2) 0 0;font-size:var(--text-sm);flex-direction:column;gap:4px;padding-left:1.2em;display:flex}.note-error{color:var(--color-danger)}.note-warn{color:var(--color-warning)}.notes-box{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);flex-direction:column;display:flex}.notes-heading{font-weight:var(--weight-semibold);color:var(--color-danger);margin:0}.notes-box .notes{margin:0}.note-show{margin-left:var(--space-1);vertical-align:middle}.pick{margin-top:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.choice .pick .help,.choice .pick>span{color:var(--color-muted);font-size:var(--text-xs)}.tabpanel{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.tabpanel.has-preview{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.export-main,.preview{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.export-desc{font-size:var(--text-sm)}.code{width:100%;min-height:240px;max-height:360px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-ink);font:var(--text-sm) / 1.7 var(--font-mono);white-space:pre;resize:vertical;border:0;display:block;overflow:auto}.code:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.code-meta{font-size:var(--text-xs);color:var(--color-muted);margin:0}.preview h3{margin:0}.preview-frame{aspect-ratio:4/3;border:1.5px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg);width:100%;height:auto;min-height:160px;max-height:calc(100dvh - 420px);display:block}.preview-status{min-height:1.4em;font-size:var(--text-sm);word-break:break-all;color:var(--color-ink-2);margin:0}.ev-export,.ev-export>div{gap:var(--space-3);flex-direction:column;display:flex}.ev-modes .choice{padding:var(--space-2) var(--space-3)}.ev-base{gap:var(--space-2)}.ev-base .btn{align-self:flex-start}.ev-others{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-soft);flex-direction:column;display:flex}.ev-others p{font-size:var(--text-sm);margin:0}.ev-offer{max-width:380px;font-size:var(--text-sm)}.action-status:empty{display:none}.shortcut-groups{gap:var(--space-5) var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.shortcut-groups h3{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.shortcut-list{grid-template-columns:1fr auto;gap:0;margin:0;display:grid}.shortcut-list dt,.shortcut-list dd{border-bottom:1px solid var(--color-line-soft);font-size:var(--text-sm);margin:0;padding:7px 0}.shortcut-list dd{text-align:right;padding-left:var(--space-3)}.alert{gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-3);color:var(--color-ink);font-size:var(--text-md);align-items:flex-start;display:flex}.alert>.icon{margin-top:1px}.alert-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:1px;display:flex}.alert-body ul{color:var(--color-ink-2);margin:0;padding-left:18px}.alert .btn-icon{width:32px;height:32px;color:inherit;margin:-4px -4px 0 0}.alert-danger{background:var(--color-danger-soft)}.alert-danger>.icon{color:var(--color-danger)}.alert-info{background:var(--color-info-soft)}.alert-info>.icon{color:var(--color-info)}.toast-stack{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);text-align:left;flex-direction:column;width:min(420px,100% - 32px);display:flex;position:fixed}.toast-stack,.toast-stack .alert{pointer-events:none}.toast-stack button,.toast-stack a{pointer-events:auto}.status-toast{transition:opacity var(--duration) var(--ease-out)}.status-toast .status{flex:1;min-width:0;margin:0;padding-top:1px}.status-toast.is-empty,.status-toast.is-faded{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;box-shadow:none;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.lang-strip{background:var(--color-info-soft);color:var(--color-ink)}.lang-strip-inner{max-width:var(--page-max);padding:6px var(--space-6);align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;margin:0 auto;display:flex}.lang-strip .icon-sm{color:var(--color-info)}.lang-strip a{color:var(--color-ink);font-weight:var(--weight-semibold)}.lang-strip .btn-link{color:var(--color-ink-2)}body[data-app=ready] .lang-strip-inner{max-width:none}@media (max-width:720px){.show-sm{display:inline-flex!important}.hide-sm{display:none!important}.site-header{padding:var(--space-3) var(--space-4)}.hero{padding:var(--space-4) var(--space-4) var(--space-10);gap:var(--space-4)}.hero-tool{padding:var(--space-4);gap:var(--space-4)}.hero-tool .art{width:100%}.example-picks{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{height:56px;padding:0 var(--space-2) 0 var(--space-3);gap:var(--space-1)}.topbar .brand .word{display:none}.topbar .brand{min-width:var(--touch-min);min-height:var(--touch-min);justify-content:center}.file-chip .size,.save-state .save-label{display:none}.file-chip .name{max-width:110px}.file-chip{padding:6px 10px}.file-chip>.icon-sm{display:none}.btn-collapse .btn-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-collapse>.icon-sm{display:block!important}.btn-collapse{width:var(--touch-min);padding:0}.lang-switch{padding:0 var(--space-1);min-width:var(--touch-min)}.lang-long{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lang-short{display:inline}.topbar{gap:2px}.workspace{flex-direction:column;gap:0;padding:0}.stage{border-radius:0;flex:auto;min-height:0}.canvas{--fit-top:64px;--fit-right:8px;--fit-bottom:24px;--fit-left:8px;--fit-pad:0}.canvas:focus-visible{border-radius:0}.toolbar{top:var(--space-2);scrollbar-width:none;max-width:calc(100% - 16px);overflow-x:auto}.tool-group{padding:0 2px}.btn-icon{width:var(--touch-min);height:var(--touch-min)}.hint-bubble,.tooltip,.coords-chip{display:none!important}.stage-chip.top-right{top:68px;right:var(--space-2)}.stage-chip kbd{display:none}.panel{width:auto;height:44%;padding:var(--space-2) var(--space-3) var(--space-3);gap:var(--space-2);background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-3);z-index:var(--z-panel);flex:0 0 44%;margin-top:-16px;position:relative}.panel:before{content:"";background:var(--color-line);border-radius:3px;flex:none;align-self:center;width:40px;height:5px}.area .actions .btn-icon,.icon-toggle{width:var(--touch-min);height:var(--touch-min)}.area-list{max-height:none}.draw-bar{left:var(--space-2);right:var(--space-2);bottom:var(--space-4);justify-content:flex-end;max-width:none;padding:6px;transform:none}.wand-dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);gap:6px;max-height:40vh;padding:8px 10px;position:fixed;overflow:auto}.wand-dock .wand-status{color:var(--color-ink);background:0 0;padding:0}.panel:has(.wand-bar:not([hidden])){padding-bottom:150px}dialog.dialog,dialog.dialog.sm,dialog.dialog.lg{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}.dialog-head,.dialog-body,.dialog-foot,.dialog-lead{padding-left:var(--space-4);padding-right:var(--space-4)}.dialog-foot .btn{flex:auto}.tabpanel.has-preview,.compare,.field-row{grid-template-columns:1fr}.toast-stack{right:var(--space-2);left:var(--space-2);width:auto;bottom:var(--space-2)}body[data-app=ready] .drop-overlay{border-radius:0;inset:56px 0 0}}@media (max-width:380px){.file-chip{display:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge-suggest{color:#cdbeff;background:#2b2346}:root:not([data-theme=light]) .proposal-row:hover,:root:not([data-theme=light]) .proposal-row.active{background:#2b2346}}:root[data-theme=dark] .badge-suggest{color:#cdbeff;background:#2b2346}:root[data-theme=dark] .proposal-row:hover,:root[data-theme=dark] .proposal-row.active{background:#2b2346}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}