@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-italic-CBjNughH.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-italic-B4oTjJdl.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-italic-CBJ8pzag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-italic-2syK4fUT.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-italic-DRuN92E5.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-italic-D6eaYXMU.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-italic-B7_fu1kp.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-italic-Bg0ZHwF4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-italic-BqAiT5Ww.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-italic-66oory27.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--white:#fff;--gray-50:#f6f8f9;--gray-100:#eef2f3;--gray-200:#e0e6e9;--gray-300:#cbd4d8;--gray-400:#9aa7ad;--gray-500:#6b777d;--gray-600:#4a555b;--gray-700:#333c41;--gray-750:#2a3236;--gray-800:#1f262a;--gray-850:#181e22;--gray-900:#11161a;--black:#0a0d0f;--celeste-50:#ecfcfd;--celeste-100:#d4f7f9;--celeste-200:#aef0f4;--celeste-300:#82e5ee;--celeste-400:#66dde8;--celeste-500:#5cdae5;--celeste-600:#2dbfcd;--celeste-700:#0b727e;--celeste-800:#0c5a64;--celeste-900:#0c454c;--yellow-200:#fff0a8;--yellow-300:#ffe783;--yellow-400:#ffda4d;--yellow-500:#fbc02d;--yellow-600:#d99e0b;--magenta-300:#f7aace;--magenta-400:#f288bb;--magenta-500:#ef6baa;--magenta-600:#e23e8c;--magenta-700:#c11f6e;--brand:var(--celeste-500);--brand-strong:var(--celeste-600);--brand-soft:var(--celeste-100);--brand-tint:var(--celeste-50);--surface:var(--white);--surface-subtle:var(--gray-50);--surface-sunken:var(--gray-100);--surface-inverse:var(--gray-900);--text-strong:var(--gray-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--text-on-brand:var(--white);--text-on-dark:var(--gray-100);--text-link:var(--celeste-700);--border:var(--gray-200);--border-strong:var(--gray-300);--focus-ring:var(--celeste-500);--data-ink:#1c2226;--data-grid:#d7dde0;--data-good:#1f7a3d;--data-good-soft:#d6ecdd;--data-bad:#c0392b;--data-bad-soft:#f6ddda;--data-neutral:#5a656b;--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-display:var(--font-system);--font-sans:var(--font-system);--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-code:.8125rem;--leading-tight:1.08;--leading-snug:1.25;--leading-normal:1.55;--leading-relaxed:1.7;--tracking-snug:-.01em;--tracking-wide:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--container:1200px;--container-prose:720px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-xs:0 1px 2px #11161a0d;--shadow-sm:0 1px 3px #11161a12, 0 1px 2px #11161a0a;--shadow-md:0 4px 12px #11161a14, 0 2px 4px #11161a0a;--shadow-lg:0 12px 28px #11161a1a, 0 4px 10px #11161a0d;--shadow-xl:0 24px 56px #11161a24;--shadow-brand:0 12px 28px #5cdae56b;--scrim:#11161a80;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--focus-width:3px;--bp-split:960px;--bp-phone:600px}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:var(--gray-50);--bg-panel:var(--white);--bg-elevated:var(--white);--bg-sunken:var(--gray-100);--bg-hover:var(--gray-100);--bg-active:var(--gray-200);--bg-selected:var(--celeste-200);--bg-canvas:var(--gray-100);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-hard:var(--gray-300);--fg-strong:var(--gray-900);--fg-body:var(--gray-700);--fg-muted:var(--gray-500);--fg-faint:var(--gray-400);--fg-link:var(--celeste-700);--accent:var(--celeste-700);--accent-bg:var(--celeste-50);--accent-border:var(--celeste-600);--on-accent:var(--white);--focus:var(--celeste-500);--btn-primary-bg:var(--gray-900);--btn-primary-bg-hover:var(--black);--btn-primary-fg:var(--white);--warn-bg:color-mix(in srgb, var(--yellow-400) 18%, var(--white));--warn-solid:var(--yellow-200);--warn-fg:var(--gray-800);--warn-border:var(--yellow-500);--highlighter:var(--yellow-400);--danger:var(--magenta-700);--danger-bg:color-mix(in srgb, var(--magenta-500) 8%, var(--white));--data-good:#1f7a3d;--data-good-soft:#d6ecdd;--data-bad:#c0392b;--data-bad-soft:#f6ddda;--data-warn:var(--yellow-500);--data-ink:#1c2226;--data-grid:#d7dde0;--scrim:#11161a80;--shadow-xs:0 1px 2px #11161a0d;--shadow-sm:0 1px 3px #11161a12, 0 1px 2px #11161a0a;--shadow-md:0 4px 12px #11161a14, 0 2px 4px #11161a0a;--shadow-lg:0 12px 28px #11161a1a, 0 4px 10px #11161a0d;--shadow-xl:0 24px 56px #11161a24;--editor-bg:var(--white);--editor-fg:var(--gray-900);--editor-gutter-bg:var(--white);--editor-gutter-fg:var(--gray-400);--editor-gutter-fg-active:var(--gray-700);--editor-gutter-border:var(--gray-100);--editor-active-line:color-mix(in srgb, var(--celeste-500) 8%, transparent);--editor-caret:var(--celeste-700);--editor-sel:color-mix(in srgb, var(--celeste-500) 28%, transparent);--editor-panel-bg:var(--white);--editor-panel-border:var(--gray-200);--syn-key:#0b5f88;--syn-string:#0a6b4b;--syn-keyword:#8a2f6b;--syn-comment:#6b777d;--syn-meta:#9a5b12;--syn-type:#7a3fa8;--syn-punct:#6b777d;--syn-content:var(--gray-800)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:var(--gray-900);--bg-panel:var(--gray-850);--bg-elevated:var(--gray-800);--bg-sunken:var(--black);--bg-hover:#ffffff0f;--bg-active:#ffffff1a;--bg-selected:color-mix(in srgb, var(--celeste-500) 18%, transparent);--bg-canvas:var(--gray-700);--border-subtle:#ffffff12;--border-default:#ffffff21;--border-hard:#ffffff3d;--fg-strong:#e8edef;--fg-body:#c2ccd1;--fg-muted:#8d989e;--fg-faint:#6a757b;--fg-link:var(--celeste-400);--accent:var(--celeste-400);--accent-bg:color-mix(in srgb, var(--celeste-500) 16%, transparent);--accent-border:var(--celeste-600);--on-accent:var(--gray-900);--focus:var(--celeste-400);--btn-primary-bg:var(--celeste-500);--btn-primary-bg-hover:var(--celeste-400);--btn-primary-fg:var(--gray-900);--warn-bg:color-mix(in srgb, var(--yellow-400) 12%, transparent);--warn-solid:color-mix(in srgb, var(--yellow-400) 28%, transparent);--warn-fg:var(--yellow-300);--warn-border:var(--yellow-600);--highlighter:color-mix(in srgb, var(--yellow-400) 30%, transparent);--danger:var(--magenta-400);--danger-bg:color-mix(in srgb, var(--magenta-500) 16%, transparent);--data-good:#4ec97e;--data-good-soft:#4ec97e29;--data-bad:#ff6b5e;--data-bad-soft:#ff6b5e29;--data-warn:var(--yellow-400);--data-ink:var(--fg-body);--data-grid:var(--border-default);--scrim:#0000009e;--shadow-xs:0 1px 1px #0006;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 10px 24px #0000008c;--shadow-xl:0 20px 48px #0009;--editor-bg:var(--black);--editor-gutter-bg:var(--black);--editor-gutter-border:var(--border-subtle);--editor-panel-bg:var(--gray-800);--editor-panel-border:var(--gray-750);--editor-fg:var(--gray-100);--editor-gutter-fg:var(--gray-500);--editor-gutter-fg-active:var(--gray-300);--editor-active-line:color-mix(in srgb, var(--celeste-500) 7%, transparent);--editor-caret:var(--celeste-400);--editor-sel:color-mix(in srgb, var(--celeste-500) 25%, transparent);--syn-key:#7fd4ee;--syn-string:#9ddba0;--syn-keyword:#e08bc4;--syn-comment:#6f7d84;--syn-meta:#e0b268;--syn-type:#c7a3f0;--syn-punct:#8d989e;--syn-content:var(--fg-strong)}:root{--surface:var(--bg-panel);--surface-subtle:var(--bg-app);--surface-sunken:var(--bg-sunken);--text-strong:var(--fg-strong);--text-body:var(--fg-body);--text-muted:var(--fg-muted);--text-faint:var(--fg-faint);--text-link:var(--fg-link);--border:var(--border-default);--border-strong:var(--border-hard);--focus-ring:var(--focus)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:2px}::selection{background:var(--bg-selected);color:var(--fg-strong)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.bino-highlight{background-image:linear-gradient(transparent 55%, var(--highlighter) 55%, var(--highlighter) 92%, transparent 92%);padding:0 .08em}.bino-eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent);font-weight:600}.bino-kbd{font-family:var(--font-mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--fg-body);padding:.1em .4em;font-size:.85em}.input{background:var(--surface);color:var(--text-strong);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.input::placeholder{color:var(--text-faint)}.input:focus-visible{border-color:var(--focus);box-shadow:0 0 0 var(--focus-width) color-mix(in srgb, var(--focus) 32%, transparent);outline:none}.input:disabled,.input:read-only:not(select){background:var(--surface-subtle)}.centered{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.sandbox{overscroll-behavior:none;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-code:12.5px;--leading-normal:1.45;--leading-snug:1.3;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:10px;--space-5:14px;--space-6:20px;--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--border-w:1px;--focus-width:2px;--ctl-h:24px;--ctl-h-sm:20px;--row-h:22px;--resizer-w:4px;--resizer-grab:3px;--min-editor:280px;--min-right:320px;--bar-h:34px;--crumb-h:22px;--panelbar-h:26px;--status-h:22px;grid-template:"titlebar""banner""tabs""body"minmax(0,1fr)"status"/minmax(0,1fr);height:100dvh;display:grid}.sandbox__titlebar,.titlebar{grid-area:titlebar}.sandbox__banner{grid-area:banner}.segmented{grid-area:tabs}.sandbox__split{grid-area:body;min-height:0}.statusbar{grid-area:status}@media (pointer:coarse){.palette__hint,.titlebar__palette-kbd{display:none}.sandbox{--text-xs:12px;--text-sm:13px;--text-base:15px;--space-2:6px;--space-3:10px;--space-4:14px;--ctl-h:40px;--ctl-h-sm:36px;--row-h:40px;--resizer-w:12px;--resizer-grab:8px;--bar-h:52px;--crumb-h:30px;--panelbar-h:44px;--status-h:32px}.sandbox .input,.sandbox input,.sandbox textarea,.sandbox select{font-size:16px}}.toolbar{align-items:center;gap:var(--space-3);min-height:50px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;display:flex;position:relative}.titlebar{align-items:center;gap:var(--space-2);min-height:var(--bar-h);padding:0 var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);display:flex;position:relative}.titlebar__title{flex:auto;min-width:80px;margin-right:auto}.input--ghost{background:0 0;border-color:#0000}@media (hover:hover){.input--ghost:hover:not(:read-only){background:var(--bg-app);border-color:var(--border-default)}}@media (hover:none){.input--ghost{border-color:var(--border-subtle)}}.input--ghost:focus-visible{background:var(--bg-app)}.iconbtn{height:var(--ctl-h);min-width:var(--ctl-h);padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-base);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;line-height:1;text-decoration:none;display:inline-grid}.iconbtn:hover{background:var(--bg-hover);color:var(--fg-strong)}.iconbtn--active{background:var(--accent-bg);color:var(--accent)}.iconbtn--disabled,.iconbtn[aria-disabled=true]{opacity:.4;pointer-events:none}.panelbar{align-items:center;gap:var(--space-2);min-height:var(--panelbar-h);padding:0 var(--space-2) 0 var(--space-3);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--fg-muted);-webkit-user-select:none;user-select:none;flex:none;display:flex}.panelbar__tab{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-body);white-space:nowrap;font-weight:600}.panelbar__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panelbar__spacer{margin-left:auto}.crumbs{align-items:center;gap:var(--space-2);min-height:var(--crumb-h);padding:0 var(--space-3);background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--fg-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none;display:flex;overflow:hidden}.crumbs__seg{text-overflow:ellipsis;overflow:hidden}.crumbs__seg--kind{color:var(--accent)}.crumbs__sep{color:var(--fg-faint)}.crumbs__lock{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--warn-solid);color:var(--warn-fg);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-left:auto;font-weight:600}.statusbar{align-items:center;gap:var(--space-1);min-height:var(--status-h);padding:0 var(--space-2);background:var(--bg-panel);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--fg-muted);-webkit-user-select:none;user-select:none;display:flex}.statusbar__item{align-items:center;gap:var(--space-1);height:calc(var(--status-h) - 4px);padding:0 var(--space-2);border-radius:var(--radius-sm);color:inherit;font:inherit;white-space:nowrap;background:0 0;border:0;display:inline-flex}.statusbar__item--btn{cursor:pointer}.statusbar__item--btn:hover,.statusbar__item--btn[data-open=true]{background:var(--bg-hover);color:var(--fg-strong)}.statusbar__item--mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.statusbar__count{align-items:center;gap:2px;display:inline-flex}.statusbar__count--error{color:var(--data-bad)}.statusbar__count--warning{color:var(--data-warn)}.statusbar__dot{background:var(--data-good);border-radius:50%;width:6px;height:6px}.statusbar__lsp--connecting .statusbar__dot{background:var(--data-warn)}.statusbar__lsp--error .statusbar__dot{background:var(--data-bad)}.statusbar__save--dirty{color:var(--data-warn)}.statusbar__save--readonly,.statusbar__save--snapshot{color:var(--warn-fg)}.statusbar__flash{color:var(--accent)}.statusbar__spacer{margin-left:auto}.menu__group{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-faint);font-weight:600}.menu__group:not(:first-child){border-top:1px solid var(--border-subtle);margin-top:var(--space-1)}.toolbar__secondary{display:contents}.toolbar__more{display:none}.brand{align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.brand__mark{border-radius:var(--radius-sm);background:var(--celeste-500);width:26px;height:26px;color:var(--celeste-900);flex:none;place-items:center;display:grid}.brand__name{font-weight:700;font-size:var(--text-sm);letter-spacing:var(--tracking-snug);color:var(--text-strong);white-space:nowrap}.toolbar__title{flex:200px;min-width:140px}.btn{padding:var(--space-2) var(--space-3);color:var(--text-strong);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);font-weight:600;text-decoration:none}.btn:hover{background:var(--bg-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn--primary{color:var(--btn-primary-fg);background:var(--btn-primary-bg);border-color:var(--btn-primary-bg)}.btn--primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.btn--active{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.btn--active:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}.btn--danger{color:var(--danger)}.btn--danger:hover{border-color:var(--danger);background:var(--danger-bg)}.btn--lg{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.sandbox .btn{height:var(--ctl-h);padding:0 var(--space-3);border-width:var(--border-w);border-radius:var(--radius-md);font-weight:500}.sandbox .btn:active{background:var(--bg-active);transform:none}.sandbox .input{height:var(--ctl-h);border-width:var(--border-w)}.closebtn{color:var(--text-muted);font-size:var(--text-md);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;line-height:1}.closebtn:hover{color:var(--text-strong);background:var(--bg-hover)}.toolbar__status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.toolbar__embed-popover{top:calc(100% + var(--space-1));right:var(--space-4);z-index:10;gap:var(--space-2);width:380px;max-width:90vw;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute}.toolbar__embed-popover-head{font-size:var(--text-sm);color:var(--text-strong);justify-content:space-between;align-items:center;font-weight:600;display:flex}.toolbar__embed-code{resize:vertical;width:100%;font-family:var(--font-mono);font-size:var(--text-sm)}.statspop__spark{display:block}.statspop__spark-line{stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.statspop__spark-base{stroke:var(--data-grid);stroke-width:1px}.statspop__summary{font-size:var(--text-sm);color:var(--text-body);margin:0}.statspop__summary strong{color:var(--text-strong)}.statspop__hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.statspop__error{font-size:var(--text-sm);color:var(--danger);margin:0}.embedrows{gap:var(--space-2);flex-direction:column;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.embedrows__row{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.embedrows__main{align-items:center;gap:var(--space-2);display:flex}.embedrows__name{font-weight:600;font-size:var(--text-sm);color:var(--text-strong)}.embedrows__kind,.embedrows__revoked{padding:1px var(--space-2);background:var(--accent-bg);border-radius:var(--radius-pill);color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600}.embedrows__revoked{background:var(--danger-bg);color:var(--danger)}.embedrows__meta{font-size:var(--text-xs);color:var(--text-muted)}.embedrows__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.embedrows__confirm{font-size:var(--text-xs);color:var(--text-body)}.toolbar__divider{background:var(--border);flex:none;width:1px;height:20px}.menu{position:relative}.menu__popover{top:calc(100% + var(--space-2));z-index:10;min-width:220px;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;max-height:70vh;display:flex;position:absolute;overflow-y:auto}.menu__popover--left{left:0}.menu__popover--right{right:0}.menu__popover--up{top:auto;bottom:calc(100% + var(--space-1))}.menu__popover--panel{gap:var(--space-2);width:260px;max-width:90vw;padding:var(--space-3);border-radius:var(--radius-lg)}.menu__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-body);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--bg-hover);color:var(--text-strong);outline:none}.menu__item:disabled{opacity:.5;cursor:default;background:0 0}.menu__item-desc{font-size:var(--text-xs);color:var(--text-muted);display:block}.toolbar__about-heading{font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.toolbar__about-list{gap:var(--space-1) var(--space-3);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.toolbar__about-list dt{color:var(--text-muted)}.toolbar__about-list dd{color:var(--text-strong);font-family:var(--font-mono);word-break:break-all;margin:0}.toolbar__about-empty{font-size:var(--text-sm);color:var(--text-muted)}.sandbox__banner{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--warn-bg);border-left:3px solid var(--warn-border);border-bottom:1px solid var(--border);color:var(--warn-fg);font-size:var(--text-sm);display:flex}.sandbox__banner-link{padding:var(--space-1) var(--space-3);color:var(--btn-primary-fg);background:var(--btn-primary-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:0;font-weight:600}.sandbox__banner-link:hover{background:var(--btn-primary-bg-hover)}.sandbox__banner-link:disabled{opacity:.5;cursor:default}.segmented{display:none}.segmented--inline{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.segmented--inline .segmented__btn{padding:var(--space-2);border:0;border-right:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;flex:1}.segmented--inline .segmented__btn:last-child{border-right:0}.segmented--inline .segmented__btn:hover{background:var(--bg-hover);color:var(--text-strong)}.segmented--inline .segmented__btn[aria-pressed=true]{background:var(--accent-bg);color:var(--accent);font-weight:600}.sandbox__split{flex:1;min-height:0;display:flex}.sandbox__editor{flex:0 1 var(--editor-size,46%);min-width:var(--min-editor);background:var(--editor-bg);position:relative;overflow:hidden}.sandbox__split[data-dragging=true]{-webkit-user-select:none;user-select:none}.sandbox__split[data-dragging=true] .preview__frame{pointer-events:none}.sandbox__editor{flex-direction:column;display:flex}.sandbox__editor>.cm-theme,.sandbox__editor>div:not(.crumbs){flex:1;min-height:0}.sandbox__editor .cm-editor{height:100%}.sandbox__editor .editor__status{top:var(--space-2);right:var(--space-2);z-index:5;align-items:center;gap:var(--space-2);height:auto;padding:3px var(--space-2);background:var(--editor-panel-bg);border:1px solid var(--editor-panel-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--editor-gutter-fg);pointer-events:none;display:flex;position:absolute}.editor__status-dot{background:var(--data-good);border-radius:50%;flex:none;width:7px;height:7px}.editor__status--connecting .editor__status-dot{background:var(--data-warn)}.editor__status--error .editor__status-dot{background:var(--data-bad)}.editor__status-label{white-space:nowrap}.cm-quickfix-gutter{width:1.1em}.cm-quickfix-marker{cursor:pointer;opacity:.85;justify-content:center;align-items:center;width:1.1em;height:1.1em;font-size:.8em;line-height:1;display:flex}.cm-quickfix-marker:hover{opacity:1}.cm-quickfix-menu{z-index:20;min-width:180px;padding:var(--space-1);background:var(--editor-panel-bg);border:1px solid var(--editor-panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed}.cm-quickfix-menu-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--editor-fg);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none}.cm-quickfix-menu-item:hover,.cm-quickfix-menu-item:focus-visible{background:#ffffff17;outline:none}.sandbox__right{min-width:var(--min-right);flex-direction:column;flex:1;min-height:0;display:flex}.sandbox__right[data-dragging=true]{-webkit-user-select:none;user-select:none}.sandbox__right[data-dragging=true] .preview__frame{pointer-events:none}.sandbox__preview{flex:auto;min-width:0;min-height:0}.sandbox__resizer{flex:0 0 var(--resizer-w);cursor:row-resize;touch-action:none;background:var(--bg-app);transition:background var(--dur-fast) var(--ease-standard);position:relative}.sandbox__resizer:before{content:"";inset:calc(-1 * var(--resizer-grab)) 0;position:absolute}.overlay{z-index:60;padding:var(--space-5);background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay--top{padding-top:max(var(--space-5), 8vh);align-items:flex-start}.overlay__panel{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-height:0;max-height:100%;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.palette{width:620px;max-width:100%}.palette__input{margin:var(--space-2);height:auto;padding:var(--space-3);font-size:var(--text-base);flex:none}.palette__list{min-height:0;padding-bottom:var(--space-2);flex:1;overflow:auto}.palette__empty{padding:var(--space-4);color:var(--fg-muted);font-size:var(--text-sm);margin:0}.palette__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--fg-body);display:flex}.palette__row--active{background:var(--bg-selected);color:var(--fg-strong)}.palette__row--disabled{color:var(--fg-faint);cursor:default}.palette__group{width:8ch;color:var(--fg-faint);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);text-overflow:ellipsis;flex:none;overflow:hidden}.palette__title{flex:1;min-width:0}.palette__title mark{color:var(--accent);background:0 0;font-weight:700}.palette__check{color:var(--accent)}.palette__reason{color:var(--fg-faint);font-size:var(--text-xs);display:block}.palette__hint{color:var(--fg-muted);flex:none}.shortcuts{width:720px;max-width:100%}.shortcuts__body{min-height:0;padding:var(--space-4);columns:2;column-gap:var(--space-6);flex:1;overflow:auto}.shortcuts__group{break-inside:avoid;margin-bottom:var(--space-5)}.shortcuts__heading{margin:0 0 var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-faint);font-weight:600}.shortcuts__list{margin:0}.shortcuts__row{align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);padding:2px 0;display:flex}.shortcuts__row dt{text-align:right;white-space:nowrap;flex:none;min-width:10ch}.shortcuts__row dd{color:var(--fg-body);margin:0}.titlebar__palette{align-items:center;gap:var(--space-2);height:var(--ctl-h);padding:0 var(--space-2);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-app);color:var(--fg-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;flex:none;display:inline-flex}.titlebar__palette:hover{border-color:var(--border-hard);color:var(--fg-body)}.titlebar__palette-label{text-align:left;min-width:12ch}.sandbox__sidebar{flex-direction:column;flex:0 0 var(--sidebar-size,260px);background:var(--bg-panel);border-right:1px solid var(--border-subtle);min-width:0;display:flex;overflow:hidden}.sandbox__sidebar[data-collapsed=true]{display:none}.sandbox__reveal-sidebar{margin:var(--space-1);flex:none;align-self:flex-start}.outline{flex-direction:column;flex:1;min-height:0;display:flex}.outline__filter{margin:var(--space-2);flex:none}.outline__list{min-height:0;padding-bottom:var(--space-2);flex:1;overflow:auto}.outline__empty{padding:var(--space-3);color:var(--fg-muted);font-size:var(--text-sm);margin:0}.outline__group{align-items:center;gap:var(--space-1);width:100%;min-height:var(--row-h);padding:0 var(--space-2);color:var(--fg-muted);font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;font-weight:600;display:flex}.outline__group:hover{background:var(--bg-hover);color:var(--fg-body)}.outline__twisty{flex:none;width:1em}.outline__count{color:var(--fg-faint);margin-left:auto}.outline__row{align-items:center;display:flex}.outline__row--current{background:var(--accent-bg)}.outline__reveal{align-items:center;gap:var(--space-2);min-width:0;min-height:var(--row-h);padding:0 var(--space-2) 0 var(--space-5);color:var(--fg-body);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.outline__reveal:hover,.outline__reveal:focus-visible{background:var(--bg-hover);color:var(--fg-strong);outline:none}.outline__row--current .outline__reveal{color:var(--accent);font-weight:600}.outline__glyph{width:2ch;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-faint);flex:none}.outline__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outline__dot{border-radius:50%;flex:none;width:6px;height:6px;margin-left:auto}.outline__dot--error{background:var(--data-bad)}.outline__dot--warning{background:var(--data-warn)}.outline__preview{opacity:0;flex:none}.outline__row:hover .outline__preview,.outline__row:focus-within .outline__preview,.outline__row--current .outline__preview{opacity:1}@media (hover:none){.outline__preview{opacity:1}}.outline__col{align-items:center;gap:var(--space-2);min-height:var(--row-h);padding:0 var(--space-2) 0 var(--space-5);font-size:var(--text-sm);color:var(--fg-body);display:flex}.outline__type{color:var(--fg-faint);font-family:var(--font-mono);font-size:var(--text-xs);margin-left:auto}.outline__browse{margin:var(--space-3) var(--space-2)}.panelbar__tab--btn{padding:0 var(--space-2);min-height:var(--panelbar-h);font:inherit;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;font-weight:600}.panelbar__tab--btn:hover{color:var(--fg-strong)}.panelbar__tab--btn[aria-selected=true]{color:var(--fg-strong);box-shadow:inset 0 -2px 0 var(--accent)}.sandbox__preview[data-collapsed=true],.sandbox__console[data-collapsed=true]{flex:none;height:auto;min-height:0}.sandbox__preview[data-collapsed=true] .preview__body,.sandbox__console[data-collapsed=true] .console__body,:is(.sandbox__right:has(>.sandbox__console[data-collapsed=true])>.sandbox__resizer,.sandbox__right:has(>.sandbox__preview[data-collapsed=true])>.sandbox__resizer){display:none}.sandbox__resizer--v{cursor:col-resize}.sandbox__resizer--v:before{inset:0 calc(-1 * var(--resizer-grab))}.sandbox__resizer:hover,.sandbox__resizer:focus-visible{background:var(--accent);outline:none}.sandbox__console{flex:0 0 var(--console-size,25%);border-top:1px solid var(--border);background:var(--surface);min-height:0;overflow:hidden}.preview{background:var(--surface-subtle);flex-direction:column;height:100%;display:flex}.preview__label{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);flex:none;font-weight:600;display:flex}.preview__controls{align-items:center;gap:var(--space-2);min-width:0;max-width:70%;display:flex}.preview__select{min-width:0;padding:2px var(--space-2);font-size:var(--text-xs);letter-spacing:normal;text-transform:none;font-weight:400}.preview__language{flex:none}.preview__body{flex:1;min-height:0;position:relative}.preview__frame{background:var(--surface-sunken);border:0;width:100%;height:100%}.preview__msg{height:100%;padding:var(--space-4);color:var(--text-muted);text-align:center;justify-content:center;align-items:center;display:flex}.preview__error{padding:var(--space-4);height:100%;color:var(--data-bad);background:var(--surface-subtle);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;margin:0;overflow:auto}.console{flex-direction:column;height:100%;min-height:0;display:flex}.console__head{align-items:center;gap:var(--space-2);min-height:32px;padding:var(--space-1) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);flex:none;display:flex}.console__dot{background:var(--data-good);border-radius:50%;flex:none;width:7px;height:7px}.console__dot--warning{background:var(--data-warn)}.console__dot--error{background:var(--data-bad)}.console__body{flex:1;min-height:0;overflow:auto}.console__empty{height:100%;padding:var(--space-4);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.console__render-error{margin:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--data-bad-soft);border-left:3px solid var(--data-bad);border-radius:var(--radius-md)}.console__render-error-title{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--data-bad);font-weight:600}.console__render-error-body{color:var(--data-bad);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;margin:0;overflow:auto}.console__row{align-items:baseline;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);border:0;border-bottom:1px solid var(--border);color:var(--text-body);text-align:left;cursor:pointer;font-size:var(--text-sm);background:0 0;display:flex}.console__row:hover{background:var(--bg-hover)}.console__badge{padding:0 var(--space-2);border-radius:var(--radius-pill);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);flex:none;font-weight:600}.console__badge--error{background:var(--data-bad-soft);color:var(--data-bad)}.console__badge--warning{background:var(--warn-solid);color:var(--warn-fg)}.console__badge--info,.console__badge--hint{background:var(--bg-sunken);color:var(--text-muted)}.console__line{color:var(--text-muted);font-family:var(--font-mono);flex:none}.console__msg{min-width:0;font-family:var(--font-mono)}.console__group{padding:var(--space-2) var(--space-4) var(--space-1);border-bottom:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sandbox__history{flex:none;min-height:0;display:flex}.history{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.history__head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.history__title{font-weight:600;font-size:var(--text-sm);color:var(--text-strong)}.history__list{flex:1;min-height:0;overflow-y:auto}.history__row{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border);color:var(--text-body);text-align:left;cursor:pointer;background:0 0;display:flex}.history__row:hover{background:var(--bg-hover)}.history__row:disabled{cursor:default;opacity:.6}.history__row-main{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.history__row-title{font-size:var(--text-sm);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history__row-time{font-size:var(--text-sm);color:var(--text-muted)}.history__row-files{font-size:var(--text-sm);color:var(--text-muted);flex:none}.history__empty{padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.history__empty--error{color:var(--data-bad);font-family:var(--font-mono);white-space:pre-wrap}.history__detail{gap:var(--space-3);min-height:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex}.history__back{align-self:flex-start}.history__meta{font-size:var(--text-sm);color:var(--text-muted)}.history__yaml{min-height:0;padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;flex:1;margin:0;overflow:auto}.history__actions,.history__modes{gap:var(--space-2);display:flex}.history__diff--add{background:var(--data-good-soft);color:var(--data-good)}.history__diff--del{background:var(--data-bad-soft);color:var(--data-bad)}@media (width<=960px){.toolbar__more{justify-content:center;align-items:center;display:inline-flex}.toolbar__secondary{display:none}.toolbar[data-more-open=true] .toolbar__secondary{align-items:stretch;gap:var(--space-2);top:calc(100% + var(--space-1));right:var(--space-4);z-index:20;min-width:220px;max-width:calc(100vw - 2 * var(--space-4));max-height:80vh;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;overflow:auto}.toolbar[data-more-open=true] .menu,.toolbar[data-more-open=true] .menu>.btn{width:100%}.toolbar[data-more-open=true] .toolbar__divider{width:auto;height:1px}.toolbar[data-more-open=true] .toolbar__divider:first-child{display:none}.segmented{background:var(--surface);border-bottom:1px solid var(--border);min-width:0;display:flex}.segmented__btn{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:max(var(--ctl-h), 36px);padding:var(--space-2);border:0;border-right:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;flex:1 1 0;display:inline-flex}.segmented__btn:last-child{border-right:0}.segmented__btn[aria-selected=true]{color:var(--text-strong);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.segmented__badge{min-width:1.2em;margin-left:var(--space-1);border-radius:var(--radius-pill);background:var(--warn-solid);color:var(--warn-fg);font-size:var(--text-xs);padding:0 5px;font-weight:600;line-height:1.4;display:inline-block}.segmented__badge--error{background:var(--data-bad-soft);color:var(--data-bad)}.sandbox__split>[data-pane]{display:none}.sandbox__split[data-active=editor]>[data-pane=editor],.sandbox__split[data-active=sidebar]>[data-pane=sidebar],.sandbox__split[data-active=sidebar]>[data-pane=sidebar][data-collapsed=true]{flex:1;min-width:0;display:flex}.sandbox__reveal-sidebar,.sandbox__sidebar .panelbar>.iconbtn:last-child{display:none}.sandbox__split[data-active=history]>[data-pane=history]{flex:1;min-width:0;display:flex}.sandbox__resizer,.sandbox__split>.sandbox__right{display:none}.sandbox__split[data-active=preview]>.sandbox__right,.sandbox__split[data-active=console]>.sandbox__right{flex:1;min-width:0;display:flex}.sandbox__right>[data-pane]{display:none}.sandbox__split[data-active=preview] .sandbox__right>[data-pane=preview],.sandbox__split[data-active=console] .sandbox__right>[data-pane=console]{flex:1;min-height:0;display:block}.history{border-left:0;width:100%}.crumbs{display:none}.sandbox__preview[data-collapsed=true],.sandbox__console[data-collapsed=true]{flex:1}.sandbox__preview[data-collapsed=true] .preview__body,.sandbox__console[data-collapsed=true] .console__body{display:block}.toolbar__embed-popover,.menu__popover{top:auto;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);z-index:30;width:auto;max-width:none;max-height:70vh;position:fixed;overflow:auto}}@media (width>=961px) and (width<=1280px){.sandbox__split{position:relative}.sandbox__sidebar{z-index:20;width:min(320px,80vw);box-shadow:var(--shadow-lg);flex-basis:min(320px,80vw);position:absolute;inset:0 auto 0 0}.sandbox__sidebar+.sandbox__resizer{display:none}.sandbox__scrim{z-index:19;background:var(--scrim);cursor:default;border:0;position:absolute;inset:0}}.sandbox__scrim{display:none}@media (width>=961px) and (width<=1280px){.sandbox__scrim{display:block}}@media (width<=600px){.titlebar{padding:var(--space-2) var(--space-2);flex-wrap:wrap}.titlebar__title{flex:100%;order:2;margin-right:0}.titlebar .brand__name,.titlebar__palette-label,.titlebar__palette-kbd{display:none}.shortcuts__body{columns:1}.titlebar .iconbtn,.statusbar{display:none}}.page{background:var(--surface-subtle);--ctl-h:32px;flex-direction:column;min-height:100vh;display:flex}.appheader{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.appheader__inner{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:var(--container);min-height:56px;padding:var(--space-2) var(--space-6);margin:0 auto;display:flex}.appheader__actions{align-items:center;gap:var(--space-2);display:flex}.zone{width:100%}.zone--band{background:var(--bg-panel);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.zone__inner{width:100%;max-width:var(--container);padding:var(--space-8) var(--space-6);margin:0 auto}.gallery__hero{align-items:center;gap:var(--space-8);padding-top:var(--space-10);padding-bottom:var(--space-10);grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}.gallery__hero-copy{min-width:0}.gallery__hero-title{margin:var(--space-3) 0 var(--space-4);font-size:var(--text-3xl);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-snug);color:var(--text-strong)}.gallery__hero-tagline{margin:0 0 var(--space-5);max-width:48ch;font-size:var(--text-md);color:var(--text-muted)}.work__head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.work__title{font-size:var(--text-xl);letter-spacing:var(--tracking-snug);color:var(--text-strong);margin:0;font-weight:700}.gallery__error{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--text-sm)}.gallery__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.gallery__card{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text-body);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex}.gallery__card:hover:not(:disabled),.gallery__card:focus-visible{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.gallery__card:disabled{opacity:.6;cursor:default}.gallery__card-icon{border-radius:var(--radius-md);background:var(--accent-bg);width:34px;height:34px;color:var(--accent);place-items:center;display:grid}.gallery__card-title{font-size:var(--text-md);color:var(--text-strong);font-weight:600}.gallery__card-desc{color:var(--text-muted);font-size:var(--text-sm);flex:1}.gallery__card-kind{padding:1px var(--space-2);background:var(--accent-bg);border-radius:var(--radius-pill);color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:0;font-weight:600}.gallery__card-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}a.gallery__card{text-decoration:none}.gallery__card--skeleton{background:var(--bg-sunken);border-color:var(--border-subtle);box-shadow:none;cursor:default;animation:skeleton-pulse 1.4s var(--ease-standard) infinite;min-height:148px}@keyframes skeleton-pulse{50%{opacity:.5}}.gallery__section-title{margin:0 0 var(--space-4)}.gallery__search{width:100%;max-width:420px;margin-bottom:var(--space-4);display:block}.gallery__empty{color:var(--text-muted);margin:0}.heromock{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.heromock__bar{padding:var(--space-2) var(--space-3);background:var(--bg-sunken);border-bottom:1px solid var(--border-subtle);align-items:center;display:flex}.heromock__crumb{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.heromock__body{grid-template-columns:minmax(0,4fr) minmax(0,5fr);display:grid}.heromock__code{padding:var(--space-4);background:var(--editor-bg);border-right:1px solid var(--border-subtle);color:var(--syn-content);font-family:var(--font-mono);margin:0;font-size:11px;line-height:1.75;overflow:hidden}.heromock__key{color:var(--syn-key)}.heromock__str{color:var(--syn-string)}.heromock__type{color:var(--syn-type)}.heromock__punct{color:var(--syn-punct)}.heromock__report{min-width:0;padding:var(--space-4)}.heromock__report-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.heromock__report-title{font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.heromock__report-sub{font-size:var(--text-xs);color:var(--text-muted)}.heromock__chart{font-family:inherit;display:block}.heromock__label,.heromock__cap{fill:var(--fg-muted);font-size:9px}.heromock__cap{font-weight:600}.heromock__ac{fill:var(--data-ink)}.heromock__pp{fill:color-mix(in srgb, var(--data-ink) 26%, var(--bg-panel))}.heromock__var--good{fill:var(--data-good)}.heromock__var--bad{fill:var(--data-bad)}.heromock__axis{stroke:var(--data-grid)}.shelf{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.shelf__card{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.shelf__card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}.shelf__card:has(:focus-visible){box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px)}:is(.shelf__card:has(.menu [data-open]),.shelf__card:has(.shelf__statspop)){transform:none}.shelf__card:has(:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:2px}.shelf__thumb{aspect-ratio:8/5;padding:var(--space-3);background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.shelf__thumb:after{content:"";background:color-mix(in srgb, var(--danger) 9%, transparent);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-standard);position:absolute;inset:0}.shelf__card--confirm{border-color:var(--danger)}.shelf__card--confirm .shelf__thumb:after{opacity:1}.mini{width:100%;height:100%;display:block}.mini__pagegroup{transform-origin:50% 90%;transition:transform var(--dur-base) var(--ease-spring)}.shelf__card:hover .mini__pagegroup{transform:translateY(-2px)scale(1.03)}.shelf__card:has(:focus-visible) .mini__pagegroup{transform:translateY(-2px)scale(1.03)}.shelf__card--confirm .mini__pagegroup{transition:transform var(--dur-base) var(--ease-standard);transform:translateY(2px)rotate(-1.5deg)}.mini__page{fill:var(--bg-panel);stroke:var(--border-subtle)}.mini__ink{fill:var(--data-ink)}.mini__soft{fill:color-mix(in srgb, var(--data-ink) 26%, var(--bg-panel))}.mini__grid{fill:var(--data-grid)}.mini__good{fill:var(--data-good)}.mini__bad{fill:var(--data-bad)}.mini__line{stroke:var(--data-grid);fill:none}.mini__spark{stroke:var(--data-ink);stroke-width:1.5px;fill:none;stroke-linejoin:round;stroke-linecap:round}.shelf__meta{align-items:center;gap:var(--space-2);min-height:64px;padding:var(--space-3) var(--space-4);display:flex}.shelf__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shelf__title{font-weight:600;font-size:var(--text-sm);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.shelf__title:after{content:"";z-index:1;position:absolute;inset:0}.shelf__title mark{color:var(--accent);background:0 0;font-weight:700}.shelf__sub{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);display:flex}.shelf__badge{padding:1px var(--space-2);background:var(--warn-solid);border-radius:var(--radius-pill);color:var(--warn-fg);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600}.shelf__actions{z-index:2;align-items:center;gap:var(--space-2);pointer-events:none;flex:none;display:flex;position:relative}.shelf__actions .menu{pointer-events:auto}.shelf__more{opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.shelf__card:hover .shelf__more,.shelf__card:focus-within .shelf__more{opacity:1}@media (hover:none){.shelf__more{opacity:1}}.shelf__rename{z-index:2;width:100%;font-weight:600;font-size:var(--text-sm);position:relative}.shelf__meta--confirm{flex-wrap:wrap}.shelf__confirm-text{min-width:0;font-size:var(--text-sm);color:var(--text-body);flex:1}.shelf__confirm-actions{z-index:2;gap:var(--space-2);flex:none;display:flex;position:relative}.shelf__card--feature{grid-column:1/-1;grid-template-columns:280px minmax(0,1fr);display:grid}.shelf__card--feature .shelf__thumb{border-bottom:none;border-right:1px solid var(--border-subtle);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.shelf__card--feature .shelf__meta{align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-5);flex-direction:column}.shelf__card--feature .shelf__text{gap:var(--space-1);width:100%}.shelf__card--feature .shelf__title{font-size:var(--text-lg)}.shelf__card--feature .shelf__sub{font-size:var(--text-sm)}.shelf__card--feature .shelf__actions{margin-top:auto}.shelf__card--skeleton{background:var(--bg-sunken);border-color:var(--border-subtle);box-shadow:none;pointer-events:none;animation:skeleton-pulse 1.4s var(--ease-standard) infinite}.shelf__card--skeleton .shelf__thumb{background:0 0;border-color:#0000}.shelf__filter{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.shelf__filter-input{max-width:320px}.shelf__filter-count{color:var(--text-muted);font-size:var(--text-sm)}.shelf__filter-clear{margin-left:var(--space-2)}.shelf__statspop{z-index:3;height:0;position:absolute;bottom:0;left:0;right:0}@media (width>=961px){.shelf__statspop .toolbar__embed-popover{width:auto;left:0;right:0}}@media (width<=960px){.shelf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=600px){.shelf{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shelf__card--feature{grid-template-columns:minmax(0,1fr)}.shelf__card--feature .shelf__thumb{border-right:none;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.shelf__meta{padding:var(--space-2) var(--space-3)}.shelf__card--feature .shelf__meta{padding:var(--space-3) var(--space-4)}}.appfooter{background:var(--surface);border-top:1px solid var(--border);margin-top:auto}.appfooter__inner{align-items:center;gap:var(--space-4);width:100%;max-width:var(--container);padding:var(--space-5) var(--space-6);color:var(--text-muted);font-size:var(--text-sm);margin:0 auto;display:flex}.appfooter__brand{align-items:center;gap:var(--space-2);color:var(--text-strong);font-weight:600;display:inline-flex}.appfooter__links{gap:var(--space-4);margin-left:auto;display:flex}.registry-modal{z-index:20;padding:var(--space-4);background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.registry-modal__panel{gap:var(--space-3);width:720px;max-width:100%;max-height:85vh;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow-y:auto}.registry-modal__head{color:var(--text-strong);justify-content:space-between;align-items:center;font-weight:600;display:flex}.registry-modal__section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:600}.registry-modal__installed{gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.registry-modal__dep{align-items:center;gap:var(--space-3);display:flex}.registry-modal__dep--transitive{opacity:.7}.registry-modal__dep-name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-strong)}.registry-modal__dep-ver{color:var(--text-muted);font-size:var(--text-sm)}.registry-modal__dep>.registry-modal__dep-ver{margin-left:auto}.registry-modal__search{max-width:none;margin-bottom:0}.registry-modal__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.registry-modal__chip{padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0}.registry-modal__chip:hover,.registry-modal__chip:focus-visible{border-color:var(--border-strong);color:var(--text-body);outline:none}.registry-modal__chip--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.registry-modal__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.registry-modal__card{cursor:default}.registry-modal__card:hover:not(:disabled){box-shadow:var(--shadow-xs);border-color:var(--border);transform:none}.registry-modal__card-actions{align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.registry-modal__error{color:var(--data-bad);font-size:var(--text-sm);margin:0}.registry-modal__added{gap:var(--space-3);flex-direction:column;display:flex}.registry-modal__added-msg{margin:0}.registry-modal__added-actions{gap:var(--space-2);display:flex}.registry-modal__snippet{resize:vertical;width:100%;font-family:var(--font-mono);font-size:var(--text-sm)}.authmenu__user{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.auth{padding:var(--space-10) var(--space-4);flex:1;justify-content:center;align-items:flex-start;display:flex}.auth__card{gap:var(--space-3);width:100%;max-width:420px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.auth__title{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);color:var(--text-strong);margin:0}.auth__form{gap:var(--space-3);flex-direction:column;display:flex}.auth__hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.auth__label{font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.auth__terms{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);display:flex}.auth__terms input{margin-top:3px}.auth__error{color:var(--danger);font-size:var(--text-sm);margin:0}.auth__or{text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.account{width:100%;max-width:var(--container-prose);padding:var(--space-8) var(--space-4) var(--space-10);gap:var(--space-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.account__head{gap:var(--space-2);flex-direction:column;display:flex}.account__title{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-snug);color:var(--text-strong);margin:0}.account__email{color:var(--text-muted);font-size:var(--text-sm);margin:0}.account__email strong{color:var(--text-strong)}.account__section{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.account__section-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.account__section-title{margin:0}.account__hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.account__error{color:var(--danger);font-size:var(--text-sm);margin:0}.account__passkeys{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.account__passkey{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.account__passkey-main{align-items:center;gap:var(--space-2);display:flex}.account__passkey-name{color:var(--text-strong);font-weight:600}.account__passkey-badge{padding:1px var(--space-2);background:var(--accent-bg);border-radius:var(--radius-pill);color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600}.account__passkey-meta{color:var(--text-muted);font-size:var(--text-sm)}.account__passkey-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.account__passkey-confirm{font-size:var(--text-sm);color:var(--text-body)}.account__passkey-rename{gap:var(--space-2);display:flex}.account__passkey-rename .input{flex:1;min-width:0}@media (width<=960px){.zone__inner{padding:var(--space-7) var(--space-5)}.gallery__hero{gap:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-8);grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.appheader__inner{min-height:52px;padding:var(--space-2) var(--space-4)}.zone__inner{padding:var(--space-6) var(--space-4)}.gallery__hero{padding-top:var(--space-6);padding-bottom:var(--space-6)}.gallery__hero-title{font-size:var(--text-2xl)}.gallery__hero-cta{width:100%}.gallery__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery__card{padding:var(--space-3)}.gallery__card-desc{display:none}.gallery__card--skeleton{min-height:96px}.heromock__body{grid-template-columns:minmax(0,1fr)}.heromock__code{display:none}.work__head{flex-wrap:wrap}.appfooter__inner{gap:var(--space-2) var(--space-4);padding:var(--space-5) var(--space-4);flex-wrap:wrap}.appfooter__links{flex-basis:100%;margin-left:0}.auth{padding:var(--space-6) var(--space-4)}.account{padding:var(--space-6) var(--space-4) var(--space-9)}.account__section{padding:var(--space-4)}.account__section-head,.account__passkey-actions{flex-wrap:wrap}}@media (pointer:coarse){.page{--ctl-h:44px}.page .btn,.page .menu__item{min-height:var(--ctl-h)}.page .closebtn{min-width:var(--ctl-h);min-height:var(--ctl-h)}.page input,.page textarea,.page select{font-size:16px}}.dwz__panel{gap:var(--space-3)}.dwz__panel--wide{width:1040px}.dwz__hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.dwz__warning{padding:var(--space-2) var(--space-3);background:var(--warn-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-body);font-size:var(--text-sm);margin:0}.dwz__toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dwz__rowcount{color:var(--text-muted);font-size:var(--text-sm);white-space:nowrap}.dwz__name{width:180px;font-family:var(--font-mono);font-size:var(--text-sm);margin-left:auto}.dwz__sql{padding:var(--space-3);background:var(--bg-sunken);color:var(--fg-strong);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-code);white-space:pre;margin:0;line-height:1.5;overflow-x:auto}.dwz__source-row{gap:var(--space-2);flex-direction:column;display:flex}.dwz__source-line{align-items:center;gap:var(--space-2);display:flex}.dwz__join-on{padding-left:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.dwz__on-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.dwz__select{max-width:260px}.dwz__select--compact{width:auto;max-width:180px;padding-top:0;padding-bottom:0}.dwz__groupbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sunken);flex-wrap:wrap;display:flex}.dwz__groupbar-sep{background:var(--border);align-self:stretch;width:1px}.dwz__chip{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-body);background:var(--surface);display:inline-flex}.dwz__chip-row{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.dwz__gridwrap{border:1px solid var(--data-grid);border-radius:var(--radius-md);max-height:48vh;transition:opacity var(--dur-fast) var(--ease-standard);overflow:auto}.dwz__gridwrap--busy{opacity:.5}.dwz__grid{border-collapse:collapse;width:100%;font-size:var(--text-sm);color:var(--data-ink)}.dwz__grid th{z-index:1;background:var(--surface);border-bottom:2px solid var(--data-ink);text-align:left;white-space:nowrap;padding:0;position:sticky;top:0}.dwz__grid td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--data-grid);white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.dwz__cell--num{text-align:right;font-variant-numeric:tabular-nums}.dwz__null{color:var(--text-muted)}.dwz__empty{color:var(--text-muted);text-align:center;padding:var(--space-4)!important}.dwz__colbtn{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1) var(--space-2);font:inherit;color:var(--data-ink);cursor:pointer;background:0 0;border:0;font-weight:600;display:flex}.dwz__colbtn:hover,.dwz__colbtn--open{background:var(--bg-hover)}.dwz__caret{color:var(--text-muted);font-size:var(--text-xs)}.dwz__colmenu{z-index:30;max-height:60vh;position:fixed;overflow-y:auto}.dwz__popover{gap:var(--space-2);min-width:260px;padding:var(--space-3);white-space:normal;flex-direction:column;font-weight:400;display:flex}.dwz__computed{position:relative}.dwz__field{gap:var(--space-1);flex-direction:column;display:flex}.dwz__field>label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:600}.dwz__inline{align-items:center;gap:var(--space-2);display:flex}.dwz__pager{align-items:center;gap:var(--space-2);justify-content:flex-end;display:flex}.dwz__existing{border-bottom:0;padding-bottom:0}