:root{color-scheme:dark;--ink:#eef4ff;--muted:#aabbd0;--line:#2b405a;--accent:#7af5d2;font:16px/1.55 system-ui,sans-serif;background:#07101d;color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}header,main{max-width:1400px;margin:auto;padding:1.25rem}header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;border-bottom:1px solid var(--line)}header nav{display:flex;flex-wrap:wrap;gap:1rem;margin-left:auto}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:.5rem 0 1rem}h2{font-size:1.25rem}p{max-width:85ch}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.muted,small{color:var(--muted)}.studio{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem}.viewer{position:relative;height:min(70vh,720px);min-height:320px;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:#030713}.viewer canvas{display:block;width:100%;height:100%;touch-action:none}.panel,article{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#0b1829}.controls{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}label{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.7rem}button,input,select,textarea{font:inherit;color:inherit;background:#12253b;border:1px solid #526c8a;border-radius:.45rem;padding:.55rem;max-width:100%}button,a.button{cursor:pointer;min-height:44px}button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}input[type=range]{padding:0;width:100%}input[type=checkbox]{width:1.1rem;height:1.1rem}label.check{flex-direction:row;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;margin-top:1rem}.grid article{min-width:0}.status{min-height:1.5em;color:var(--accent)}pre{white-space:pre-wrap;word-break:break-word;max-height:350px;overflow:auto;font-size:.8rem;background:#050c17;padding:.7rem;border-radius:.4rem}summary{cursor:pointer;padding:.5rem 0}.badge{font-size:.7rem;padding:.3rem .6rem;background:#1e344c;border-radius:2rem;display:inline-block}dialog{color:inherit;background:#0b1829;border:1px solid var(--line);border-radius:1rem;max-width:650px;width:90%}dialog::backdrop{background:#000a}:focus-visible{outline:3px solid #ffd98c;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:30;background:#07101d;padding:.5rem}.legend{display:flex;flex-wrap:wrap;gap:1rem}.legend span{padding:.2rem .5rem;border:1px solid var(--line)}@media(max-width:800px){.studio{grid-template-columns:1fr}.viewer{height:52vh}header,main{padding:.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

main,.studio,.studio>*,.panel,.controls,.controls>*,label{min-width:0}.viewer{width:100%}select{width:100%}.controls label{flex:1 1 200px}p{overflow-wrap:anywhere}

@media(max-width:800px){.studio{grid-template-columns:minmax(0,1fr)}}