:root{color-scheme:dark;--bg:#050d17;--panel:#102335;--edge:#29445a;--ink:#eaf9ff;--dim:#9ab7c7;--aqua:#5affea;--pink:#b678ec;--blue:#79aaff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#21324e,transparent 43%),radial-gradient(ellipse at -10% 75%,#171339,transparent 38%),var(--bg);color:var(--ink);font:14px/1.53 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--aqua);text-decoration:none}a:hover{text-decoration:underline}button,textarea,input{font:inherit}button{border:1px solid #46687c;border-radius:8px;padding:10px 15px;background:#183549;color:var(--ink);cursor:pointer}button:hover:not(:disabled){background:#22516b}button:disabled{opacity:.43;cursor:not-allowed}.primary{background:var(--aqua);color:#041e28;border-color:var(--aqua);font-weight:850}.primary:hover:not(:disabled){background:#96fff0}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.shell{max-width:1420px;padding:0 22px 32px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:12px;color:white}.brand:hover{text-decoration:none}.mark{border:1px solid var(--aqua);color:var(--aqua);border-radius:13px;width:43px;height:43px;display:grid;place-items:center;font-size:28px}.brand strong{font-weight:900;letter-spacing:.06em}.brand strong span{color:var(--aqua)}.eyebrow{font-weight:850;color:#8ce9e0;letter-spacing:.18em;font-size:10px}.top nav{display:flex;gap:19px;flex-wrap:wrap}.top nav a{font-size:12px;color:#a5cbda}.hero{padding:45px 0 30px;display:grid;grid-template-columns:1.15fr .85fr;gap:25px;align-items:center}.hero h1{font-size:clamp(47px,7vw,91px);letter-spacing:-.06em;line-height:.94;margin:15px 0 19px}.hero h1 em{font-style:normal;color:var(--aqua);text-shadow:0 0 42px #30ffd04d}.hero p{color:#bad1e0;max-width:700px;font-size:15px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chips span{font-size:9px;letter-spacing:.10em;padding:8px 10px;border:1px solid #48667b;border-radius:6px;color:#b8e1ec}.art{height:275px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#20314c88,transparent 65%)}.halo{border:1px solid #6af2e954;position:absolute;border-radius:50%;transform:rotate(-25deg);animation:orbit 14s linear infinite}.halo1{width:180px;height:180px}.halo2{width:250px;height:145px;border-color:#b578ec99;animation-duration:16s;animation-direction:reverse}.halo3{width:330px;height:125px;border-color:#5abde055;animation-duration:19s}.core{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:38px;letter-spacing:-.05em;color:#a3ffef;background:radial-gradient(circle at 35% 25%,#2f7a89,#0c1831 70%);box-shadow:0 0 20px #32b7b970,0 0 80px #235880aa;border:2px solid #79faeb}.core span{font-size:16px}.orb{position:absolute;width:10px;height:10px;border-radius:50%;box-shadow:0 0 17px currentColor}.orb1{background:#88f7ec;color:#88f7ec;transform:translate(100px,-63px)}.orb2{background:#c391ef;color:#c391ef;transform:translate(-126px,20px)}.orb3{background:#81a5f5;color:#81a5f5;transform:translate(65px,105px)}.art-caption{position:absolute;bottom:6px;text-align:center;font-size:10px;color:#81aaba;letter-spacing:.12em}.art-caption small{font-size:9px;letter-spacing:normal}@keyframes orbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}.status{border:1px solid #3f6a78;background:#0b2b37;padding:13px 16px;border-radius:9px;color:#b3ddd6;margin:0 0 16px}.status.error{border-color:#a75459;color:#ffb4b0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:12px;margin:0 0 16px}.metrics article{border:1px solid #2c4c60;background:#12293b99;border-radius:12px;padding:16px}.metrics small{color:#89c5d3;font-size:10px;font-weight:800;letter-spacing:.11em}.metrics strong{font-size:28px;display:block;margin:7px 0}.metrics span{font-size:11px;color:#a2c1cf}.panel{background:linear-gradient(130deg,#102638,#0a1929);border:1px solid #315167;border-radius:14px;overflow:hidden}.workbench{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:14px}.render{padding:21px}.section-title h2,.panel h2{font-size:20px;margin:5px 0}.section-title p{margin:0 0 18px;color:var(--dim);font-size:12px}.render label{color:#9ad0db;font-size:11px;font-weight:750;letter-spacing:.06em;display:block}.render textarea,.render input{width:100%;background:#071c2c;border:1px solid #3e6275;border-radius:7px;padding:11px;color:white;margin:7px 0 13px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action{display:flex;flex-wrap:wrap;gap:9px}.screen{min-height:260px;margin-top:18px;border:1px solid #34556a;border-radius:10px;background:radial-gradient(circle at center,#173552,#081522 70%);position:relative;display:grid;place-items:center;overflow:hidden}.screen img{display:block;image-rendering:pixelated;max-width:90%;max-height:255px;width:230px;aspect-ratio:1}.screen img[hidden]{display:none}.screen-tag{position:absolute;top:11px;left:12px;font-size:10px;letter-spacing:.13em;color:#a0c9d0}.screen-empty{text-align:center;color:#6fa1b4}.screen-empty span{font-size:60px}.fine{font-size:11px;color:#8eafbc}.workbench aside{display:flex;flex-direction:column;gap:14px}.workbench aside .panel{padding:21px}.diagram{display:grid;text-align:center;justify-items:center;gap:7px;margin-top:18px}.diagram>div{border:1px solid #3b6175;background:#183b4c;border-radius:7px;padding:10px 13px;width:100%;font-size:11px;font-weight:800;letter-spacing:.05em}.diagram small{display:block;font-size:9px;letter-spacing:normal;margin-top:4px;font-weight:400;color:#99bdcd}.diagram>span{color:#8dd6da}.diagram>div.highlight{border-color:#6aeeda;background:#14514e}.setup p{color:#aac6d3;font-size:12px}.setup code{display:block;border:1px solid #355968;border-radius:8px;background:#071c2b;padding:12px;white-space:pre-wrap;word-break:break-word;font:11px/1.65 ui-monospace,Menlo,monospace;color:#d1ffef;margin:12px 0}.reality{padding:22px;margin-top:15px}.reality .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.reality .grid div{border:1px solid #2a4a5d;border-radius:10px;background:#132b3b;padding:14px}.reality strong{font-size:13px}.reality p{font-size:12px;color:#9ebbc8}footer{margin-top:22px;border-top:1px solid #27485a;color:#8eaebc;font-size:11px;padding-top:20px}@media(max-width:900px){.hero{grid-template-columns:1fr}.art{height:220px}.workbench{grid-template-columns:1fr}.workbench aside{display:grid;grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:660px){.shell{padding:0 12px}.top{align-items:flex-start}.top nav{gap:8px}.top nav a{font-size:11px}.hero{padding-top:30px}.hero h1{font-size:49px}.workbench aside{display:flex}.reality .grid{grid-template-columns:1fr}.brand strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.halo{animation:none}}