:root{font-family:Arial,sans-serif;color:#e6edf0;background:#0c151d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:100%;min-height:100vh;padding:40px clamp(18px,4vw,70px)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35434e;padding-bottom:28px}small{font:11px monospace;letter-spacing:2px;color:#9baab3}h1{font-size:clamp(46px,7vw,100px);line-height:.94;letter-spacing:-5px;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#66e1c5}.dot{font-size:42px;margin-left:30px;color:#ef684d}header p{line-height:1.9;color:#a7b5be}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}button{font:13px monospace;background:#182630;border:1px solid #405462;color:#dce7ec;padding:13px 18px;border-radius:30px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#2a454c;transform:translateY(-2px)}button.active{background:#66e1c5;color:#0c151d}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:3px solid #f6c85b;outline-offset:4px}.stage{border:1px solid #35434e;background:#111e29;border-radius:12px;overflow:hidden}.stage-label{padding:18px 22px;display:flex;justify-content:space-between;font:11px monospace;color:#a4b9c3}.stage svg{display:block;width:100%;height:clamp(250px,48vw,600px)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0 60px}.metrics article{padding:25px;border-top:3px solid;background:#14222d;border-radius:4px}h2{font-size:24px;font-weight:400}strong{font:52px Georgia,serif}strong span{font:18px monospace}.metrics p{color:#a4b9c3;font-size:12px}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font:11px monospace;border-top:1px solid #35434e;padding-top:20px}dd{margin:0;text-align:right}dt{color:#a4b9c3}.editor{display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.editor h2{font:42px Georgia,serif}.editor p,footer p{color:#9db0ba;font-size:13px;line-height:1.8}textarea{display:block;width:100%;height:320px;background:#07121b;color:#b6d6c9;border:1px solid #3a4b56;margin:14px 0;padding:18px;font:12px monospace;resize:vertical}.exports{display:flex;gap:12px;flex-wrap:wrap;padding:30px 0}.exports button:first-child{background:#66e1c5;color:#0b2020}.status{border-left:3px solid #ef684d;padding:15px;background:#14222d;font:13px monospace}footer{border-top:1px solid #35434e;margin-top:40px;padding:20px 0;max-width:1000px}@media(max-width:700px){header{display:block}header p{display:none}.editor{grid-template-columns:1fr;gap:10px}h1{letter-spacing:-2px}.stage-label{gap:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.stage-label span:first-child{white-space:pre-wrap;overflow-wrap:anywhere;max-width:65%}.metrics h2{white-space:pre-wrap;overflow-wrap:anywhere}.stage svg{-webkit-user-select:none;user-select:none}