:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0d0d0d;font-synthesis:none;--accent:#111;--accent-foreground:#fff;--canvas:#fbfbfb;--control-background:#151515;--control-foreground:#fff;--control-panel-background:#fffffff0;--control-panel-foreground:#111;--dialog-background:#ffffffe6;--dialog-code-background:#f3f3f3;--dialog-code-foreground:#111;--dialog-foreground:#111;--dialog-status:#555;--ink:#151515;--muted:#777;--panel:#ffffffbd;--rule:#dedede;--surface-radius:4px;--shadow:#00000029;--tweak-button:#111;--tweak-button-foreground:#fff;--tweak-button-active:#333;--tweak-button-hover:#222;--tweak-container:#f0f0f0;--tweak-container-active:#ddd;--tweak-container-hover:#e6e6e6;--tweak-foreground:#111;--tweak-input:#fff;--tweak-label:#555;--laboratory-padding:clamp(.75rem, 2vw, 1.75rem);background:#fbfbfb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f4;--accent:#f4f4f4;--accent-foreground:#111;--canvas:#111;--control-background:#f4f4f4;--control-foreground:#111;--control-panel-background:#0f0f0ff0;--control-panel-foreground:#e7e7e7;--dialog-background:#191919e6;--dialog-code-background:#111;--dialog-code-foreground:#d5d5d5;--dialog-foreground:#e7e7e7;--dialog-status:#c5c5c5;--ink:#f4f4f4;--muted:#999;--panel:#191919c2;--rule:#363636;--shadow:#00000059;--tweak-button:#f4f4f4;--tweak-button-foreground:#111;--tweak-button-active:#bbb;--tweak-button-hover:#ddd;--tweak-container:#242424;--tweak-container-active:#353535;--tweak-container-hover:#303030;--tweak-foreground:#f4f4f4;--tweak-input:#111;--tweak-label:#b0b0b0;background:#111}*{box-sizing:border-box}::selection{color:var(--canvas);background:var(--ink)}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);margin:0}body:before{--size:45px;--line:color-mix(in hsl, canvasText, transparent 80%);z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);transform-style:flat;width:100vw;height:100vh;position:fixed;top:0;-webkit-mask:radial-gradient(at 0 0,#000 0 14%,#0000 56%);mask:radial-gradient(at 0 0,#000 0 14%,#0000 56%)}button,input{font:inherit}.skip-link{z-index:20;color:#fff;background:var(--accent);border-radius:var(--surface-radius);padding:.7rem .9rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.laboratory{z-index:1;min-height:100vh;padding:var(--laboratory-padding);display:grid;position:relative}.preview-panel{background:0 0;align-content:space-between;min-height:calc(100vh - clamp(2rem,6vw,6rem));padding:clamp(1rem,3vw,2.5rem);display:grid;overflow:hidden}.preview-meta{z-index:10;top:var(--laboratory-padding);right:var(--laboratory-padding);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:1rem;font-family:ui-monospace,monospace;font-size:.72rem;display:flex;position:fixed}.viewport-readout{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:var(--surface-radius);white-space:nowrap;padding:.45rem .65rem}.specimen{align-content:center;gap:clamp(1rem,3vw,2.2rem);min-height:56vh;margin:5rem 0 1.5rem;display:grid}.token-card{color:color-mix(in srgb, var(--ink) 58%, transparent);padding:.2rem 0 1rem}.token-card.selected{color:var(--ink);order:-1;padding:clamp(1rem,5vw,4rem) 0}.token-label{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.55rem;font-family:ui-monospace,monospace;font-size:.72rem;font-weight:700}.token-card>p:last-child{margin:0}.control-panel{z-index:10;top:var(--laboratory-padding);left:var(--laboratory-padding);scrollbar-gutter:stable;width:min(25rem,100vw - 2rem);max-height:calc(100vh - 3.5rem);position:fixed;overflow:visible auto}.code-heading,.dialog-actions,.floating-actions{align-items:center;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.72rem;font-weight:700}.floating-actions{z-index:5;right:var(--laboratory-padding);bottom:var(--laboratory-padding);gap:.55rem;position:fixed}.utility-button{width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.utility-button:hover{opacity:.55}.utility-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.utility-button--github{text-decoration:none}.utility-button--github img{width:1.2rem;height:1.2rem;filter:invert(var(--github-icon-invert,0))}:root[data-theme=dark] .utility-button--github img{--github-icon-invert:1}.floating-button,.copy-button,.icon-button{min-width:2.75rem;min-height:2.75rem;color:var(--control-foreground);background:var(--control-background);border-radius:var(--surface-radius);cursor:pointer;box-shadow:0 .6rem 1.5rem var(--shadow);border:1px solid #0000;place-items:center;font-weight:700;text-decoration:none;display:inline-grid}.floating-button--wide{padding:0 1rem}.floating-button:hover,.copy-button:hover,.icon-button:hover{color:var(--accent-foreground);background:var(--accent)}.floating-button:focus-visible,.copy-button:focus-visible,.icon-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px}.css-dialog{width:min(52rem,100vw - 2rem);max-height:min(42rem,100vh - 2rem);color:var(--dialog-foreground);background:var(--dialog-background);border:1px solid var(--rule);border-radius:var(--surface-radius);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:clamp(1.25rem,3vw,2rem);box-shadow:0 2.5rem 7rem #0000008c}.css-dialog::backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000080}.code-heading{justify-content:space-between;gap:1rem}.code-heading h1{color:var(--dialog-foreground);letter-spacing:-.05em;margin:.3rem 0 0;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:500}.dialog-actions{gap:.5rem}.copy-button{color:var(--dialog-foreground);border-color:var(--rule);box-shadow:none;background:0 0;padding:0 1rem}.icon-button{color:var(--control-panel-foreground);border-color:var(--rule);box-shadow:none;background:0 0;font-size:1.5rem;line-height:1}pre{max-height:28rem;color:var(--dialog-code-foreground);background:var(--dialog-code-background);border:1px solid var(--rule);border-radius:var(--surface-radius);white-space:pre-wrap;margin:1.5rem 0 0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.65;overflow:auto}.copy-status{min-height:1.25rem;color:var(--dialog-status);margin:.75rem 0 0;font-size:.8rem}.tp-dfwv{width:100%!important;position:static!important}.tp-rotv{--tp-base-background-color:var(--control-panel-background);--tp-base-border-radius:var(--surface-radius);--tp-base-shadow-color:var(--shadow);--tp-blade-border-radius:var(--surface-radius);--tp-button-background-color:var(--tweak-button);--tp-button-foreground-color:var(--tweak-button-foreground);--tp-button-background-color-active:var(--tweak-button-active);--tp-button-background-color-focus:var(--tweak-button);--tp-button-background-color-hover:var(--tweak-button-hover);--tp-container-background-color:var(--tweak-container);--tp-container-background-color-active:var(--tweak-container-active);--tp-container-background-color-focus:var(--tweak-container-active);--tp-container-background-color-hover:var(--tweak-container-hover);--tp-container-foreground-color:var(--tweak-foreground);--tp-groove-foreground-color:var(--tweak-foreground);--tp-input-background-color:var(--tweak-input);--tp-input-foreground-color:var(--tweak-foreground);--tp-label-foreground-color:var(--tweak-label);--tp-monitor-background-color:var(--tweak-input);--tp-monitor-foreground-color:var(--tweak-foreground)}@media (width<=640px){.laboratory{--laboratory-padding:.65rem}.preview-panel{border-radius:var(--surface-radius);min-height:calc(100vh - 1.3rem);padding:1.25rem}.floating-actions{bottom:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.tp-rotv.tp-rotv-expanded .tp-rotv_c,.tp-fldv.tp-fldv-expanded>.tp-fldv_c{padding-right:12px}