:root{--bg:#080d16;--panel:#101827;--ink:#e6edf7;--muted:#8ca0b8;--green:#5ef0a3;--line:#223148}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:"SF Mono",Consolas,monospace;background:radial-gradient(circle at 10% 10%,#132338,transparent 28rem),var(--bg);color:var(--ink)}.wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;width:min(1180px,calc(100% - 32px));margin:auto}.editor{border:1px solid var(--line);background:var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.3);animation:rise .5s ease}.bar{height:42px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:0 14px;color:var(--muted)}.bar span{width:12px;height:12px;border-radius:50%;background:#ef4444}.bar span:nth-child(2){background:#f59e0b}.bar span:nth-child(3){background:var(--green)}pre{min-height:360px;margin:0;padding:32px;color:var(--green);font-size:clamp(1rem,2vw,1.4rem)}.copy p:first-child{color:var(--green);text-transform:uppercase;font-weight:900}h1{margin:0;font-family:Inter,system-ui,sans-serif;font-size:clamp(6rem,18vw,14rem);line-height:.8}h2{font-family:Inter,system-ui,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:1;margin:18px 0}.copy p:last-of-type{color:var(--muted);line-height:1.8}.btn{display:inline-flex;margin-top:18px;padding:14px 18px;border:1px solid var(--green);color:var(--green);text-decoration:none;font-weight:900}.btn:hover,.btn:focus-visible{background:var(--green);color:#07100b;box-shadow:0 0 28px rgba(94,240,163,.35)}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1}}@media(max-width:850px){.wrap{grid-template-columns:1fr;padding:42px 0}pre{min-height:220px}}