@import "https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--g-font-display:"Familjen Grotesk", "Avenir Next", "Segoe UI Variable", system-ui, sans-serif;--g-font-body:"Instrument Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--g-font-mono:"JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, monospace;--g-text-xs:clamp(.72rem, .7rem + .1vw, .78rem);--g-text-sm:clamp(.82rem, .8rem + .12vw, .9rem);--g-text-md:clamp(.95rem, .92rem + .2vw, 1.05rem);--g-text-lg:clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--g-text-xl:clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);--g-text-2xl:clamp(2.2rem, 1.6rem + 3vw, 4rem);--g-leading-tight:1.15;--g-leading-body:1.55;--g-tracking-display:-.02em;--g-space-1:.25rem;--g-space-2:.5rem;--g-space-3:.75rem;--g-space-4:1rem;--g-space-5:1.5rem;--g-space-6:2rem;--g-space-7:3rem;--g-space-8:4.5rem;--g-space-9:clamp(4rem, 3rem + 5vw, 8rem);--g-radius-1:3px;--g-radius-2:6px;--g-radius-3:10px;--g-border-w:1px;--g-ease-out:cubic-bezier(.22, 1, .36, 1);--g-ease-in-out:cubic-bezier(.83, 0, .17, 1);--g-duration-fast:.12s;--g-duration:.18s;--g-duration-slow:.26s;--g-hue-paper:75;--g-hue-ink:262;--g-bg:oklch(97.5% .012 var(--g-hue-paper));--g-bg-sunken:oklch(95% .016 var(--g-hue-paper));--g-bg-raised:oklch(99% .008 var(--g-hue-paper));--g-bg-inverse:oklch(20% .03 var(--g-hue-ink));--g-fg:oklch(22% .03 var(--g-hue-ink));--g-fg-muted:oklch(45% .025 var(--g-hue-ink));--g-fg-faint:oklch(62% .02 var(--g-hue-ink));--g-fg-inverse:oklch(96% .012 var(--g-hue-paper));--g-line:oklch(84% .02 var(--g-hue-paper));--g-line-strong:oklch(70% .03 var(--g-hue-paper));--g-grid-line:oklch(88% .018 var(--g-hue-paper));--g-accent:#e5481e;--g-accent-strong:#c72c00;--g-accent-soft:#e5481e24;--g-accent-fg:#fff6f4;--g-select:#0083c2;--g-select-soft:#0083c224;--g-ok:#319751;--g-warn:#d59800;--g-shadow-1:0 1px 2px oklch(20% .03 var(--g-hue-ink) / .08);--g-shadow-2:0 4px 16px oklch(20% .03 var(--g-hue-ink) / .12);--g-focus:0 0 0 2px var(--g-bg), 0 0 0 4px var(--g-select)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--g-accent:lab(54.138% 60.1852 57.2662);--g-accent-strong:lab(44.7031% 63.9458 73.3062);--g-accent-soft:lab(54.138% 60.1852 57.2662/.14);--g-accent-fg:lab(97.6069% 2.76145 2.21748);--g-select:lab(51.0445% -13.2045 -43.4992);--g-select-soft:lab(51.0445% -13.2045 -43.4992/.14);--g-ok:lab(55.358% -42.3219 27.9624);--g-warn:lab(67.479% 17.9344 80.5757)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--g-bg:oklch(17% .025 var(--g-hue-ink));--g-bg-sunken:oklch(14% .022 var(--g-hue-ink));--g-bg-raised:oklch(21% .028 var(--g-hue-ink));--g-bg-inverse:oklch(96% .012 var(--g-hue-paper));--g-fg:oklch(94% .014 var(--g-hue-paper));--g-fg-muted:oklch(74% .018 var(--g-hue-paper));--g-fg-faint:oklch(56% .02 var(--g-hue-ink));--g-fg-inverse:oklch(22% .03 var(--g-hue-ink));--g-line:oklch(30% .03 var(--g-hue-ink));--g-line-strong:oklch(42% .035 var(--g-hue-ink));--g-grid-line:oklch(24% .028 var(--g-hue-ink));--g-accent:#fd6a3a;--g-accent-strong:#ff8a5f;--g-accent-soft:#fd6a3a2e;--g-accent-fg:#180805;--g-select:#3fb1ea;--g-select-soft:#3fb1ea2e;--g-shadow-1:0 1px 2px oklch(5% .02 var(--g-hue-ink) / .5);--g-shadow-2:0 6px 24px oklch(5% .02 var(--g-hue-ink) / .55)}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--g-accent:lab(63.6318% 55.3331 54.871);--g-accent-strong:lab(70.7627% 51.0218 52.2934);--g-accent-soft:lab(63.6318% 55.3331 54.871/.18);--g-accent-fg:lab(3.55398% 5.688 3.34212);--g-select:lab(67.6086% -18.6932 -38.6575);--g-select-soft:lab(67.6086% -18.6932 -38.6575/.18)}}}:root[data-theme=dark]{--g-bg:oklch(17% .025 var(--g-hue-ink));--g-bg-sunken:oklch(14% .022 var(--g-hue-ink));--g-bg-raised:oklch(21% .028 var(--g-hue-ink));--g-bg-inverse:oklch(96% .012 var(--g-hue-paper));--g-fg:oklch(94% .014 var(--g-hue-paper));--g-fg-muted:oklch(74% .018 var(--g-hue-paper));--g-fg-faint:oklch(56% .02 var(--g-hue-ink));--g-fg-inverse:oklch(22% .03 var(--g-hue-ink));--g-line:oklch(30% .03 var(--g-hue-ink));--g-line-strong:oklch(42% .035 var(--g-hue-ink));--g-grid-line:oklch(24% .028 var(--g-hue-ink));--g-accent:#fd6a3a;--g-accent-strong:#ff8a5f;--g-accent-soft:#fd6a3a2e;--g-accent-fg:#180805;--g-select:#3fb1ea;--g-select-soft:#3fb1ea2e;--g-shadow-1:0 1px 2px oklch(5% .02 var(--g-hue-ink) / .5);--g-shadow-2:0 6px 24px oklch(5% .02 var(--g-hue-ink) / .55)}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--g-accent:lab(63.6318% 55.3331 54.871);--g-accent-strong:lab(70.7627% 51.0218 52.2934);--g-accent-soft:lab(63.6318% 55.3331 54.871/.18);--g-accent-fg:lab(3.55398% 5.688 3.34212);--g-select:lab(67.6086% -18.6932 -38.6575);--g-select-soft:lab(67.6086% -18.6932 -38.6575/.18)}}@media (prefers-reduced-motion:reduce){:root{--g-duration-fast:0s;--g-duration:0s;--g-duration-slow:0s}}html{background:var(--g-bg);color:var(--g-fg);font-family:var(--g-font-body);font-size:16px;line-height:var(--g-leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}:focus-visible{box-shadow:var(--g-focus);outline:none}::selection{background:var(--g-select-soft)}:root{--gd-stage-pad:12px;--gd-tok-keyword:#663e9e;--gd-tok-string:#197037;--gd-tok-number:#9b5500;--gd-tok-type:#00656e;--gd-tok-fn:#214487;--gd-tok-tag:#00649b;--gd-tok-attr:#744c7d;--gd-tok-comment:var(--g-fg-faint);--gd-tok-punc:var(--g-fg-muted)}@supports (color:lab(0% 0 0)){:root{--gd-tok-keyword:lab(34.9686% 33.6892 -46.3328);--gd-tok-string:lab(41.1793% -36.3639 24.1285);--gd-tok-number:lab(43.6534% 30.7757 69.3899);--gd-tok-type:lab(38.2859% -31.954 -17.1085);--gd-tok-fn:lab(29.2745% 6.96336 -42.2539);--gd-tok-tag:lab(39.3338% -10.7567 -43.2335);--gd-tok-attr:lab(38.3737% 24.1145 -21.0483)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gd-tok-keyword:#c3a5f9;--gd-tok-string:#7ccd8e;--gd-tok-number:#f3ae58;--gd-tok-type:#5ecad6;--gd-tok-fn:#a8c5f9;--gd-tok-tag:#62bbf5;--gd-tok-attr:#cfa7d8}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--gd-tok-keyword:lab(72.9152% 23.5845 -37.791);--gd-tok-string:lab(76.0243% -35.9096 23.3287);--gd-tok-number:lab(76.5943% 19.8977 53.4593);--gd-tok-type:lab(75.3559% -29.8257 -15.8716);--gd-tok-fn:lab(78.703% -1.02869 -29.1175);--gd-tok-tag:lab(72.1072% -14.5848 -37.8252);--gd-tok-attr:lab(73.3752% 21.1968 -18.9507)}}}:root[data-theme=dark]{--gd-tok-keyword:#c3a5f9;--gd-tok-string:#7ccd8e;--gd-tok-number:#f3ae58;--gd-tok-type:#5ecad6;--gd-tok-fn:#a8c5f9;--gd-tok-tag:#62bbf5;--gd-tok-attr:#cfa7d8}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--gd-tok-keyword:lab(72.9152% 23.5845 -37.791);--gd-tok-string:lab(76.0243% -35.9096 23.3287);--gd-tok-number:lab(76.5943% 19.8977 53.4593);--gd-tok-type:lab(75.3559% -29.8257 -15.8716);--gd-tok-fn:lab(78.703% -1.02869 -29.1175);--gd-tok-tag:lab(72.1072% -14.5848 -37.8252);--gd-tok-attr:lab(73.3752% 21.1968 -18.9507)}}.gd-frame{align-items:stretch;gap:var(--g-space-4);margin-block:var(--g-space-5);flex-wrap:wrap;display:flex;container-type:inline-size}.gd-stage-col{gap:var(--g-space-2);flex-direction:column;flex:30rem;min-width:0;display:flex}.gd-stage{box-sizing:border-box;min-width:0;padding:var(--gd-stage-pad);border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-3);background-color:var(--g-bg-sunken);background-image:linear-gradient(var(--g-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--g-grid-line) 1px, transparent 1px);background-size:24px 24px;background-position:calc(var(--gd-stage-pad) - .5px) calc(var(--gd-stage-pad) - .5px);contain:layout paint;flex:30rem;position:relative;overflow:hidden}.gd-stage-col>.gd-stage{flex:auto}.gd-stage-col>.gd-stage[data-fixed]{flex:none}.gd-stage[data-scrollable]{contain:layout;overflow:auto}.gd-stage-inner{min-width:0;height:100%;position:relative}.gd-stage-caption{align-items:center;gap:var(--g-space-2) var(--g-space-3);min-height:1.25rem;padding-inline:var(--g-space-1);flex-wrap:wrap;display:flex}.gd-stage-label{align-items:center;gap:var(--g-space-2);font:500 var(--g-text-xs) / 1.2 var(--g-font-mono);color:var(--g-fg-faint);letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;display:inline-flex}.gd-stage-label:before{content:"";border:1px solid var(--g-line-strong);border-radius:1px;flex:none;width:6px;height:6px}.gd-item{border-radius:var(--g-radius-2);background:var(--g-bg-raised);border:var(--g-border-w) solid var(--g-line-strong);box-shadow:var(--g-shadow-1);color:var(--g-fg);cursor:default;transition:transform var(--g-duration) var(--g-ease-out), width var(--g-duration) var(--g-ease-out), height var(--g-duration) var(--g-ease-out), box-shadow var(--g-duration-fast) var(--g-ease-out), border-color var(--g-duration-fast) var(--g-ease-out);grid-template-rows:auto 1fr;display:grid;overflow:hidden}[data-gridla-canvas] .gd-item,.gd-item[data-draggable]{cursor:grab}.gd-item[data-static]{cursor:default}.gd-item[data-gridla-active]{cursor:grabbing;box-shadow:var(--g-shadow-2);border-color:var(--g-accent);transition:none}.gd-item[data-gridla-selected]{border-color:var(--g-select);box-shadow:var(--g-shadow-1), 0 0 0 2px var(--g-select-soft)}.gd-item[data-gridla-shifted]{border-style:dashed}.gd-item[data-locked]{cursor:default;background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in oklch, var(--g-fg) 6%, transparent) 6px 7px), var(--g-bg-raised)}.gd-item[data-ghost]{opacity:.5;cursor:default;border-style:dotted}.gd-item-head{justify-content:space-between;align-items:baseline;gap:var(--g-space-2);padding:var(--g-space-2) var(--g-space-3);border-bottom:var(--g-border-w) solid var(--g-line);font:600 var(--g-text-sm) / 1.2 var(--g-font-display);letter-spacing:-.01em;min-width:0;display:flex}.gd-item-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gd-item-coords{font:400 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.gd-item-body{padding:var(--g-space-3);font-size:var(--g-text-sm);color:var(--g-fg-muted);min-height:0;overflow:hidden}.gd-preview{border:2px dashed var(--g-accent);border-radius:var(--g-radius-2);background:var(--g-accent-soft);z-index:1}.gd-handle{z-index:3}.gd-handle:after{content:"";background:var(--g-select);opacity:0;transition:opacity var(--g-duration-fast) var(--g-ease-out);border-radius:2px;position:absolute;inset:2px}.gd-item[data-gridla-selected] .gd-handle:after,.gd-item:hover .gd-handle:after{opacity:.85}.gd-controls{gap:var(--g-space-4);min-width:14rem;padding:var(--g-space-4);border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-3);background:var(--g-bg-raised);font-size:var(--g-text-sm);flex-direction:column;flex:0 17rem;align-self:start;display:flex}.gd-group{gap:var(--g-space-3);flex-direction:column;display:flex}.gd-group+.gd-group,.gd-group+.gd-actions,.gd-group+.gd-field,.gd-group+.gd-toggle{padding-top:var(--g-space-4);border-top:var(--g-border-w) solid var(--g-line)}.gd-controls h4{align-items:center;gap:var(--g-space-2);font:600 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint);margin:0;display:flex}.gd-controls h4:before{content:"";background:var(--g-line-strong);border-radius:1px;flex:none;width:6px;height:6px}.gd-field{align-items:center;gap:var(--g-space-1) var(--g-space-3);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.gd-field>label{color:var(--g-fg-muted);min-width:0;line-height:1.3}.gd-field>output{font:500 var(--g-text-xs) / 1 var(--g-font-mono);font-variant-numeric:tabular-nums;color:var(--g-fg);border-radius:var(--g-radius-1);background:var(--g-bg-sunken);border:var(--g-border-w) solid var(--g-line);white-space:nowrap;justify-self:end;padding:3px 6px}.gd-field>input[type=range],.gd-range{--gd-fill:0%;appearance:none;cursor:pointer;width:100%;height:20px;accent-color:var(--g-accent);background:0 0;grid-column:1/-1;margin:0}.gd-field>input[type=range]:focus-visible,.gd-range:focus-visible{box-shadow:none}.gd-field>input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--g-accent) var(--gd-fill), var(--g-line-strong) var(--gd-fill));border-radius:2px;height:4px}.gd-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--g-accent) var(--gd-fill), var(--g-line-strong) var(--gd-fill));border-radius:2px;height:4px}.gd-field>input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--g-bg-raised);border:2px solid var(--g-accent);width:16px;height:16px;box-shadow:var(--g-shadow-1);transition:transform var(--g-duration-fast) var(--g-ease-out);border-radius:50%;margin-top:-6px}.gd-range::-webkit-slider-thumb{appearance:none;background:var(--g-bg-raised);border:2px solid var(--g-accent);width:16px;height:16px;box-shadow:var(--g-shadow-1);transition:transform var(--g-duration-fast) var(--g-ease-out);border-radius:50%;margin-top:-6px}.gd-field>input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.gd-range:active::-webkit-slider-thumb{transform:scale(1.12)}.gd-field>input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--g-focus)}.gd-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--g-focus)}.gd-field>input[type=range]::-moz-range-track{background:var(--g-line-strong);border-radius:2px;height:4px}.gd-range::-moz-range-track{background:var(--g-line-strong);border-radius:2px;height:4px}.gd-field>input[type=range]::-moz-range-progress{background:var(--g-accent);border-radius:2px;height:4px}.gd-range::-moz-range-progress{background:var(--g-accent);border-radius:2px;height:4px}.gd-field>input[type=range]::-moz-range-thumb{background:var(--g-bg-raised);border:2px solid var(--g-accent);width:12px;height:12px;box-shadow:var(--g-shadow-1);border-radius:50%}.gd-range::-moz-range-thumb{background:var(--g-bg-raised);border:2px solid var(--g-accent);width:12px;height:12px;box-shadow:var(--g-shadow-1);border-radius:50%}.gd-field>input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--g-focus)}.gd-range:focus-visible::-moz-range-thumb{box-shadow:var(--g-focus)}.gd-field>select,.gd-field>input[type=number],.gd-field>input[type=text],.gd-select,.gd-input{box-sizing:border-box;width:100%;min-height:2rem;font:500 var(--g-text-sm) / 1.2 var(--g-font-body);padding:var(--g-space-1) var(--g-space-2);border-radius:var(--g-radius-1);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg);color:var(--g-fg);transition:border-color var(--g-duration-fast) var(--g-ease-out);grid-column:1/-1}.gd-field>select:hover,.gd-field>input:hover,.gd-select:hover,.gd-input:hover{border-color:var(--g-fg-faint)}.gd-field>input[type=number],.gd-input[type=number]{font-family:var(--g-font-mono);font-variant-numeric:tabular-nums}.gd-field>select,.gd-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 stroke=%27%238b8a96%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 4.5l3 3 3-3%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--g-space-2) center;cursor:pointer;background-size:12px 12px;padding-inline-end:1.9rem}.gd-toggle{justify-content:space-between;align-items:center;gap:var(--g-space-3);color:var(--g-fg-muted);cursor:pointer;line-height:1.3;display:flex}.gd-toggle>span{min-width:0}.gd-toggle input[type=checkbox],.gd-switch{appearance:none;border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg-sunken);cursor:pointer;width:32px;height:18px;transition:background var(--g-duration-fast) var(--g-ease-out), border-color var(--g-duration-fast) var(--g-ease-out);border-radius:999px;flex:none;margin:0;position:relative}.gd-toggle input[type=checkbox]:before,.gd-switch:before{content:"";background:var(--g-fg-faint);width:12px;height:12px;transition:transform var(--g-duration) var(--g-ease-out), background var(--g-duration-fast) var(--g-ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.gd-toggle input[type=checkbox]:checked,.gd-switch:checked{background:var(--g-accent);border-color:var(--g-accent-strong)}.gd-toggle input[type=checkbox]:checked:before,.gd-switch:checked:before{background:var(--g-accent-fg);transform:translate(14px)}.gd-toggle:hover input[type=checkbox]:not(:checked){border-color:var(--g-fg-faint)}.gd-segmented{border:var(--g-border-w) solid var(--g-line-strong);border-radius:var(--g-radius-2);background:var(--g-bg);grid-auto-columns:1fr;grid-auto-flow:column;min-width:0;margin:0;padding:0;display:inline-grid;overflow:hidden}.gd-segmented button{font:500 var(--g-text-xs) / 1 var(--g-font-body);padding:var(--g-space-2);color:var(--g-fg-muted);cursor:pointer;transition:background var(--g-duration-fast) var(--g-ease-out), color var(--g-duration-fast) var(--g-ease-out);background:0 0;border:0}.gd-segmented button:hover{color:var(--g-fg)}.gd-segmented button+button{border-inline-start:var(--g-border-w) solid var(--g-line)}.gd-segmented button[aria-pressed=true]{background:var(--g-fg);color:var(--g-bg)}.gd-segmented button:focus-visible{box-shadow:inset var(--g-focus);z-index:1}.gd-button{font:500 var(--g-text-sm) / 1 var(--g-font-body);padding:var(--g-space-2) var(--g-space-3);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg);color:var(--g-fg);cursor:pointer;transition:background var(--g-duration-fast) var(--g-ease-out), border-color var(--g-duration-fast) var(--g-ease-out)}.gd-button:hover{background:var(--g-bg-sunken);border-color:var(--g-fg-faint)}.gd-button:disabled{opacity:.5;cursor:not-allowed}.gd-button[data-variant=primary]{background:var(--g-accent);border-color:var(--g-accent-strong);color:var(--g-accent-fg)}.gd-button[data-variant=primary]:hover{background:var(--g-accent-strong)}.gd-button[data-variant=ghost]{color:var(--g-fg-muted);background:0 0;border-color:#0000}.gd-button[data-variant=ghost]:hover{background:var(--g-bg-sunken);color:var(--g-fg);border-color:#0000}.gd-actions{gap:var(--g-space-2);flex-wrap:wrap;display:flex}.gd-stats{grid-template-columns:repeat(var(--gd-stat-columns,auto-fit), minmax(7.5rem, 1fr));border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-2);background:var(--g-bg-raised);gap:1px;margin:0;display:grid;overflow:hidden}.gd-stat{min-width:0;padding:var(--g-space-2) var(--g-space-3);background:var(--g-bg-raised);box-shadow:0 0 0 1px var(--g-line);align-content:start;gap:4px;display:grid}.gd-stats[data-dense] .gd-stat{padding:6px var(--g-space-3);gap:3px}.gd-stat dt{font:500 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gd-stat dd{font:500 var(--g-text-sm) / 1.3 var(--g-font-mono);font-variant-numeric:tabular-nums;color:var(--g-fg);overflow-wrap:anywhere;margin:0}.gd-stat dd small{font-size:var(--g-text-xs);color:var(--g-fg-muted);margin-top:1px;font-weight:400;display:block}.gd-stat[data-tone=accent] dd{color:var(--g-accent)}.gd-stat[data-tone=muted] dd{color:var(--g-fg-muted)}.gd-stat[data-tone=warn] dd{color:var(--g-accent)}.gd-stat[data-tone=warn] dd small{color:var(--g-accent);font-weight:500}.gd-inspector{gap:var(--g-space-3);flex:100%;align-content:start;min-width:0;max-width:100%;display:grid}.gd-inspector>*,.gd-disclosure,.gd-disclosure-body{min-width:0;max-width:100%}.gd-inspector-bar{align-items:center;gap:var(--g-space-2);font:400 var(--g-text-xs) / 1 var(--g-font-mono);font-variant-numeric:tabular-nums;color:var(--g-fg-muted);flex-wrap:wrap;display:flex}.gd-inspector-bar>span,.gd-chip{border:var(--g-border-w) solid var(--g-line);background:var(--g-bg-raised);white-space:nowrap;border-radius:999px;align-items:baseline;gap:.4em;padding:5px 9px;display:inline-flex}.gd-inspector-bar b{color:var(--g-fg);font-weight:600}.gd-inspector-bar [data-strategy],.gd-stat [data-strategy]{color:var(--g-accent)}.gd-chip[data-tone=accent]{border-color:color-mix(in oklch, var(--g-accent) 45%, var(--g-line));background:var(--g-accent-soft)}.gd-inspector-bar>span:has([data-strategy]){border-color:color-mix(in oklch, var(--g-accent) 45%, var(--g-line));background:var(--g-accent-soft)}.gd-disclosure>summary,.gd-inspector details>summary{align-items:center;gap:var(--g-space-2);padding:6px var(--g-space-3) 6px 10px;border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg);font:500 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--g-duration-fast) var(--g-ease-out), color var(--g-duration-fast) var(--g-ease-out);list-style:none;display:inline-flex}.gd-disclosure>summary::-webkit-details-marker{display:none}.gd-inspector details>summary::-webkit-details-marker{display:none}.gd-disclosure>summary:before,.gd-inspector details>summary:before{content:"";width:5px;height:5px;transition:transform var(--g-duration-fast) var(--g-ease-out);border-block-end:1.5px solid;border-inline-end:1.5px solid;margin-inline-end:1px;transform:translateY(-1px)rotate(-45deg)}.gd-disclosure[open]>summary:before,.gd-inspector details[open]>summary:before{transform:translateY(-2px)rotate(45deg)}.gd-disclosure>summary:hover,.gd-inspector details>summary:hover{background:var(--g-bg-sunken);color:var(--g-fg)}.gd-disclosure-body,.gd-inspector details>:not(summary){margin-top:var(--g-space-3)}.gd-inspector>details,.gd-inspector>.gd-disclosure{margin-top:var(--g-space-1)}.gd-code,.gd-inspector pre{box-sizing:border-box;max-width:100%;padding:var(--g-space-3) var(--g-space-4);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line);background:var(--g-bg-raised);color:var(--g-fg);font:400 var(--g-text-xs) / 1.6 var(--g-font-mono);font-variant-ligatures:none;tab-size:2;margin:0;overflow:auto}.gd-inspector pre{max-height:16rem}.gd-code code{font:inherit}.gd-tok-keyword{color:var(--gd-tok-keyword)}.gd-tok-string{color:var(--gd-tok-string)}.gd-tok-number{color:var(--gd-tok-number)}.gd-tok-type{color:var(--gd-tok-type)}.gd-tok-fn{color:var(--gd-tok-fn)}.gd-tok-tag{color:var(--gd-tok-tag)}.gd-tok-attr{color:var(--gd-tok-attr)}.gd-tok-comment{color:var(--gd-tok-comment);font-style:italic}.gd-tok-punc{color:var(--gd-tok-punc)}.gd-table{border-collapse:collapse;width:100%;font:400 var(--g-text-xs) / 1.4 var(--g-font-mono);font-variant-numeric:tabular-nums}.gd-table th,.gd-table td{text-align:end;padding:var(--g-space-1) var(--g-space-2);border-bottom:var(--g-border-w) solid var(--g-line)}.gd-table th:first-child,.gd-table td:first-child{text-align:start}.gd-table th{color:var(--g-fg-faint);font-weight:500}.gd-table tr[data-changed] td{color:var(--g-accent)}.gd-callout{padding:var(--g-space-3) var(--g-space-4);border-inline-start:2px solid var(--g-accent);background:var(--g-accent-soft);border-radius:0 var(--g-radius-2) var(--g-radius-2) 0;font-size:var(--g-text-sm)}.gd-compare{gap:var(--g-space-4);display:grid}@container (width>=640px){.gd-compare{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.gd-guide{pointer-events:none;background:var(--g-accent);opacity:.7;position:absolute}.gd-guide[data-axis=x]{width:1px;top:0;bottom:0}.gd-guide[data-axis=y]{height:1px;left:0;right:0}html[data-gridla-dragging]{-webkit-user-select:none;user-select:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior:none}html[data-gridla-dragging]{-webkit-user-select:none;user-select:none;cursor:grabbing}button,input,select,textarea{font:inherit;color:inherit}fieldset{border:0;min-width:0;margin:0;padding:0}dialog{max-width:none;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:static}code,kbd{font-family:var(--g-font-mono);font-size:.9em}.st-app{background:var(--g-bg);height:100%;color:var(--g-fg);font-size:var(--g-text-sm);grid-template:"toolbar toolbar toolbar""left stage right"minmax(0,1fr)/15rem minmax(0,1fr) 19rem;display:grid}.st-toolbar{grid-area:toolbar}.st-side-left{border-inline-end:var(--g-border-w) solid var(--g-line);grid-area:left}.st-stage{grid-area:stage}.st-side-right{border-inline-start:var(--g-border-w) solid var(--g-line);grid-area:right;grid-template-rows:minmax(8rem,34%) minmax(0,1fr);display:grid}.st-tabs{display:none}.st-toolbar{align-items:center;gap:var(--g-space-2) var(--g-space-4);padding:var(--g-space-2) var(--g-space-4);border-bottom:var(--g-border-w) solid var(--g-line);background:var(--g-bg-raised);flex-wrap:wrap;min-height:3rem;display:flex}.st-toolbar-group{align-items:center;gap:2px;display:flex}.st-toolbar-brand{gap:var(--g-space-3);margin-inline-end:var(--g-space-2)}.st-toolbar-end{gap:var(--g-space-2);margin-inline-start:auto}.st-toolbar-kicker{font:500 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint)}.st-wordmark{color:inherit;text-decoration:none}.st-wordmark:hover{color:var(--g-accent)}.st-wordmark{font:600 var(--g-text-md) / 1 var(--g-font-display);letter-spacing:var(--g-tracking-display)}.st-toolbar-sep{background:var(--g-line-strong);width:1px;height:1.1rem}.st-doc-name{color:var(--g-fg-muted);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.st-tool{min-height:2.25rem;padding:0 var(--g-space-3);border:var(--g-border-w) solid transparent;border-radius:var(--g-radius-2);color:var(--g-fg-muted);cursor:pointer;transition:background var(--g-duration-fast) var(--g-ease-out), color var(--g-duration-fast) var(--g-ease-out);background:0 0;font-weight:500}.st-tool:hover:not(:disabled){background:var(--g-bg-sunken);color:var(--g-fg)}.st-tool[aria-pressed=true]{background:var(--g-fg);color:var(--g-bg)}.st-tool:disabled{opacity:.4;cursor:default}.st-save-status{align-items:center;gap:var(--g-space-2);padding-inline:var(--g-space-2);font:500 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-faint);white-space:nowrap;display:inline-flex}.st-save-dot{background:var(--g-ok);border-radius:50%;width:7px;height:7px}.st-save-status[data-status=unsaved] .st-save-dot{background:var(--g-warn)}.st-save-status[data-status=none] .st-save-dot,.st-save-status[data-status=unavailable] .st-save-dot{background:var(--g-fg-faint)}.st-side{background:var(--g-bg);min-height:0;overflow:auto}.st-side-panel{min-height:0;overflow:auto}.st-side-panel+.st-side-panel{border-top:var(--g-border-w) solid var(--g-line)}.st-panel-section{padding:var(--g-space-4);gap:var(--g-space-3);align-content:start;display:grid}.st-panel-section+.st-panel-section{border-top:var(--g-border-w) solid var(--g-line)}.st-panel-title{font:600 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint);margin:0}.st-panel-hint{color:var(--g-fg-muted);font-size:var(--g-text-xs);margin:0;line-height:1.5}.st-button-row{gap:var(--g-space-2);flex-wrap:wrap;align-items:center;display:flex}.st-button{min-height:2.5rem;padding:0 var(--g-space-3);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg-raised);color:var(--g-fg);cursor:pointer;align-items:center;gap:var(--g-space-2);transition:background var(--g-duration-fast) var(--g-ease-out);font-weight:500;display:inline-flex}.st-button:hover:not(:disabled){background:var(--g-bg-sunken)}.st-button:disabled{opacity:.45;cursor:default}.st-button[data-variant=primary]{background:var(--g-accent);border-color:var(--g-accent-strong);color:var(--g-accent-fg)}.st-button[data-variant=primary]:hover:not(:disabled){background:var(--g-accent-strong)}.st-button[data-variant=danger]{color:var(--g-accent-strong)}.st-file{position:relative}.st-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.st-icon-button{border-radius:var(--g-radius-2);width:2.5rem;height:2.5rem;color:var(--g-fg-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.st-icon-button:hover{background:var(--g-bg-sunken);color:var(--g-fg)}.st-palette-list,.st-template-list{gap:var(--g-space-1);margin:0;padding:0;list-style:none;display:grid}.st-palette-item{align-items:center;gap:var(--g-space-3);width:100%;min-height:2.75rem;padding:var(--g-space-2) var(--g-space-3);border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-2);background:var(--g-bg-raised);color:var(--g-fg);cursor:grab;text-align:start;touch-action:none;transition:border-color var(--g-duration-fast) var(--g-ease-out), transform var(--g-duration-fast) var(--g-ease-out);grid-template-columns:auto 1fr auto;display:grid}.st-palette-item:hover{border-color:var(--g-line-strong)}.st-palette-item:active{cursor:grabbing;transform:scale(.99)}.st-palette-icon{border-radius:var(--g-radius-1);background:var(--g-bg-sunken);width:1.75rem;height:1.75rem;color:var(--g-fg-muted);place-items:center;display:inline-grid}.st-palette-label{font-weight:500}.st-palette-size{font:400 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-faint);font-variant-numeric:tabular-nums}.st-template{width:100%;padding:var(--g-space-2) var(--g-space-3);border:var(--g-border-w) solid transparent;border-radius:var(--g-radius-2);color:var(--g-fg);cursor:pointer;text-align:start;background:0 0;gap:2px;display:grid}.st-template:hover{background:var(--g-bg-sunken)}.st-template span{font-weight:600}.st-template small{color:var(--g-fg-muted);line-height:1.4}.st-drag-ghost{z-index:50;align-items:center;gap:var(--g-space-2);padding:var(--g-space-2) var(--g-space-3);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg-raised);box-shadow:var(--g-shadow-2);color:var(--g-fg-muted);font-size:var(--g-text-xs);pointer-events:none;will-change:transform;display:inline-flex;position:fixed;top:0;left:0}.st-drag-ghost[data-over]{border-color:var(--g-accent);color:var(--g-accent-strong)}.st-stage{background:var(--g-bg-sunken);min-width:0;min-height:0;position:relative}.st-stage-scroll{height:100%;padding:var(--g-space-5) var(--g-space-4) var(--g-space-8);overflow:auto}.st-page{border:var(--g-border-w) solid var(--g-line-strong);border-radius:var(--g-radius-3);background-color:var(--g-bg);background-image:linear-gradient(var(--g-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--g-grid-line) 1px, transparent 1px);width:100%;box-shadow:var(--g-shadow-1);transition:max-width var(--g-duration-slow) var(--g-ease-out);background-position:-.5px -.5px;background-size:24px 24px;margin:0 auto;position:relative}.st-page-label{font:500 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--g-fg-faint);top:-1.4rem;position:absolute;inset-inline-end:0}.st-canvas{border-radius:inherit;outline:none}.st-canvas[data-root]{min-height:24rem}.st-canvas[data-root]:focus-visible{box-shadow:var(--g-focus)}.st-preview{border:2px dashed var(--g-accent);border-radius:var(--g-radius-2);background:var(--g-accent-soft);z-index:1}.st-empty{padding:var(--g-space-5);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.st-empty-card{max-width:28rem;padding:var(--g-space-5);border:var(--g-border-w) dashed var(--g-line-strong);border-radius:var(--g-radius-3);background:color-mix(in oklch, var(--g-bg) 85%, transparent);pointer-events:auto}.st-empty-title{margin:0 0 var(--g-space-2);font:600 var(--g-text-lg) / var(--g-leading-tight) var(--g-font-display);letter-spacing:var(--g-tracking-display)}.st-empty-text{margin:0 0 var(--g-space-4);color:var(--g-fg-muted)}.st-empty-actions{gap:var(--g-space-2);flex-wrap:wrap;display:flex}.st-item{border-radius:var(--g-radius-2);background:var(--g-bg-raised);border:var(--g-border-w) solid var(--g-line-strong);box-shadow:var(--g-shadow-1);cursor:grab;transition:transform var(--g-duration) var(--g-ease-out), width var(--g-duration) var(--g-ease-out), height var(--g-duration) var(--g-ease-out), box-shadow var(--g-duration-fast) var(--g-ease-out), border-color var(--g-duration-fast) var(--g-ease-out)}.st-item[data-kind=group]{cursor:default;box-shadow:none;border-style:dashed;border-color:var(--g-line-strong);background:0 0}.st-item[data-gridla-active]{cursor:grabbing;box-shadow:var(--g-shadow-2);border-color:var(--g-accent);transition:none}.st-item[data-gridla-active][data-kind=group]{background:color-mix(in oklch, var(--g-bg-raised) 70%, transparent)}.st-item[data-studio-selected]{border-color:var(--g-select);box-shadow:var(--g-shadow-1), 0 0 0 2px var(--g-select-soft);border-style:solid}.st-item[data-studio-multi]{box-shadow:var(--g-shadow-1), 0 0 0 2px var(--g-select)}.st-item[data-gridla-shifted]{border-style:dashed;border-color:var(--g-accent)}.st-item[data-locked]{cursor:default;background-image:repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in oklch, var(--g-fg) 5%, transparent) 7px 8px)}.st-item[data-ghost]{opacity:.55;border-style:dotted}.st-item-content{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.st-item-badge{border-radius:var(--g-radius-1);background:var(--g-bg);width:1.25rem;height:1.25rem;color:var(--g-fg-muted);z-index:3;top:4px;place-items:center;display:inline-grid;position:absolute;inset-inline-end:4px}.st-handle{--hit:14px;z-index:3;touch-action:none;position:absolute}.st-handle:after{content:"";background:var(--g-select);opacity:0;transition:opacity var(--g-duration-fast) var(--g-ease-out);border-radius:2px;position:absolute}.st-item[data-studio-selected]>.st-handle:after,.st-item:hover>.st-handle:after{opacity:.9}.st-item[data-kind=group]:hover>.st-handle:after{opacity:0}.st-item[data-kind=group][data-studio-selected]>.st-handle:after{opacity:.9}.st-handle[data-edge=n],.st-handle[data-edge=s]{left:calc(var(--hit) / 2);right:calc(var(--hit) / 2);height:var(--hit);cursor:ns-resize}.st-handle[data-edge=n]{top:calc(var(--hit) / -2)}.st-handle[data-edge=s]{bottom:calc(var(--hit) / -2)}.st-handle[data-edge=e],.st-handle[data-edge=w]{top:calc(var(--hit) / 2);bottom:calc(var(--hit) / 2);width:var(--hit);cursor:ew-resize}.st-handle[data-edge=e]{right:calc(var(--hit) / -2)}.st-handle[data-edge=w]{left:calc(var(--hit) / -2)}.st-handle[data-edge=n]:after,.st-handle[data-edge=s]:after{width:22px;height:4px;top:50%;left:50%;transform:translate(-50%,-50%)}.st-handle[data-edge=e]:after,.st-handle[data-edge=w]:after{width:4px;height:22px;top:50%;left:50%;transform:translate(-50%,-50%)}.st-handle[data-edge=ne],.st-handle[data-edge=nw],.st-handle[data-edge=se],.st-handle[data-edge=sw]{width:var(--hit);height:var(--hit)}.st-handle[data-edge=ne],.st-handle[data-edge=nw]{top:calc(var(--hit) / -2)}.st-handle[data-edge=se],.st-handle[data-edge=sw]{bottom:calc(var(--hit) / -2)}.st-handle[data-edge=ne],.st-handle[data-edge=se]{right:calc(var(--hit) / -2)}.st-handle[data-edge=nw],.st-handle[data-edge=sw]{left:calc(var(--hit) / -2)}.st-handle[data-edge=ne],.st-handle[data-edge=sw]{cursor:nesw-resize}.st-handle[data-edge=nw],.st-handle[data-edge=se]{cursor:nwse-resize}.st-handle[data-edge=ne]:after,.st-handle[data-edge=nw]:after,.st-handle[data-edge=se]:after,.st-handle[data-edge=sw]:after{border:1.5px solid var(--g-bg);width:8px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%)}@media (pointer:coarse){.st-handle{--hit:40px}}.st-group{border-radius:inherit;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.st-group[data-tone=surface]{background:var(--g-bg-sunken)}.st-group[data-tone=outlined]{background:var(--g-bg-raised)}.st-group-head{justify-content:space-between;align-items:baseline;gap:var(--g-space-2);padding:var(--g-space-1) var(--g-space-3);min-height:1.75rem;font:600 var(--g-text-xs) / 1.4 var(--g-font-display);color:var(--g-fg-muted);cursor:grab;border-bottom:var(--g-border-w) dashed var(--g-line);background:color-mix(in oklch, var(--g-bg-raised) 60%, transparent);display:flex}.st-item[data-locked] .st-group-head{cursor:default}.st-group-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-group-meta{font:400 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.st-group-body{flex:1;min-height:0;position:relative}.st-group-body>.st-canvas{height:100%}.st-content{height:100%;padding:var(--g-space-3);min-width:0;min-height:0;color:var(--g-fg);flex-direction:column;display:flex}.st-content[data-tone=ink]{background:var(--g-bg-inverse);color:var(--g-fg-inverse)}.st-content[data-tone=accent]{background:var(--g-accent-soft);border-inline-start:3px solid var(--g-accent)}.st-heading{justify-content:center}.st-heading-text{font-family:var(--g-font-display);letter-spacing:var(--g-tracking-display);font-weight:600;line-height:var(--g-leading-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}h1.st-heading-text{font-size:clamp(1.4rem,2.6cqi + .8rem,2.4rem)}h2.st-heading-text{font-size:var(--g-text-lg)}h3.st-heading-text{font-size:var(--g-text-md)}.st-text-body{column-gap:var(--g-space-4);font-size:var(--g-text-sm);line-height:var(--g-leading-body);overflow:hidden}.st-text-body p{margin:0 0 var(--g-space-2)}.st-image{background:linear-gradient(135deg, color-mix(in oklch, var(--g-fg) 4%, transparent), transparent), var(--g-bg-sunken);justify-content:flex-end;padding:0;position:relative}.st-image-art{width:100%;height:100%;stroke:var(--g-line-strong);stroke-width:.6px;vector-effect:non-scaling-stroke;position:absolute;inset:0}.st-image-label{margin:var(--g-space-2);padding:2px var(--g-space-2);border-radius:var(--g-radius-1);background:var(--g-bg);font:500 var(--g-text-xs) / 1.4 var(--g-font-mono);color:var(--g-fg-muted);align-self:flex-start;position:relative}.st-stat{justify-content:center;gap:2px;overflow:hidden}.st-stat-label,.st-stat-value,.st-stat-delta{flex:none}.st-stat-label{font-size:var(--g-text-xs);color:var(--g-fg-muted);text-transform:uppercase;letter-spacing:.05em}.st-stat-value{font:500 clamp(1.2rem, 12cqi, 2rem) / 1.1 var(--g-font-mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-stat-delta{font:500 var(--g-text-xs) / 1.2 var(--g-font-mono);color:var(--g-ok)}.st-stat-delta[data-negative]{color:var(--g-accent-strong)}.st-chart{gap:var(--g-space-2)}.st-chart-head{justify-content:space-between;align-items:baseline;gap:var(--g-space-2);display:flex}.st-chart-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.st-chart-meta{font:400 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-faint);white-space:nowrap}.st-chart-art{flex:1;width:100%;min-height:0}.st-chart-rule{stroke:var(--g-line);stroke-width:.5px;vector-effect:non-scaling-stroke}.st-chart-line{fill:none;stroke:var(--g-accent);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.st-chart-area{fill:var(--g-accent-soft)}.st-chart-bar{fill:var(--g-select);opacity:.8}.st-list-title{margin-bottom:var(--g-space-2);font-weight:600}.st-list-items{margin:0;padding-inline-start:1.1em;line-height:1.6;overflow:hidden}.st-cta{justify-content:center;align-items:flex-start}.st-button-face{min-height:2.5rem;padding:0 var(--g-space-4);border:var(--g-border-w) solid var(--g-accent-strong);background:var(--g-accent);color:var(--g-accent-fg);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;max-width:100%;font-weight:600;display:inline-flex;overflow:hidden}.st-button-face[data-variant=outline]{color:var(--g-accent-strong);background:0 0}.st-button-face[data-variant=quiet]{color:var(--g-fg-muted);padding-inline:var(--g-space-2);background:0 0;border-color:#0000}.st-inspector{align-content:start;display:grid}.st-inspector-head{align-items:center;gap:var(--g-space-3);padding:var(--g-space-4) var(--g-space-4) 0;display:flex}.st-inspector-kind{border-radius:var(--g-radius-2);background:var(--g-bg-sunken);width:2rem;height:2rem;color:var(--g-fg-muted);place-items:center;display:inline-grid}.st-inspector-title{font:600 var(--g-text-md) / 1.2 var(--g-font-display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:13rem;overflow:hidden}.st-inspector-meta{font-size:var(--g-text-xs);color:var(--g-fg-faint)}.st-actions{padding:var(--g-space-3) var(--g-space-4) var(--g-space-4);border-bottom:var(--g-border-w) solid var(--g-line)}.st-actions .st-button{min-height:2.25rem;padding-inline:var(--g-space-2);font-size:var(--g-text-xs)}.st-field{gap:var(--g-space-1);display:grid}.st-field-label{font-size:var(--g-text-xs);color:var(--g-fg-muted)}.st-field-grid{gap:var(--g-space-2) var(--g-space-3);grid-template-columns:1fr 1fr;display:grid}.st-input{width:100%;min-height:2.25rem;padding:var(--g-space-1) var(--g-space-2);border-radius:var(--g-radius-1);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg-raised);color:var(--g-fg)}.st-input:focus-visible{border-color:var(--g-select)}.st-input-number{font-family:var(--g-font-mono);font-variant-numeric:tabular-nums;font-size:var(--g-text-xs)}.st-input-inline{width:3.5rem}.st-textarea{resize:vertical;line-height:1.5}.st-json{font:400 var(--g-text-xs) / 1.5 var(--g-font-mono);min-height:12rem}.st-toggle{align-items:center;gap:var(--g-space-2);min-height:2rem;color:var(--g-fg);cursor:pointer;display:flex}.st-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--g-accent)}.st-preset-row{gap:var(--g-space-1);display:grid}.st-error{padding:var(--g-space-2) var(--g-space-3);border-inline-start:2px solid var(--g-accent);background:var(--g-accent-soft);border-radius:0 var(--g-radius-2) var(--g-radius-2) 0;font-size:var(--g-text-xs);margin:0}.st-layers{grid-template-rows:auto 1fr;height:100%;min-height:0;display:grid}.st-layers-head{padding:var(--g-space-4) var(--g-space-4) var(--g-space-2);justify-content:space-between;align-items:baseline;display:flex}.st-layer-list{padding:0 var(--g-space-2) var(--g-space-2);margin:0;list-style:none;overflow:auto}.st-layer{border-radius:var(--g-radius-2);min-height:2.25rem;grid-template-columns:auto 1fr auto;align-items:center;padding-inline-start:calc(var(--depth) * .85rem);display:grid}.st-layer:hover{background:var(--g-bg-sunken)}.st-layer[data-selected]{background:var(--g-select-soft)}.st-layer[data-hidden] .st-layer-label{color:var(--g-fg-faint);text-decoration:line-through}.st-layer-toggle{width:1.5rem;height:2.25rem;color:var(--g-fg-faint);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.st-layer-row{align-items:center;gap:var(--g-space-2);min-width:0;min-height:2.25rem;padding:0 var(--g-space-1);border-radius:var(--g-radius-1);color:var(--g-fg);cursor:pointer;text-align:start;background:0 0;border:0;display:flex}.st-layer-icon{color:var(--g-fg-muted);flex:none;place-items:center;display:inline-grid}.st-layer-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-layer-badge{font:500 .65rem / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint);border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-1);flex:none;margin-inline-start:auto;padding:2px 4px}.st-layer-tools{opacity:0;transition:opacity var(--g-duration-fast) var(--g-ease-out);display:inline-flex}.st-layer:hover .st-layer-tools,.st-layer:focus-within .st-layer-tools,.st-layer[data-locked] .st-layer-tools,.st-layer[data-hidden] .st-layer-tools{opacity:1}.st-layer-tools .st-icon-button{width:2rem;height:2rem}.st-scrim{z-index:40;padding:var(--g-space-4);background:color-mix(in oklch, var(--g-bg-inverse) 45%, transparent);animation:st-fade var(--g-duration) var(--g-ease-out);place-items:center;display:grid;position:fixed;inset:0}.st-dialog{width:min(100%,32rem);max-height:calc(100dvh - 2 * var(--g-space-4));border-radius:var(--g-radius-3);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg);box-shadow:var(--g-shadow-2);animation:st-rise var(--g-duration) var(--g-ease-out);overflow:auto}.st-dialog[data-wide]{width:min(100%,44rem)}.st-dialog-head{padding:var(--g-space-4) var(--g-space-4) 0 var(--g-space-5);justify-content:space-between;align-items:center;display:flex}.st-dialog-head h2{font:600 var(--g-text-lg) / var(--g-leading-tight) var(--g-font-display);letter-spacing:var(--g-tracking-display);margin:0}.st-dialog-body{gap:var(--g-space-4);padding:var(--g-space-4) var(--g-space-5) var(--g-space-5);display:grid}.st-steps{gap:var(--g-space-3);margin:0;padding-inline-start:1.4em;line-height:1.5;display:grid}.st-steps li::marker{font-family:var(--g-font-mono);color:var(--g-accent)}.st-shortcuts{border-collapse:collapse;width:100%}.st-shortcuts td{padding:var(--g-space-2) var(--g-space-2);border-bottom:var(--g-border-w) solid var(--g-line);vertical-align:top}.st-shortcuts td:first-child{white-space:nowrap;width:11rem}kbd{border-radius:var(--g-radius-1);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg-raised);font-size:var(--g-text-xs);padding:1px 6px}@keyframes st-fade{0%{opacity:0}}@keyframes st-rise{0%{opacity:0;transform:translateY(8px)}}.st-notices{inset-inline-start:50%;bottom:var(--g-space-5);z-index:60;gap:var(--g-space-2);pointer-events:none;width:min(28rem,100% - 2rem);display:grid;position:fixed;transform:translate(-50%)}.st-notice{justify-content:space-between;align-items:center;gap:var(--g-space-3);padding:var(--g-space-2) var(--g-space-2) var(--g-space-2) var(--g-space-4);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);border-inline-start-width:3px;border-inline-start-color:var(--g-select);background:var(--g-bg-raised);box-shadow:var(--g-shadow-2);pointer-events:auto;animation:st-rise var(--g-duration) var(--g-ease-out);display:flex}.st-notice[data-tone=ok]{border-inline-start-color:var(--g-ok)}.st-notice[data-tone=error]{border-inline-start-color:var(--g-accent)}.st-notice-close{border-radius:var(--g-radius-1);width:2rem;height:2rem;color:var(--g-fg-muted);cursor:pointer;background:0 0;border:0;font-size:1.1rem}.st-debug{top:var(--g-space-3);z-index:20;width:min(22rem, calc(100% - 2 * var(--g-space-3)));padding:var(--g-space-3);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);background:color-mix(in oklch, var(--g-bg-raised) 92%, transparent);box-shadow:var(--g-shadow-2);font:400 var(--g-text-xs) / 1.5 var(--g-font-mono);font-variant-numeric:tabular-nums;gap:2px;display:grid;position:absolute;inset-inline-end:var(--g-space-3)}.st-debug-row{gap:var(--g-space-2);grid-template-columns:7.5rem 1fr auto;align-items:baseline;display:grid}.st-debug-row>span{color:var(--g-fg-faint)}.st-debug-row>b{overflow-wrap:anywhere;font-weight:500}.st-debug-row [data-strategy]{color:var(--g-accent)}.st-debug-reset{color:var(--g-fg-faint);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.st-debug-canvases ul{grid-column:2/-1;gap:2px;margin:0;padding:0;list-style:none;display:grid}.st-debug-canvases li{gap:var(--g-space-2);grid-template-columns:6rem 1fr;display:grid}.st-debug-canvases li>span{color:var(--g-fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:900px){.st-app{grid-template:"toolbar""panel"minmax(0,1fr)"tabs"/minmax(0,1fr)}.st-toolbar{gap:var(--g-space-1) var(--g-space-2);padding-inline:var(--g-space-3)}.st-toolbar-save .st-save-status{display:none}.st-side-left,.st-stage,.st-side-right{border:0;grid-area:panel}.st-side-right{display:block}.st-side-panel+.st-side-panel{border-top:0}.st-app [data-panel]{display:none}.st-app[data-tab=add] [data-panel=add],.st-app[data-tab=canvas] [data-panel=canvas],.st-app[data-tab=inspect] [data-panel=inspect],.st-app[data-tab=layers] [data-panel=layers],.st-app[data-tab=inspect] .st-side-right,.st-app[data-tab=layers] .st-side-right{display:block}.st-app[data-tab=add] .st-side-right,.st-app[data-tab=canvas] .st-side-right{display:none}.st-layers{height:auto}.st-stage-scroll{padding:var(--g-space-5) var(--g-space-2) var(--g-space-6)}.st-tabs{border-top:var(--g-border-w) solid var(--g-line);background:var(--g-bg-raised);padding-bottom:env(safe-area-inset-bottom);grid-area:tabs;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.st-tab{min-height:3rem;color:var(--g-fg-muted);cursor:pointer;background:0 0;border:0;font-weight:500}.st-tab[aria-pressed=true]{color:var(--g-accent-strong);box-shadow:inset 0 2px 0 var(--g-accent)}.st-debug{top:auto;bottom:var(--g-space-3);width:auto;inset-inline-start:var(--g-space-3)}}