:root{color-scheme:dark;--bg:#07111f;--card:#101c2f;--card-strong:#172740;--text:#f3f7ff;--muted:#a7b8cf;--accent:#73c6ff;--danger:#ff9c9c;--ok:#91e9b6;scrollbar-color:#415a79 var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#12345a,var(--bg) 42rem);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}::selection{background:var(--accent);color:var(--bg)}button,select{color:inherit;cursor:pointer;font:inherit}button{border:0}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:not(:disabled):hover{filter:brightness(1.15)}.shell{display:grid;grid-gap:1rem;gap:1rem;margin:0 auto;max-width:920px;min-height:100vh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.hero{padding:1.5rem 0 .5rem}.card h2,.hero h1{margin:0;line-height:1.15;text-wrap:balance}.hero h1{font-size:clamp(2.2rem,8vw,4rem);letter-spacing:-.04em}.hero p{margin-bottom:0}p{max-width:72ch}.label,.presetMain small,.subtle{color:var(--muted)}.label{font-size:.875rem;margin:0 0 .5rem}.demoNotice{border-block:1px solid #395774;padding:1rem 0}.demoNotice strong{color:var(--accent)}.demoNotice p{color:var(--muted);font-size:.875rem;margin:.35rem 0 0}.card{background:var(--card);border:1px solid #26374e;border-radius:1.25rem;box-shadow:0 16px 36px rgb(0 0 0/15%);padding:1.25rem}.sectionHeader,.statusCard{align-items:center;display:flex;gap:1rem;justify-content:space-between}.statusCard .subtle{margin-bottom:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sectionHeader p{margin-bottom:0;font-size:.875rem}.pill{background:#26354a;border-radius:999px;color:var(--muted);padding:.5rem .8rem;white-space:nowrap}.pill.on{background:#193b35;color:var(--ok)}.grid{display:grid;grid-gap:.75rem;gap:.75rem}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.presetMain,.primaryButton,.secondaryButton,.smallButton{border-radius:.8rem;min-height:2.75rem;padding:.8rem 1rem}.primaryButton{background:var(--accent);color:#07111f;font-weight:700}.presetMain,.secondaryButton,.smallButton{background:var(--card-strong)}.smallButton{flex-shrink:0;font-size:.875rem}.activity{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.activity>p{margin:0;flex:1 1 20rem;font-size:.875rem;color:var(--muted)}.activity .error{flex-basis:100%;color:var(--danger)}.lightPreview{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.lightSample{display:block;width:5rem;height:3rem;flex-shrink:0;border:1px solid color-mix(in srgb,var(--light-color) 60%,#172740);border-radius:50%;background:radial-gradient(ellipse at 50% 70%,var(--light-color),color-mix(in srgb,var(--light-color) 25%,#07111f));transition:background .35s ease-out}.lightPreview p{margin:0}.lightPreview strong{display:block}.lightPreview p span{color:var(--muted);font-size:.875rem}.presetGrid,.quickControls{display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.presetMain{align-items:start;display:grid;grid-template-columns:1rem 1fr;grid-gap:.25rem .65rem;gap:.25rem .65rem;text-align:left;border:1px solid transparent}.presetMain.active{border-color:var(--accent);background:#1e3853}.presetMain small{grid-column:2;font-size:.875rem}.presetSwatch{width:.75rem;height:.75rem;border-radius:50%;margin-top:.4rem}.advanced{border-top:1px solid #304259;margin-top:1.5rem;padding-top:1rem}summary{cursor:pointer;padding-block:.5rem}.stepLabel{display:block;margin:1rem 0 .4rem}select{background:var(--card-strong);border:1px solid #49627e;border-radius:.5rem;width:100%}.error,select{padding:.75rem}.error{background:#38232d;border-radius:.75rem;overflow-wrap:anywhere}.comparison{border-block:1px solid #395774;padding-block:1.25rem}.comparison+.demoNotice{border-top:0;padding-top:0}.comparison h2{margin:0 0 1.25rem;font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3;text-wrap:balance}.comparisonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.comparison figure{min-width:0;margin:0}.comparison h3{margin:0 0 .75rem;font-size:1rem}.comparison figure:last-child h3{color:var(--accent)}.comparisonImage{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;background:var(--bg);border-radius:.4rem}.comparison ul{margin:.75rem 0 0;padding-left:1.15rem;font-size:.875rem}.comparison li+li{margin-top:.2rem}.comparisonCredit{margin:.6rem 0 0}.comparisonCredit,.comparisonScope{color:var(--muted);font-size:.875rem}.comparisonScope{margin:1rem 0}.comparisonActions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.5rem 1rem}.comparisonActions>a{display:inline-block;text-decoration:none}.originalRemote{flex:1 1 22rem;font-size:.875rem}.originalRemote summary{padding-block:.8rem}.originalRemote img{display:block;width:100%;height:auto;margin-top:.75rem}.originalRemote p{color:var(--muted)}#controls{scroll-margin-top:1rem}a{color:var(--accent);text-underline-offset:.2em}footer{font-size:.875rem;padding:.75rem 0}@media (max-width:640px){.shell{gap:.85rem}.hero{padding-top:.75rem}.card{padding:1rem}.sectionHeader,.statusCard{align-items:start;flex-wrap:wrap}.statusCard h2{font-size:1.35rem}.presetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparisonGrid{grid-template-columns:1fr;gap:1.5rem}.originalRemote{flex-basis:100%}.primaryButton,.secondaryButton{padding-inline:.6rem}}@media (max-width:360px){.presetGrid,.quickControls{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important}}