@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-800:#1f262a;--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;--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;--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}*,: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(--celeste-200);color:var(--gray-900)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.bino-highlight{background-image:linear-gradient(transparent 55%, var(--yellow-400) 55%, var(--yellow-400) 92%, transparent 92%);padding:0 .08em}.bino-eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--celeste-700);font-weight:600}.bino-kbd{font-family:var(--font-mono);background:var(--gray-100);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--gray-800);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(--celeste-500);box-shadow:0 0 0 3px var(--celeste-100);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{flex-direction:column;height:100vh;display:flex}.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}.toolbar__secondary{display:contents}.toolbar__more{display:none}.toolbar__brand{align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.toolbar__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}.toolbar__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}.btn:hover{background:var(--gray-50)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn--primary{color:var(--white);background:var(--gray-900);border-color:var(--gray-900)}.btn--primary:hover{background:var(--black);border-color:var(--black)}.btn--active{border-color:var(--celeste-600);color:var(--celeste-700);background:var(--celeste-50)}.btn--active:hover{background:var(--celeste-100)}.btn--danger{color:var(--magenta-700)}.btn--danger:hover{border-color:var(--magenta-600);background:color-mix(in srgb, var(--magenta-500) 8%, var(--white))}.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-close{color:var(--text-muted);font-size:var(--text-md);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;line-height:1}.toolbar__embed-close:hover{color:var(--text-strong);background:var(--gray-100)}.toolbar__embed-code{resize:vertical;width:100%;font-family:var(--font-mono);font-size:var(--text-sm)}.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;display:flex;position:absolute}.menu__popover--left{left:0}.menu__popover--right{right:0}.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(--gray-100);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:color-mix(in srgb, var(--yellow-400) 18%, var(--white));border-left:3px solid var(--yellow-500);border-bottom:1px solid var(--border);color:var(--gray-800);font-size:var(--text-sm);display:flex}.sandbox__banner-link{padding:var(--space-1) var(--space-3);color:var(--white);background:var(--gray-900);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;border:0;font-weight:600}.sandbox__banner-link:hover{background:var(--black)}.sandbox__banner-link:disabled{opacity:.5;cursor:default}.segmented{display:none}.sandbox__split{flex:1;min-height:0;display:flex}.sandbox__editor{flex:0 0 var(--editor-size,50%);background:var(--gray-900);min-width:0;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>*,.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(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-400);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(--yellow-500)}.editor__status--error .editor__status-dot{background:var(--data-bad)}.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(--gray-800);border:1px solid var(--gray-700);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(--gray-100);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:var(--gray-700);outline:none}.sandbox__right{flex-direction:column;flex:1;min-width:0;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{cursor:row-resize;touch-action:none;background:var(--gray-100);transition:background var(--dur-fast) var(--ease-standard);flex:0 0 6px}.sandbox__resizer--v{cursor:col-resize}.sandbox__resizer:hover,.sandbox__resizer:focus-visible{background:var(--celeste-500);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);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);flex:none;font-size:11px;font-weight:600;display:flex}.preview__select{max-width:60%;padding:2px var(--space-2);font-size:var(--text-xs);letter-spacing:normal;text-transform:none;font-weight:400}.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(--yellow-500)}.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(--gray-50)}.console__badge{padding:0 var(--space-2);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:var(--tracking-wide);flex:none;font-size:.7rem;font-weight:600}.console__badge--error{background:var(--data-bad-soft);color:var(--data-bad)}.console__badge--warning{background:color-mix(in srgb, var(--yellow-400) 45%, var(--white));color:var(--gray-800)}.console__badge--info,.console__badge--hint{background:var(--gray-100);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)}.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__close{color:var(--text-muted);font-size:var(--text-md);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:0;line-height:1}.history__close:hover{color:var(--text-strong);background:var(--gray-100)}.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(--gray-50)}.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;min-height:44px;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);display:flex}.segmented__btn{min-height:44px;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__btn:last-child{border-right:0}.segmented__btn[aria-selected=true]{color:var(--text-strong);box-shadow:inset 0 -2px 0 var(--celeste-500);font-weight:600}.segmented__badge{min-width:1.2em;margin-left:var(--space-1);border-radius:var(--radius-pill);background:var(--yellow-500);color:var(--gray-900);padding:0 5px;font-size:.7rem;font-weight:600;line-height:1.4;display:inline-block}.segmented__badge--error{background:var(--data-bad);color:var(--white)}.sandbox__split>[data-pane]{display:none}.sandbox__split[data-active=editor]>[data-pane=editor]{flex:1;min-width:0;display:block}.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%}.btn,.toolbar__title,.preview__select,.history__close,.toolbar__embed-close{min-height:44px}.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<=600px){.toolbar{padding:var(--space-2) var(--space-3)}.toolbar__title{flex:100%;order:2}}.gallery{min-height:100vh;padding:var(--space-8) var(--space-6);max-width:var(--container);margin:0 auto}.gallery__head{margin-bottom:var(--space-8)}.gallery__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 0 var(--space-2)}.gallery__tagline{color:var(--text-muted);font-size:var(--text-md);margin:0}.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-kind{padding:1px var(--space-2);background:var(--celeste-100);border-radius:var(--radius-pill);color:var(--celeste-800);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:0;font-size:.7rem;font-weight:600}.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)}a.gallery__card{text-decoration:none}.gallery__section{margin-top:var(--space-8)}.gallery__section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--celeste-700);margin:0 0 var(--space-4);font-weight:600}.gallery__search{width:100%;max-width:420px;margin-bottom:var(--space-4);display:block}.gallery__empty{color:var(--text-muted);margin:0}.mine{gap:var(--space-2);flex-direction:column;display:flex}.mine__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-standard);display:flex}.mine__row:hover{border-color:var(--border-strong)}.mine__link{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-body);flex:1;text-decoration:none;display:flex}.mine__title{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mine__time{color:var(--text-muted);font-size:var(--text-sm);margin-left:auto}.registry-modal{z-index:20;padding:var(--space-4);background:#11161a80;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(--celeste-100);border-color:var(--celeste-600);color:var(--celeste-800)}.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)}