:root{color:#e8edf4;font-synthesis:none;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#173b4c 0,#0000 32%),#07111f;min-width:320px;min-height:100vh;margin:0}main{width:min(1120px,100% - 32px);margin:0 auto;padding:56px 0 80px}header{max-width:760px;margin-bottom:36px}h1{letter-spacing:-.06em;margin:12px 0 24px;font-size:clamp(2.5rem,7vw,5rem);line-height:.95}h2{margin-top:0}p{color:#aebdca;line-height:1.6}.eyebrow{color:#63e6be;letter-spacing:.14em;font-size:.75rem;font-weight:800}.workspace,.timeline-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.workspace{background:#0c1a2b;border:1px solid #1d3448;border-radius:14px;margin-bottom:18px;padding:18px}.actor{color:#7f94a7;font-family:ui-monospace,monospace;font-size:.8rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel,.timeline{background:#0c1a2bf0;border:1px solid #1d3448;border-radius:14px;padding:24px}.timeline{margin-top:18px}label{color:#9fb1c2;gap:7px;margin:14px 0;font-size:.78rem;font-weight:700;display:grid}input,textarea,select{color:#edf7ff;width:100%;font:inherit;background:#081421;border:1px solid #29465c;border-radius:8px;padding:11px 12px}textarea{resize:vertical;min-height:86px}button{color:#06151a;cursor:pointer;background:#63e6be;border:0;border-radius:8px;padding:12px 16px;font-weight:800}button.secondary{background:#88b8ff;margin-top:8px}button.ghost{color:#b7cad9;background:0 0;border:1px solid #29465c}button:disabled{opacity:.45;cursor:not-allowed}.empty{border:1px dashed #29465c;border-radius:8px;padding:16px}.error{color:#ffd8d8;background:#411b27;border:1px solid #7d3449;border-radius:8px;margin-bottom:18px;padding:14px 16px}article{border-left:2px solid #63e6be;margin:24px 0;padding:2px 0 12px 20px}article h3{margin:0 0 6px}time,small{color:#8297a9}ul{gap:10px;padding:0;list-style:none;display:grid}li{background:#081421;border-radius:8px;grid-template-columns:1fr auto;gap:5px 12px;padding:14px;display:grid}li small,li code{grid-column:1/-1}.result{color:#63e6be;font-weight:800}code{color:#9cc4ff;overflow-wrap:anywhere}@media (width<=760px){.grid{grid-template-columns:1fr}.workspace{flex-direction:column;align-items:stretch}}