:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2ff;background:#10131b;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.orb-preview{max-width:760px;margin:auto;padding:24px}h1{letter-spacing:-.025em;margin:0 0 6px;font-size:20px}p{color:#a9b5cb;margin:0;font-size:13px}.orb-preview__surface{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;display:flex}.orb-preview__surface p{min-height:36px}.orb-preview__choices,.orb-preview__levels{grid-template-columns:1fr 1fr;gap:18px;display:grid}label,legend{color:#b9c6dd;font-size:12px}label{min-width:0;display:block}select{width:100%;margin-top:7px;display:block}select,button{color:#edf2ff;font:inherit;text-transform:capitalize;cursor:pointer;background:#1b2230;border:1px solid #364156;border-radius:7px;padding:9px 10px}fieldset{border:0;min-width:0;margin:20px 0;padding:0}legend{padding:0 0 8px}.orb-preview__states{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.orb-preview__states button{font-size:12px}button[aria-pressed=true]{color:#fff;background:#243d64;border-color:#91baff}button:hover{border-color:#91baff}:focus-visible{outline-offset:3px;outline:2px solid #91baff}input[type=range]{accent-color:#91baff;width:100%;margin:12px 0 0;display:block}label span{float:right;font-variant-numeric:tabular-nums}details{border-top:1px solid #2d3547;margin-top:22px;padding-top:16px}summary{cursor:pointer;color:#b9c6dd;font-size:12px}pre{background:#0a0d14;border-radius:8px;padding:12px;font-size:11px;line-height:1.6;overflow:auto}@media (width>=600px){.orb-preview__states{grid-template-columns:repeat(6,1fr)}}@media (width<=360px){.orb-preview{padding:16px}.orb-preview__choices,.orb-preview__levels{gap:12px}}