:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf0ff;background:#0d1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0%,#222850,transparent 33rem),#0d1020}button,textarea{font:inherit}button{border:0;border-radius:9px;padding:.7rem 1rem;color:#11152c;background:#9cf0ce;font-weight:800;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.5}.secondary{color:#dce5ff;background:#303a63}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.header-copy{display:grid;justify-items:start;gap:.55rem}.mode{display:inline-block;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800}.mode.demo{background:#193b3a;color:#9cf0ce}.mode.live{background:#222b57;color:#cbd3ff}main{max-width:1440px;padding:2rem clamp(1rem,4vw,4rem) 3rem;margin:auto}header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.6rem}header h1{margin:.1rem 0 0;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.08em}header p{color:#aeb6d2;max-width:23rem;margin:0 0 .4rem}.eyebrow{color:#9cf0ce;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.25rem;align-items:start}.panel{border:1px solid #30385f;border-radius:16px;background:#12162ce6;padding:1.15rem;box-shadow:0 18px 45px #05071355}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.panel-heading>div{display:flex;align-items:center;gap:.55rem}.compact{margin-top:1.2rem}.panel h2{margin:0;font-size:1rem}.step{width:1.45rem;height:1.45rem;border-radius:50%;display:grid;place-items:center;color:#12162c;background:#8eadff;font-size:.75rem;font-weight:900}.approve{background:#8eadff}.pill{color:#9cf0ce;font-size:.75rem;font-weight:700}label{display:block;color:#aeb6d2;font-size:.82rem;margin-bottom:.4rem}textarea{display:block;width:100%;resize:vertical;border:1px solid #3c4675;border-radius:10px;padding:.75rem;color:#f0f2ff;background:#10142a;line-height:1.45}textarea:focus{outline:2px solid #8eadff;border-color:transparent}.json,.runner-output,.code pre{overflow:auto;border-radius:10px;background:#0a0d1c;color:#cbd3ff;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.json{min-height:24rem;max-height:50rem;padding:.9rem;margin:0;white-space:pre-wrap}.empty{min-height:24rem;border:1px dashed #3c4675;border-radius:10px;display:grid;place-items:center;text-align:center;padding:1.5rem;color:#7f8ab0}.preview-empty{min-height:30rem}iframe{display:block;width:100%;height:30rem;border:1px solid #3c4675;border-radius:10px;background:#fff}.note{color:#8e98bb;font-size:.78rem;line-height:1.4;margin:.75rem 0 0}.verification{margin-top:1rem}.success{padding:.7rem .8rem;border-radius:8px;color:#9cf0ce;background:#193b3a;font-weight:700;font-size:.86rem}.code{margin-top:.65rem;border:1px solid #313a63;border-radius:8px;padding:.55rem .75rem}.code summary{cursor:pointer;color:#cbd3ff;font:700 .82rem ui-monospace,monospace}.code pre{max-height:20rem;padding:.8rem;white-space:pre}.runner-output{max-height:12rem;padding:.8rem;white-space:pre-wrap}.error,.progress{position:fixed;right:1rem;bottom:1rem;max-width:min(35rem,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:9px;box-shadow:0 10px 35px #0008}.error{border:1px solid #f4939b;color:#ffe3e5;background:#54222c}.progress{border:1px solid #8eadff;color:#e6eaff;background:#222b57}@media(max-width:900px){header{align-items:start;flex-direction:column}.workspace{grid-template-columns:1fr}}