@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}body{min-height:100dvh;margin:0}.gl-app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""side""main";min-height:100dvh;display:grid}@media (min-width:900px){.gl-app{grid-template-columns:19rem minmax(0,1fr);grid-template-areas:"top top""side main"}}.gl-skip{z-index:20;padding:var(--g-space-2) var(--g-space-3);background:var(--g-fg);color:var(--g-bg);border-radius:var(--g-radius-2);font-size:var(--g-text-sm);inset-inline-start:var(--g-space-3);position:absolute;top:-3rem}.gl-skip:focus-visible{top:var(--g-space-2)}.gl-app{--gl-top-h:3.5rem}.gl-top{align-items:center;gap:var(--g-space-5);min-height:var(--gl-top-h);padding:0 var(--g-space-4);border-bottom:var(--g-border-w) solid var(--g-line);background:var(--g-bg);z-index:10;grid-area:top;display:flex;position:sticky;top:0}.gl-top-brand{align-items:center;gap:var(--g-space-3);min-width:0;display:flex}.gl-brand{color:var(--g-fg);border-radius:var(--g-radius-1);align-items:center;text-decoration:none;display:inline-flex}.gl-wordmark{width:auto;height:1.6rem;display:block}.gl-top-sep{background:var(--g-line-strong);width:1px;height:1.25rem;transform:skew(-12deg)}.gl-top-title{font:600 var(--g-text-md) / 1 var(--g-font-display);letter-spacing:var(--g-tracking-display);color:var(--g-fg);border-radius:var(--g-radius-1);white-space:nowrap;text-decoration:none}.gl-top-nav{align-items:center;gap:var(--g-space-1);margin-inline-start:auto;display:flex}.gl-top>.gd-segmented{flex:none;margin-inline-start:auto}.gl-top-nav+.gd-segmented{margin-inline-start:0}.gl-top-nav a{align-items:center;gap:var(--g-space-1);border-radius:var(--g-radius-2);font:500 var(--g-text-sm) / 1 var(--g-font-body);color:var(--g-fg-muted);white-space:nowrap;transition:color var(--g-duration-fast) var(--g-ease-out), background var(--g-duration-fast) var(--g-ease-out);padding:6px 10px;text-decoration:none;display:inline-flex}.gl-top-nav a:hover{color:var(--g-fg);background:var(--g-bg-sunken)}@media (max-width:599px){.gl-top{gap:var(--g-space-3)}.gl-top-nav a{padding-inline:6px}}@media (max-width:419px){.gl-top-nav{display:none}}.gl-side{border-bottom:var(--g-border-w) solid var(--g-line);background:var(--g-bg);grid-area:side}@media (min-width:900px){.gl-side{border-bottom:0;border-inline-end:var(--g-border-w) solid var(--g-line);top:var(--gl-top-h);max-height:calc(100dvh - var(--gl-top-h));align-self:start;position:sticky;overflow-y:auto}}.gl-drawer>summary{justify-content:space-between;align-items:center;gap:var(--g-space-3);padding:var(--g-space-3) var(--g-space-4);cursor:pointer;font:600 var(--g-text-sm) / 1 var(--g-font-display);list-style:none;display:flex}.gl-drawer>summary::-webkit-details-marker{display:none}.gl-drawer>summary:before{content:"☰";color:var(--g-fg-faint);margin-inline-end:var(--g-space-2)}.gl-drawer-current{font:400 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gl-nav{padding:var(--g-space-3) var(--g-space-2) var(--g-space-6);gap:var(--g-space-3);display:grid}.gl-nav-group>summary{align-items:center;gap:var(--g-space-2);padding:var(--g-space-2) var(--g-space-2) var(--g-space-2) var(--g-space-3);border-radius:var(--g-radius-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--g-fg-faint);list-style:none;display:flex}.gl-nav-group>summary::-webkit-details-marker{display:none}.gl-nav-group>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;flex:none;transform:translateY(-1px)rotate(45deg)}.gl-nav-group:not([open])>summary:before{transform:translate(-1px)rotate(-45deg)}.gl-nav-group>summary:hover{color:var(--g-fg-muted);background:var(--g-bg-sunken)}.gl-nav-group h2{font:600 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.08em;text-transform:uppercase;color:inherit;margin:0}.gl-nav-count{font:400 var(--g-text-xs) / 1 var(--g-font-mono);font-variant-numeric:tabular-nums;margin-inline-start:auto}.gl-nav ol{gap:1px;margin:2px 0 0;padding:0;list-style:none;display:grid}.gl-nav a{column-gap:var(--g-space-2);padding:5px var(--g-space-2) 5px calc(var(--g-space-3) - 2px);border-radius:var(--g-radius-2);color:var(--g-fg-muted);transition:background var(--g-duration-fast) var(--g-ease-out), color var(--g-duration-fast) var(--g-ease-out);border-inline-start:2px solid #0000;grid-template-columns:1.5rem minmax(0,1fr);align-items:baseline;text-decoration:none;display:grid}.gl-nav a:before{content:attr(data-number);font:500 var(--g-text-xs) / 1.4 var(--g-font-mono);color:var(--g-fg-faint);font-variant-numeric:tabular-nums}.gl-nav a:hover{background:var(--g-bg-sunken);color:var(--g-fg)}.gl-nav a[aria-current=page]{border-inline-start-color:var(--g-accent);background:var(--g-bg-sunken);color:var(--g-fg);padding-block:var(--g-space-2);margin-block:2px}.gl-nav a[aria-current=page]:before{color:var(--g-accent)}.gl-nav-title{font:500 var(--g-text-sm) / 1.35 var(--g-font-body);letter-spacing:-.005em;min-width:0}.gl-nav a[aria-current=page] .gl-nav-title{font-weight:600;font-family:var(--g-font-display)}.gl-nav-goal{font-size:var(--g-text-xs);color:var(--g-fg-muted);grid-column:2;margin-top:3px;line-height:1.4}.gl-main{min-width:0;padding:var(--g-space-5) var(--g-space-4) var(--g-space-8);grid-area:main;width:100%;max-width:78rem}@media (min-width:900px){.gl-main{padding-inline:var(--g-space-6)}}.gl-main:focus{outline:none}.gl-demo-head{margin-bottom:var(--g-space-2);max-width:48rem}.gl-demo-kicker{margin:0 0 var(--g-space-2);gap:var(--g-space-3);font:500 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint);display:flex}.gl-demo-kicker span:first-child{color:var(--g-accent)}.gl-demo-head h1{margin:0 0 var(--g-space-2);font:600 var(--g-text-xl) / var(--g-leading-tight) var(--g-font-display);letter-spacing:var(--g-tracking-display)}.gl-demo-goal{color:var(--g-fg-muted);font-size:var(--g-text-md);margin:0}.gl-tags{margin:var(--g-space-3) 0 0;gap:var(--g-space-1) var(--g-space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.gl-tags li{font:500 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-faint);border:var(--g-border-w) solid var(--g-line);border-radius:999px;padding:3px 7px}.gl-intro{max-width:48rem;margin:var(--g-space-4) 0 0;color:var(--g-fg-muted);font-size:var(--g-text-sm)}.gl-intro code,.gl-readout code,.gl-legend code{font-family:var(--g-font-mono);color:var(--g-fg);font-size:.92em}.gl-stage{touch-action:none;width:100%;position:relative;overflow:hidden}.gl-canvas{transform-origin:0 0;position:absolute;top:0;left:0}.gl-items{position:absolute;inset:0}.gl-padding-guide{border:1px dashed var(--g-line-strong);pointer-events:none;box-shadow:0 0 0 100vmax color-mix(in oklch, var(--g-fg) 5%, transparent);z-index:0;position:absolute}.gl-outline{pointer-events:none;border-radius:var(--g-radius-2);z-index:4;place-items:end start;display:grid;position:absolute;top:0;left:0}.gl-outline span{font:500 var(--g-text-xs) / 1 var(--g-font-mono);border-radius:var(--g-radius-1) 0 var(--g-radius-1) 0;background:var(--g-accent);color:var(--g-accent-fg);padding:3px 6px}.gl-outline[data-kind=preview]{border:2px dashed var(--g-accent);background:var(--g-accent-soft)}.gl-outline[data-kind=rejected]{border:2px solid var(--g-accent);background:repeating-linear-gradient(45deg, transparent 0 6px, var(--g-accent-soft) 6px 12px)}.gl-outline[data-kind=hover]{border:2px solid var(--g-select);background:var(--g-select-soft)}.gl-outline[data-kind=hover] span{background:var(--g-select);color:var(--g-bg)}.gl-outline[data-kind=source]{border:1px dashed var(--g-fg-faint)}.gl-rejected-tag{color:var(--g-accent)}.gl-readout{gap:0 var(--g-space-3);font:400 var(--g-text-xs) / 1.4 var(--g-font-mono);font-variant-numeric:tabular-nums;grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.gl-readout dt,.gl-readout dd{border-bottom:var(--g-border-w) solid var(--g-line);padding-block:5px}.gl-readout dt{letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint);align-self:baseline;font-weight:500}.gl-readout dd{color:var(--g-fg);overflow-wrap:anywhere;margin:0}.gl-readout dd[data-accent]{color:var(--g-accent)}.gl-status{align-items:center;gap:var(--g-space-2);font:500 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-muted);display:inline-flex}.gl-status:before{content:"";background:var(--g-fg-faint);border-radius:50%;width:6px;height:6px}.gl-status[data-state=saved]:before{background:var(--g-ok)}.gl-status[data-state=dirty]:before{background:var(--g-accent)}.gl-legend{gap:var(--g-space-1);font-size:var(--g-text-xs);color:var(--g-fg-muted);margin:0;padding:0;list-style:none;display:grid}.gl-legend kbd{font:500 var(--g-text-xs) / 1 var(--g-font-mono);border:var(--g-border-w) solid var(--g-line-strong);border-radius:var(--g-radius-1);background:var(--g-bg);color:var(--g-fg);border-bottom-width:2px;padding:2px 5px}.gl-pane{gap:var(--g-space-2);min-width:0;display:grid}.gl-pane-head{justify-content:space-between;align-items:baseline;gap:var(--g-space-2);display:flex}.gl-pane-head h3{font:600 var(--g-text-sm) / 1.2 var(--g-font-display);margin:0}.gl-pane-head b{font:500 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-accent)}.gl-pane .gl-stage-wrap{padding:var(--gd-stage-pad);border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-2);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)}.gl-code{min-width:0;max-width:100%;margin-top:var(--g-space-1);flex:100%}.gl-code-body{position:relative}.gl-code-copy{inset-inline-end:var(--g-space-2);top:var(--g-space-2);z-index:1;background:var(--g-bg-raised);box-shadow:0 0 0 4px var(--g-bg-raised);position:absolute}.gl-code pre{padding-inline-end:5rem}.gl-flat{border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg-raised);font:600 var(--g-text-xs) / 1.2 var(--g-font-display);padding:var(--g-space-2);cursor:default;transition:transform var(--g-duration) var(--g-ease-out);position:absolute;top:0;left:0}.gl-flat[data-container]{background:color-mix(in oklch, var(--g-select) 8%, var(--g-bg-sunken));border-style:dashed}.gl-flat[data-hover]{border-color:var(--g-select);box-shadow:0 0 0 2px var(--g-select-soft)}.gl-flat small{font:400 var(--g-text-xs) / 1.4 var(--g-font-mono);color:var(--g-fg-faint);display:block}.gl-card{border-radius:var(--g-radius-3);background:var(--g-bg-raised);border:var(--g-border-w) solid var(--g-line);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);grid-template-rows:auto 1fr;display:grid;overflow:visible}.gl-card[data-gridla-active]{box-shadow:var(--g-shadow-2);transition:none}.gl-card-head{align-items:center;gap:var(--g-space-2);padding:var(--g-space-2) var(--g-space-3);font:600 var(--g-text-sm) / 1.2 var(--g-font-display);display:flex}.gl-grip{cursor:grab;background:radial-gradient(circle, var(--g-fg-faint) 1.2px, transparent 1.4px) 0 0 / 5px 5px;border-radius:3px;flex:none;width:14px;height:18px}.gl-card[data-gridla-active] .gl-grip{cursor:grabbing}.gl-card-body{padding:0 var(--g-space-3) var(--g-space-3);font-size:var(--g-text-sm);color:var(--g-fg-muted);overflow:hidden}.gl-card-ring{border-radius:calc(var(--g-radius-3) + 4px);border:2px solid var(--g-select);pointer-events:none;position:absolute;inset:-4px}.gl-card-ring:after{content:attr(data-coords);font:500 var(--g-text-xs) / 1 var(--g-font-mono);background:var(--g-select);color:var(--g-bg);border-radius:var(--g-radius-1);white-space:nowrap;padding:3px 6px;position:absolute;top:-1.5rem;left:-2px}.gl-knob{background:var(--g-bg);border:2px solid var(--g-select);z-index:3;border-radius:50%;width:12px;height:12px;position:absolute}.gl-knob[data-edge=se]{cursor:nwse-resize;bottom:-7px;right:-7px}.gl-knob[data-edge=e]{cursor:ew-resize;top:calc(50% - 6px);right:-7px}.gl-knob[data-edge=s]{cursor:ns-resize;bottom:-7px;left:calc(50% - 6px)}.gl-thumbs{gap:var(--g-space-3);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.gl-thumb{gap:var(--g-space-1);padding:var(--g-space-2);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:pointer;font:500 var(--g-text-xs) / 1 var(--g-font-mono);text-align:start;width:100%;display:grid}.gl-thumb:hover{border-color:var(--g-line-strong)}.gl-thumb[aria-pressed=true]{border-color:var(--g-accent)}.gl-thumb svg{width:100%;height:auto;display:block}.gl-textarea{width:100%;min-height:9rem;font:400 var(--g-text-xs) / 1.5 var(--g-font-mono);padding:var(--g-space-2);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg);color:var(--g-fg);resize:vertical}.gl-ssr{gap:var(--g-space-4);grid-template-columns:minmax(0,1fr);display:grid}@container (width>=720px){.gl-ssr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.gl-ssr h3{margin:0 0 var(--g-space-2);font:600 var(--g-text-sm) / 1.2 var(--g-font-display)}.gl-ssr pre{max-height:22rem;padding:var(--g-space-3);border-radius:var(--g-radius-2);border:var(--g-border-w) solid var(--g-line);background:var(--g-bg-raised);font:400 var(--g-text-xs) / 1.5 var(--g-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.gl-ssr-live{border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-3);background:var(--g-bg-sunken);height:20rem;position:relative;overflow:auto}.gl-meter{border:var(--g-border-w) solid var(--g-line);border-radius:var(--g-radius-2);background:var(--g-bg-raised);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.gl-meter>div{padding:var(--g-space-2) var(--g-space-3);background:var(--g-bg-raised);box-shadow:0 0 0 1px var(--g-line);gap:4px;min-width:0;display:grid}.gl-meter b{font:600 var(--g-text-lg) / 1 var(--g-font-mono);font-variant-numeric:tabular-nums}.gl-meter span{font:500 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--g-fg-faint);order:-1}.gl-meter[data-live] b{color:var(--g-accent)}.gl-item-dense{font:500 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-muted);padding:4px}.gl-compare-wrap{flex:30rem;min-width:0;container-type:inline-size}.gl-section-title{margin:var(--g-space-2) 0 var(--g-space-1);font:600 var(--g-text-md) / var(--g-leading-tight) var(--g-font-display);letter-spacing:-.01em}.gl-section-title+.gl-intro{margin-top:0;margin-bottom:var(--g-space-3)}.gl-section-title~.gl-section-title{margin-top:var(--g-space-5)}.gl-pane-hint,.gl-note{font-size:var(--g-text-xs);color:var(--g-fg-muted);margin:0}.gl-measure-wrap{width:100%}.gl-measure-inner{min-width:120px;transition:width var(--g-duration) var(--g-ease-out)}.gl-crosshair{border:2px solid var(--g-accent);background:var(--g-accent-soft);pointer-events:none;z-index:5;border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:-8px}.gx-group{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.gx-group-head{justify-content:space-between;align-items:center;gap:var(--g-space-2);padding:var(--g-space-1) var(--g-space-2);border-bottom:var(--g-border-w) solid var(--g-line);font:600 var(--g-text-xs) / 1.3 var(--g-font-display);cursor:grab;-webkit-user-select:none;user-select:none;display:flex}.gx-group-head[data-static]{cursor:default}.gd-item[data-gridla-active]>.gx-group>.gx-group-head{cursor:grabbing}.gx-group-meta{font:500 var(--g-text-xs) / 1 var(--g-font-mono);color:var(--g-fg-faint)}.gx-group-body{border-radius:0 0 var(--g-radius-2) var(--g-radius-2);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);min-height:0;transition:box-shadow var(--g-duration-fast) var(--g-ease-out);background-size:24px 24px;flex:auto;position:relative}.gx-group[data-locked] .gx-group-body{background-image:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in oklch, var(--g-fg) 6%, transparent) 6px 7px), linear-gradient(var(--g-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--g-grid-line) 1px, transparent 1px)}.gx-group[data-refused] .gx-group-body{box-shadow:inset 0 0 0 2px var(--g-warn)}.gx-group[data-refused] .gx-group-head{color:var(--g-warn)}.gx-group .gx-group-body .gd-item .gd-handle:after{opacity:0}.gx-group .gx-group-body .gd-item:hover>.gd-handle:after,.gx-group .gx-group-body .gd-item[data-gridla-selected]>.gd-handle:after{opacity:.85}.gx-lock{border-radius:var(--g-radius-1);background:color-mix(in oklch, var(--g-fg) 8%, transparent);color:var(--g-fg-muted);font:500 var(--g-text-xs) / 1 var(--g-font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.gx-lock svg{width:10px;height:10px}.gx-lock[data-tone=warn]{background:color-mix(in oklch, var(--g-warn) 16%, transparent);color:var(--g-warn)}.gx-tile-body{font:400 var(--g-text-xs) / 1.4 var(--g-font-body);color:var(--g-fg-muted)}.gx-transfer{gap:var(--g-space-3);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch;display:grid}@container (width<=44rem){.gx-transfer{grid-template-columns:minmax(0,1fr)}}.gx-transfer .gd-stage{height:360px}.gx-transfer-hint{align-items:center;gap:var(--g-space-2);margin:var(--g-space-3) 0 0;font-size:var(--g-text-xs);color:var(--g-fg-muted);display:flex}.gx-transfer-hint:before{content:"";border:var(--g-border-w) solid var(--g-line-strong);background:var(--g-bg-raised);background-image:radial-gradient(circle, var(--g-accent) 0 3px, transparent 3.5px);border-radius:50%;flex:none;width:22px;height:22px}.gx-flash{animation:gx-flash var(--g-duration-slow) var(--g-ease-out)}@keyframes gx-flash{0%{box-shadow:inset 0 0 0 3px var(--g-warn)}to{box-shadow:inset 0 0 #0000}}.gl-styling[data-handles=always] .gd-handle:after{opacity:.85}.gl-styling[data-motion=off] .gd-item{transition:none}.gl-styling[data-tokens=ocean]{--g-accent:#0090b1;--g-accent-soft:#0090b124;--g-select:#8254c4;--g-select-soft:#8254c424}@supports (color:lab(0% 0 0)){.gl-styling[data-tokens=ocean]{--g-accent:lab(54.2794% -33.4251 -37.1161);--g-accent-soft:lab(54.2794% -33.4251 -37.1161/.14);--g-select:lab(45.1429% 37.6997 -52.5675);--g-select-soft:lab(45.1429% 37.6997 -52.5675/.14)}}.gl-styling[data-tokens=mono]{--g-accent:var(--g-fg);--g-accent-soft:color-mix(in oklch, var(--g-fg) 10%, transparent);--g-select:var(--g-fg-muted);--g-select-soft:color-mix(in oklch, var(--g-fg-muted) 14%, transparent)}