.alpha-form{padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:#fff}.alpha-form label{font-weight:650;display:block}.alpha-form input{width:100%;min-width:0}.alpha-help{font-size:.9rem;color:var(--muted);margin:.3rem 0}.alpha-form fieldset{min-width:0;border:0;margin:0;padding:0}.alpha-form legend{font-weight:700;margin-bottom:.75rem}.alpha-sample{padding:1.2rem;border:1px solid #526158;border-radius:6px;font-size:1.2rem;font-weight:600;overflow-wrap:anywhere}.alpha-sample p{margin:0}.alpha-swatch{width:60px;height:40px;border:1px solid #526158;display:block;margin:.5rem 0}.alpha-results dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:.5rem 1rem}.alpha-results dt{font-weight:650}.alpha-results dd{margin:0;overflow-wrap:anywhere}.alpha-results{background:var(--soft);padding:1rem;border-radius:8px}.alpha-results p{overflow-wrap:anywhere}.alpha-form button{font:inherit;padding:.7rem .9rem;border:1px solid var(--accent);border-radius:5px;background:#fff;color:var(--accent);cursor:pointer}.alpha-form button[type=submit]{background:var(--accent);color:#fff}.alpha-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.alpha-form [hidden]{display:none}.alpha-form [aria-invalid=true]{border:2px solid #8b251c}.alpha-form input:focus-visible,.alpha-form button:focus-visible{outline:3px solid #b06c19;outline-offset:3px}.alpha-errors{color:#8b251c;font-weight:650}.alpha-form code,section code{overflow-wrap:anywhere}.alpha-example{padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;margin:1rem 0}.alpha-example h3{margin-top:0}@media(max-width:400px){.alpha-form{padding:1rem}.alpha-results dl{grid-template-columns:1fr;gap:.3rem}.alpha-results dd{margin-bottom:.7rem}}