:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#ececf3;background:#17171f}*{box-sizing:border-box}body{margin:0}header{min-height:76px;padding:20px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff18}a{color:inherit;text-decoration:none}header span,.note{color:#b2b2c4;font-size:14px}main{display:grid;grid-template-columns:1.2fr 1fr;max-width:1440px;margin:auto}.scene{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 40% 40%,#353442,#17171f 72%)}canvas{width:100%;height:100%;position:absolute;inset:0;display:block}.details{padding:clamp(28px,5vw,76px);align-self:center}h1{font-size:clamp(38px,4.5vw,66px);line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:20px 0 24px}p{line-height:1.65;max-width:55ch}.label{font-size:14px;color:#ffa091}fieldset{border:0;margin:30px 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}legend{padding:0;margin-bottom:14px}fieldset label{display:flex;align-items:center;gap:7px;cursor:pointer;padding:11px;border:1px solid #ffffff30;border-radius:14px;font-size:15px}fieldset label:has(:checked){border-color:#a8bdfa;background:#a8bdfa12}input{accent-color:#a8bdfa}.swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40}.coral{background:#d88776}.grafito{background:#525661}.niebla{background:#c4c8d5}dl{display:flex;flex-wrap:wrap;gap:28px;margin:30px 0}dt{font-size:13px;color:#b2b2c4}dd{margin:8px 0 0;font-size:24px;font-weight:400}button{font:inherit;color:#f0f1f7;background:#2c2d3c;border:1px solid #9fb3f077;border-radius:100px;min-height:46px;padding:12px 21px;cursor:pointer}button:hover{background:#404258}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a8bdfa;outline-offset:5px}#download{background:#acbcf3;color:#17171f;width:100%}#download:hover{background:#bfccfa}summary{cursor:pointer;min-height:44px;padding-block:12px}details{margin-top:22px;border-top:1px solid #ffffff25;color:#c5c5d3}.scene-controls{position:absolute;bottom:68px;left:0;width:100%;display:flex;justify-content:center;gap:10px;padding:0 20px}#scene-status{position:absolute;bottom:14px;left:6%;width:88%;font-size:13px;text-align:center;color:#c3c3d1}#fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:10%;}#fallback[hidden]{display:none}#fallback p{font-size:clamp(30px,4vw,50px);line-height:1.13;font-weight:300}#fallback span{color:#c2c2d0;max-width:36ch;line-height:1.6}noscript p{padding:24px 5vw}@media(max-width:760px){header{align-items:flex-start;flex-direction:column;gap:8px}main{grid-template-columns:1fr}.scene{min-height:420px}.details{padding:30px 24px 60px}h1{font-size:44px}.scene-controls{bottom:66px}fieldset{gap:8px}fieldset label{padding:10px 8px}.note{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

canvas[hidden]{display:none}