.lab.svelte-1rooibp{max-width:1080px;margin:0 auto;padding:clamp(24px,5vw,72px) clamp(20px,5vw,48px) 96px}.kicker.svelte-1rooibp{font-family:var(--font-lcd);letter-spacing:.18em;text-transform:uppercase;color:#8a8a85;margin:0 0 8px;font-size:12px}h1.svelte-1rooibp{font-family:var(--font-content);margin:0;font-size:clamp(34px,6vw,64px);line-height:1}.lead.svelte-1rooibp{max-width:60ch;font-family:var(--font-content);color:#444;margin:16px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.5}.lead.svelte-1rooibp code:where(.svelte-1rooibp){font-family:var(--font-lcd);background:#00000010;border-radius:3px;padding:1px 5px;font-size:.85em}.playground.svelte-1rooibp{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:clamp(16px,3vw,32px);margin-top:clamp(28px,4vw,48px);display:grid}@media (width<=760px){.playground.svelte-1rooibp{grid-template-columns:1fr}}.usage.svelte-1rooibp{background:#f4f4f0;border:1px solid #00000012;border-radius:10px;grid-column:1/-1;margin-top:8px;padding:clamp(16px,2vw,22px)}.usage.svelte-1rooibp h3:where(.svelte-1rooibp){font-family:var(--font-content);margin:0 0 12px;font-size:20px}.usage__code.svelte-1rooibp{font-family:var(--font-lcd);background:#fff;border:1px solid #00000014;border-radius:6px;margin:0;padding:14px 16px;font-size:11px;line-height:1.5;overflow-x:auto}.usage__note.svelte-1rooibp{font-family:var(--font-label);color:#555;margin:12px 0 0;font-size:13px;line-height:1.45}.usage__note.svelte-1rooibp code:where(.svelte-1rooibp){font-family:var(--font-lcd);font-size:.9em}.playground__preview.svelte-1rooibp{flex-direction:column;gap:14px;display:flex}.playground__actions.svelte-1rooibp{flex-wrap:wrap;gap:10px;display:flex}.playground__actions.svelte-1rooibp button:where(.svelte-1rooibp){font-family:var(--font-lcd);letter-spacing:.04em;text-transform:uppercase;color:#1a1a1a;border-radius:var(--r-pill,4px);box-shadow:var(--lcd-hard-shadow);cursor:pointer;background:#fff;border:1px solid #00000026;padding:9px 16px;font-size:12px;transition:transform 80ms}.playground__actions.svelte-1rooibp button:where(.svelte-1rooibp):hover{background:#f4f4f0}.playground__actions.svelte-1rooibp button:where(.svelte-1rooibp):active{transform:translate(-1px,1px);box-shadow:-1px 1px #00000040}.sheet.svelte-1rooibp{aspect-ratio:4/3;background:#fff;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1px 1px #0000001f,0 12px 28px -12px #00000059}.sheet--lg.svelte-1rooibp{aspect-ratio:16/11;overflow:visible}.html-sheet.svelte-1rooibp{isolation:isolate;place-items:center;width:100%;display:grid;position:relative}.html-sheet__paper.svelte-1rooibp{position:absolute;inset:0}.html-sheet__content.svelte-1rooibp{z-index:1;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex;position:relative}.html-sheet__title.svelte-1rooibp{font-family:var(--font-content);margin:0;font-size:clamp(36px,6vw,52px);line-height:1}.html-sheet__sub.svelte-1rooibp{font-family:var(--font-content);margin:0;font-size:clamp(15px,2.5vw,20px);line-height:1.3}.html-sheet__tag.svelte-1rooibp{font-family:var(--font-lcd);letter-spacing:.16em;text-transform:uppercase;margin-top:6px;font-size:11px}.sheet.svelte-1rooibp svg,.sheet__svg.svelte-1rooibp{width:100%;height:100%;display:block}.controls.svelte-1rooibp{background:#fbfbf9;border:1px solid #00000017;border-radius:10px;flex-direction:column;gap:14px;padding:clamp(16px,2vw,22px);display:flex;box-shadow:inset 0 1px #fff}.controls__group.svelte-1rooibp{border:0;margin:0;padding:0}.controls__group.svelte-1rooibp legend:where(.svelte-1rooibp){font-family:var(--font-lcd);letter-spacing:.14em;text-transform:uppercase;color:#8a8a85;margin-bottom:8px;padding:0;font-size:11px}.controls__group--inline.svelte-1rooibp{gap:6px;display:flex}.seg.svelte-1rooibp{flex:1;position:relative}.seg.svelte-1rooibp input:where(.svelte-1rooibp){opacity:0;cursor:pointer;position:absolute;inset:0}.seg.svelte-1rooibp span:where(.svelte-1rooibp){text-align:center;font-family:var(--font-label);border-radius:var(--r-pill,4px);background:#fff;border:1px solid #0000001f;padding:7px 8px;font-size:13px;transition:background .1s,color .1s;display:block}.seg.svelte-1rooibp input:where(.svelte-1rooibp):checked+span:where(.svelte-1rooibp){color:#fff;background:#2a2a2a;border-color:#2a2a2a}.seg.svelte-1rooibp input:where(.svelte-1rooibp):focus-visible+span:where(.svelte-1rooibp){outline:var(--focus-ring);outline-offset:2px}.ctrl.svelte-1rooibp{flex-direction:column;gap:6px;display:flex}.ctrl__label.svelte-1rooibp{font-family:var(--font-label);color:#333;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.ctrl__label.svelte-1rooibp em:where(.svelte-1rooibp){font-family:var(--font-lcd);color:#6a6a66;font-size:12px;font-style:normal}.ctrl.svelte-1rooibp input[type=range]:where(.svelte-1rooibp){accent-color:#2a2a2a;width:100%}.ctrl.svelte-1rooibp input[type=color]:where(.svelte-1rooibp){border-radius:var(--r-pill,4px);cursor:pointer;background:#fff;border:1px solid #0000001f;width:100%;height:30px;padding:0}.ctrl__text.svelte-1rooibp{font-family:var(--font-content);border-radius:var(--r-pill,4px);color:#1a1a1a;background:#fff;border:1px solid #0000001f;padding:8px 10px;font-size:15px}.ctrl__select.svelte-1rooibp{font-family:var(--font-label);border-radius:var(--r-pill,4px);color:#1a1a1a;background:#fff;border:1px solid #0000001f;width:100%;padding:8px 10px;font-size:13px}.ctrl__hint.svelte-1rooibp{font-family:var(--font-label);color:#6a6a66;font-size:12px;line-height:1.35}.gallery.svelte-1rooibp{margin-top:clamp(40px,6vw,72px)}.gallery.svelte-1rooibp h2:where(.svelte-1rooibp){font-family:var(--font-content);margin:0 0 20px;font-size:clamp(22px,3vw,30px)}.gallery__grid.svelte-1rooibp{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(16px,2.5vw,28px);display:grid}.card.svelte-1rooibp{flex-direction:column;gap:10px;margin:0;display:flex}.card__name.svelte-1rooibp{font-family:var(--font-content);font-size:17px;line-height:1.1;display:block}.card__note.svelte-1rooibp{font-family:var(--font-label);color:#6a6a66;margin-top:2px;font-size:13px;display:block}