html{color:var(--sl-color-text);background:var(--sl-color-bg)}body{min-height:100vh;font-family:var(--sl-font,var(--sl-font-system)), var(--sl-font-system);margin:0}.token-lab:where(.astro-7ehepfzw){box-sizing:border-box;width:min(100%,80rem);padding:var(--wa-space-xl,2rem);margin-inline:auto}.lab-header:where(.astro-7ehepfzw),.section-heading:where(.astro-7ehepfzw){justify-content:space-between;align-items:center;gap:var(--wa-space-m,1rem);display:flex}.lab-header:where(.astro-7ehepfzw){margin-block-end:var(--wa-space-xl,2rem)}.utility-links:where(.astro-7ehepfzw){gap:var(--wa-space-m,1rem);flex-wrap:wrap;display:flex}a:where(.astro-7ehepfzw){color:var(--sl-color-text-accent)}.eyebrow:where(.astro-7ehepfzw){margin:0 0 var(--wa-space-2xs,.25rem);color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:700}h1:where(.astro-7ehepfzw),h2:where(.astro-7ehepfzw),h3:where(.astro-7ehepfzw),p:where(.astro-7ehepfzw){margin-block-start:0}h1:where(.astro-7ehepfzw),h2:where(.astro-7ehepfzw),h3:where(.astro-7ehepfzw){color:var(--sl-color-white);line-height:var(--sl-line-height-headings)}h1:where(.astro-7ehepfzw){font-size:var(--sl-text-4xl);margin-block-end:0}h2:where(.astro-7ehepfzw){font-size:var(--sl-text-2xl);margin-block-end:0}h3:where(.astro-7ehepfzw){font-size:var(--sl-text-base);overflow-wrap:anywhere;margin-block-end:var(--wa-space-2xs,.25rem)}.lab-panel:where(.astro-7ehepfzw){padding:var(--wa-space-l,1.5rem);border:1px solid var(--sl-color-hairline);border-radius:var(--wa-border-radius-m,.375rem);background:var(--sl-color-bg-nav);margin-block-end:var(--wa-space-xl,2rem)}.output-panel:where(.astro-7ehepfzw) textarea:where(.astro-7ehepfzw){margin-block-start:var(--wa-space-l,1.5rem)}.token-grid:where(.astro-7ehepfzw){gap:var(--wa-space-m,1rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin-block-start:var(--wa-space-l,1.5rem);display:grid}.token-card:where(.astro-7ehepfzw){border:1px solid var(--sl-color-hairline);border-radius:var(--wa-border-radius-m,.375rem);background:var(--sl-color-black);overflow:hidden}.swatch:where(.astro-7ehepfzw){border-block-end:1px solid var(--sl-color-hairline);background-image:linear-gradient(45deg, color-mix(in srgb, var(--sl-color-white) 12%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--sl-color-white) 12%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--sl-color-white) 12%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--sl-color-white) 12%, transparent) 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;min-height:6rem}.token-details:where(.astro-7ehepfzw){gap:var(--wa-space-s,.75rem);padding:var(--wa-space-m,1rem);display:grid}dl:where(.astro-7ehepfzw){gap:var(--wa-space-xs,.5rem);margin:0;display:grid}dt:where(.astro-7ehepfzw){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);text-transform:uppercase;font-weight:700}dd:where(.astro-7ehepfzw){color:var(--sl-color-gray-2);font-family:var(--sl-font-mono);font-size:var(--sl-text-xs);overflow-wrap:anywhere;margin:0}.token-status:where(.astro-7ehepfzw){color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);margin-block-end:0}.token-card:where(.astro-7ehepfzw)[data-token-state=undefined] .token-status:where(.astro-7ehepfzw),.token-card:where(.astro-7ehepfzw)[data-token-state=undefined-draft] .token-status:where(.astro-7ehepfzw){color:var(--sl-color-orange-high)}.token-card:where(.astro-7ehepfzw)[data-token-state=draft] .token-status:where(.astro-7ehepfzw),.token-card:where(.astro-7ehepfzw)[data-token-state=undefined-draft] .token-status:where(.astro-7ehepfzw){font-weight:700}.draft-picker:where(.astro-7ehepfzw){gap:var(--wa-space-2xs,.25rem);color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);display:grid}input:where(.astro-7ehepfzw),textarea:where(.astro-7ehepfzw),button:where(.astro-7ehepfzw){font:inherit}input:where(.astro-7ehepfzw),textarea:where(.astro-7ehepfzw){box-sizing:border-box;border:1px solid var(--sl-color-gray-5);border-radius:var(--wa-border-radius-s,.25rem);background:var(--sl-color-black);width:100%;color:var(--sl-color-white)}input:where(.astro-7ehepfzw){min-height:2.5rem;padding:var(--wa-space-3xs,.125rem)}textarea:where(.astro-7ehepfzw){min-height:9rem;padding:var(--wa-space-s,.75rem);resize:vertical;font-family:var(--sl-font-mono)}button:where(.astro-7ehepfzw){border:1px solid var(--sl-color-accent);border-radius:var(--wa-border-radius-s,.25rem);background:var(--sl-color-accent);min-height:2.25rem;color:var(--sl-color-text-invert);cursor:pointer}@media (width<=48rem){.token-lab:where(.astro-7ehepfzw){padding:var(--wa-space-m,1rem)}.lab-header:where(.astro-7ehepfzw),.section-heading:where(.astro-7ehepfzw){grid-template-columns:1fr;display:grid}}