.span-warn{background:color-mix(in srgb,#b42318 10%,transparent);border:1px solid color-mix(in srgb,#b42318 45%,var(--rule));border-radius:8px;padding:.75rem 1rem;margin:1rem 0;font-size:.9rem}.span-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;margin:1.25rem 0}.span-f{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}.span-f select{padding:.5rem;border:1px solid var(--rule);border-radius:6px;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:1rem}.span-out{padding:1.25rem;border:1px solid var(--rule);border-radius:10px;background:var(--code-bg);text-align:center}.span-big{font-family:var(--font-mono);font-size:2.6rem;font-weight:800;color:var(--site-accent, #2c63d6);line-height:1}.span-lbl{margin-top:.4rem;font-size:.9rem}.span-note{margin-top:.3rem;font-size:.8rem;color:var(--muted)}