:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9e8ef;background:#101521;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:36px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}h1{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-3px;margin:8px 0}h1 em{font-family:Georgia,serif;color:#e7b4dc;font-weight:400}h2{font-weight:500;font-size:26px;overflow-wrap:anywhere}h3{font-size:17px;margin-top:26px}.eyebrow{color:#8ddfca;font-size:11px;letter-spacing:3px;font-weight:700}.muted,footer{color:#a9b1c6;font-size:13px;line-height:1.7}button{border:1px solid #47516a;border-radius:6px;background:#222b3d;color:#f4f3f7;padding:10px 14px;cursor:pointer;font:inherit;font-size:13px}button:hover{border-color:#a2e8d4;background:#303d50}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e8b1db;outline-offset:3px}.stage{margin-top:24px;border:1px solid #364057;border-radius:12px;overflow:hidden}.view{position:relative;height:480px;overflow:hidden}.view canvas{display:block}.view-label{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-around;color:#b3bcd0;pointer-events:none;letter-spacing:2px;font-size:11px}.stage-foot{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:16px 24px;background:#1a2232;font-size:12px;color:#b7bfd0}.stage-foot label{display:flex;align-items:center;gap:10px}input{accent-color:#8ddfca}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.panel{border:1px solid #303c51;border-radius:12px;padding:26px;background:#171e2c}.sequence{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.sequence button{font-size:24px;min-width:44px;padding:5px 10px}.sequence small{display:block;font-size:9px;color:#adb9c9}.selected{border-color:#8ddfca;background:#2a4947}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}textarea{width:100%;height:230px;background:#101623;border:1px solid #43516a;color:#ccdfdf;border-radius:7px;padding:16px;font:12px/1.6 monospace;resize:vertical}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{color:#a5b5cb;font-weight:400}th,td{padding:12px 8px;border-bottom:1px solid #313b4d}.table-wrap{max-height:340px;overflow:auto}.active{background:#263a40}.proof{border-left:2px solid #dfacd4;background:#242336;padding:16px;margin-top:24px;font-size:13px;line-height:1.7}.status{position:sticky;bottom:10px;background:#263a40;border:1px solid #71b7a9;padding:14px 20px;border-radius:8px;font-size:13px}.error{color:#ffb2af}.failure,.empty{position:absolute;top:40%;padding:20px;width:100%;text-align:center;color:#e6b8dc}footer{padding:22px 0}p{line-height:1.6}:fullscreen{overflow:auto;background:#101521}@media(max-width:800px){main{padding:18px}.columns{grid-template-columns:1fr}.view{height:360px}.stage-foot{flex-wrap:wrap}header{align-items:flex-start}h1{letter-spacing:-1px}.panel{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}