@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-feature-settings:"cv11", "ss01";--mono:ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;--bg:#090d16;--surface:#0f1420;--surface-raised:#141a29;--surface-soft:#191f30;--border:#272e40;--border-strong:#374158;--text:#f1f4fb;--text-soft:#c0c7d6;--muted:#8f98ad;--faint:#687187;--accent:#738cff;--accent-strong:#8b9dff;--accent-soft:#738cff24;--pass:#4fd69c;--fail:#ff6b75;--warning:#efbd62;--info:#8aa4ff;--live:#ff5a66;--marker:#ff4d5e;--radius:8px;--topbar:52px;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.5}body:before{content:"";pointer-events:none;background:radial-gradient(70% 130% at 50% -55%,#738cff2e,#0000 70%);height:260px;position:fixed;inset:0 0 auto}a{color:#dbe1ff;text-decoration:none}a:hover{color:#fff}code,.mono{font-family:var(--mono)}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#738cff59}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{z-index:20;height:var(--topbar);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090d16d1;align-items:center;gap:18px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--accent-strong);letter-spacing:-.02em;align-items:center;gap:9px;font-size:16px;font-weight:750;display:flex}.brand b{color:var(--text);font-weight:650}.account{color:var(--muted);align-items:center;gap:8px;min-width:0;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--text);font-size:12px;overflow:hidden}.suite-name{border-left:1px solid var(--border);max-width:260px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding-left:18px;font-weight:550;overflow:hidden}.nav{gap:2px;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:6px 11px;font-weight:600;transition:color .12s,background .12s}.nav a:hover{color:var(--text);background:var(--surface-soft)}.nav a.active{color:var(--text);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border)}.spacer{flex:1}.live-link{color:#ffc2c7;background:#ff5a6617;border:1px solid #ff5a6659;border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.live-link b{font-family:var(--mono);font-weight:600}.live-link:hover{border-color:var(--live);color:#fff}.connection{background:var(--faint);border-radius:50%;width:8px;height:8px}.connection.open{background:var(--pass);box-shadow:0 0 0 3px #4fd69c26}.connection.retrying{background:var(--warning);animation:1s infinite blink}.page{flex:1;min-height:0;position:relative}.container{width:min(1180px,100% - 48px);margin:0 auto;padding-bottom:64px}.center{place-items:center;padding:64px 0;display:grid}.center.fill{min-height:60vh}.muted{color:var(--muted)}.kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.kicker a{color:var(--muted)}.kicker a:hover{color:var(--text)}.hero{padding:42px 0 26px}.hero h1{letter-spacing:-.04em;max-width:850px;margin:0;font-size:clamp(28px,5vw,42px);font-weight:650;line-height:1.12}.hero .counts{margin-top:18px}.meta{color:var(--muted);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.footnote{color:var(--faint);margin:14px 2px 0;font-size:12px}.hint{color:var(--muted);margin:0 0 16px}.status,.count,.tag,.phase{border:1px solid var(--border-strong);min-height:21px;color:var(--muted);font-family:var(--mono);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-radius:5px;align-items:center;padding:1px 7px;font-size:10px;font-weight:500;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px}.status.pass,.count.pass{color:var(--pass);background:#4fd69c17;border-color:#4fd69c47}.status.fail,.status.error,.count.fail,.count.error{color:var(--fail);background:#ff6b7517;border-color:#ff6b754d}.status.cancelled,.count.cancelled{border-color:var(--border-strong);background:var(--surface-soft);color:var(--muted)}.status.skipped,.status.pending,.count.skipped{color:var(--warning);background:#efbd6217;border-color:#efbd624d}.status.running,.count.running{background:var(--accent-soft);color:var(--accent-strong);border-color:#738cff59}.status.running:before{background:0 0;border:1.5px solid;border-right-color:#0000;width:8px;height:8px;animation:.8s linear infinite spin}.status.queued,.count.queued{color:var(--muted)}.tag.warn{color:var(--warning);border-color:#efbd624d}.phase.setup{color:var(--info);border-color:#8aa4ff40}.phase.test{color:var(--muted)}.counts{flex-wrap:wrap;gap:6px;display:flex}.status-text{text-transform:uppercase}.status-text.pass{color:var(--pass)}.status-text.fail,.status-text.error{color:var(--fail)}.status-text.skipped{color:var(--warning)}.status-text.cancelled{color:var(--muted)}.status-dot{border:1.5px solid var(--border-strong);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block;position:relative}.status-dot.pass{border-color:var(--pass);background:var(--pass);box-shadow:0 0 0 3px #4fd69c1f}.status-dot.fail,.status-dot.error{border-color:var(--fail);background:var(--fail);box-shadow:0 0 0 3px #ff6b751f}.status-dot.skipped,.status-dot.pending{border-color:var(--warning)}.status-dot.cancelled{border-color:var(--muted);background:var(--muted)}.status-dot.running{border-color:var(--accent);border-right-color:#0000;animation:.8s linear infinite spin}.progress{background:var(--surface-soft);height:6px;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;display:flex;overflow:hidden}.progress.large{height:8px}.progress-segment{height:100%;transition:width .4s}.progress-segment.pass{background:var(--pass)}.progress-segment.fail,.progress-segment.error{background:var(--fail)}.progress-segment.skipped{background:var(--warning)}.progress-segment.cancelled{background:var(--faint)}.progress-segment.running{background:linear-gradient(90deg, var(--accent) 0%, #a9b6ff 50%, var(--accent) 100%);background-size:200% 100%;animation:1.6s linear infinite shimmer}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.spinning{animation:.8s linear infinite spin}.live-dot{background:var(--live);border-radius:50%;flex:none;width:7px;height:7px;animation:1.6s infinite pulse;display:inline-block;box-shadow:0 0 #ff5a6699}.button{border:1px solid var(--border-strong);background:var(--surface-raised);color:#d9deea;white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:border-color .12s,background .12s,color .12s,box-shadow .12s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:#fff}.button.primary{color:#fff;background:linear-gradient(#7c92ff,#5d6ef0);border-color:#6178f2;box-shadow:0 6px 20px #5d6ef047,inset 0 1px #fff3}.button.primary:hover:not(:disabled){background:linear-gradient(#8ea1ff,#6a7bf5)}.button.ghost{color:var(--text-soft);background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){border-color:var(--border);background:var(--surface-soft)}.button.danger{color:#ffb3b9;background:#ff6b751f;border-color:#ff6b7566}.button.sm{min-height:28px;padding:4px 10px;font-size:12px}.button:disabled{cursor:not-allowed;opacity:.45}.icon-button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;padding:0;transition:color .12s,background .12s,border-color .12s;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--border);background:var(--surface-soft);color:var(--text)}.icon-button.active{color:var(--accent-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.35}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.field{gap:6px;display:grid}.field>span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:650}.field input,.field textarea,select,.search input{border:1px solid var(--border-strong);background:var(--bg);border-radius:7px;width:100%;padding:8px 11px;transition:border-color .12s,box-shadow .12s}.field input:focus,.field textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;line-height:1.5}textarea.mono{font-family:var(--mono);font-size:12px}select:disabled{opacity:.5}.form{gap:14px;display:grid}.form-row{justify-content:space-between;align-items:center;display:flex}.form-row h3{margin:0;font-size:13px}.form-actions{justify-content:flex-end;gap:8px;display:flex}.form-error{color:#ffb3b9;background:#ff6b7514;border:1px solid #ff6b754d;border-radius:7px;margin:0;padding:9px 12px}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}.segmented{border:1px solid var(--border);background:var(--bg);border-radius:8px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:6px 10px;font-weight:600}.segmented button.active{background:var(--surface-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 14px;display:flex}.search{width:min(320px,100%);color:var(--muted);align-items:center;display:flex;position:relative}.search svg{pointer-events:none;position:absolute;left:11px}.search input{background:var(--surface);padding-left:33px}.search input:focus{border-color:var(--accent);outline:none}.menu{position:relative}.menu-panel{z-index:30;border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:10px;gap:10px;width:320px;padding:16px;animation:.14s ease-out pop;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 24px 60px #00000073}.menu-panel h4{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:4px 0 0;font-size:10px}.check-row{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check-row input{margin-top:2px}.tutorial-step-picker{border:0;gap:8px;max-height:260px;margin:0;padding:0;display:grid;overflow-y:auto}.tutorial-step-picker legend{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;padding:0;font-size:11px;font-weight:650}.check-row.unavailable{color:var(--muted);cursor:not-allowed}.check-row small,.menu-panel small{color:var(--muted);font-size:11.5px;line-height:1.4;display:block}.table-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow-x:auto;box-shadow:0 16px 50px #0000002e}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:13px 16px}.table th{color:#727c92;letter-spacing:.1em;text-transform:uppercase;background:#0c111b;font-size:9.5px;font-weight:700}.table tbody tr{transition:background .12s}.table tbody tr:hover,.table tbody tr.selected{background:var(--surface-raised)}.table tbody tr:last-child td{border-bottom:0}.table .check{width:44px;padding-right:0}.table .actions{text-align:right;white-space:nowrap;width:96px}.table tr.clickable{cursor:pointer}.scenario-name{gap:3px;display:grid}.scenario-name a,.scenario-name strong{color:#e4e8ff;font-size:13.5px;font-weight:650}.scenario-name a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.scenario-name small{color:var(--muted);font:10.5px var(--mono);overflow-wrap:anywhere;gap:10px;display:flex}.scenario-name .after{color:var(--faint)}.scenario-name .after:before{content:"↳ "}.latest{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.latest .when{color:var(--muted);font-size:12px}.latest .when:hover{color:var(--text)}.icon-button.run:hover:not(:disabled){color:var(--pass);background:#4fd69c1a;border-color:#4fd69c59}.table.runs td{white-space:nowrap}.run-id{font-family:var(--mono);font-weight:600}.tags{gap:5px;margin-top:4px;display:flex}.tags:empty{display:none}.run-progress-cell{width:34%}.run-progress-cell .progress{margin-bottom:6px}.run-progress-cell span{font-size:11px}.scenarios-layout{height:calc(100vh - var(--topbar));grid-template-columns:300px minmax(0,1fr);display:grid}.scenarios-main{min-width:0;overflow-y:auto}.sidebar-filter{align-items:center;gap:10px;padding:0 12px 10px 19px;display:flex}.sidebar-filter .search{flex:1;width:auto}.sidebar-empty{color:var(--muted);margin:8px 11px;font-size:12.5px}.scenario-item{border:1px solid #0000;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 10px;padding-left:10px;transition:border-color .12s,background .12s;display:grid;position:relative}.scenario-item:hover{border-color:var(--border);background:var(--surface-soft)}.scenario-item.current{border-color:var(--border-strong);background:var(--surface-soft)}.scenario-item.current:before{background:var(--accent);content:"";border-radius:2px;width:2px;position:absolute;inset:9px auto 9px -8px}.scenario-item .case-item{background:0 0;border:0;padding-left:0}.scenario-item .case-item:hover{background:0 0}.case-item-detail.stale{color:var(--warning)}.sidebar-foot{border-top:1px solid var(--border);align-items:center;gap:6px;padding:10px 12px;display:flex}.sidebar-foot .grow{flex:1}.sidebar-foot .menu-panel{inset:auto auto calc(100% + 6px) 0}.scenarios-home{align-content:center;gap:24px;min-height:100%;padding:32px;display:grid}.scenarios-home .live-banner{justify-self:center;width:min(880px,100%)}.scenarios-placeholder .empty-body{justify-items:center;gap:14px;display:grid}.scenarios-placeholder p,.scenarios-placeholder .footnote{margin:0}.status-dot.none{border-style:dashed;border-color:var(--border-strong)}.status-text.none,.status-text.queued{color:var(--muted);text-transform:none}.status-text.running{color:var(--accent-strong)}.scenario-actions{align-items:center;gap:6px;display:flex}.scenario-body{padding:18px 24px 64px}.tab-actions{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.scenario-report.report{padding:0;overflow:visible}.scenario-report .report-evidence{margin-top:12px}.steps-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 0 6px;display:flex}.steps-head .report-controls{margin:0}.steps-progress{gap:7px;width:min(380px,100%);margin-left:auto;display:grid}.steps-progress-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.scenario-summary .run-summary-top{justify-content:flex-end;gap:12px}.step-content-head{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.step-content-head .step-source{margin:0}.step-pending{color:var(--muted);margin:12px 0 2px;font-size:13px}.scenario-page.with-source{grid-template-columns:minmax(0,1fr) minmax(360px,40%);display:grid}.scenario-main{min-width:0}.scenario-page.with-source .run-head{grid-template-columns:1fr}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-button:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.source-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;margin-left:-6px;padding:2px 6px;display:inline-flex}.source-link:hover{background:var(--surface-soft);color:var(--text)}.source-link.active{background:var(--accent-soft);color:var(--accent-strong)}.step.source-shown{border-color:#738cff73}.source-panel{height:calc(100vh - var(--topbar));border-left:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;display:flex;position:sticky;top:0}.source-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 12px 18px;display:flex}.source-head .kicker{margin-bottom:4px;font-size:9px}.source-head h3{overflow-wrap:anywhere;font:600 13px var(--mono);margin:0}.source-head h3 span{color:var(--muted)}.source-scroll{flex:1;position:relative;overflow:auto}.source-code{font:12px/1.65 var(--mono);margin:0;padding:10px 0 40vh;display:grid}.source-line{border-left:2px solid #0000;display:flex}.source-line.highlight{border-left-color:var(--accent);background:var(--accent-soft)}.source-number{background:var(--surface);width:46px;color:var(--faint);text-align:right;-webkit-user-select:none;user-select:none;flex:none;padding-right:14px}.source-line.highlight .source-number{color:var(--accent-strong);background:#1a2140}.source-text{min-width:0;color:var(--text-soft);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;padding-right:16px}.source-line.highlight .source-text{color:var(--text)}.history-strip{gap:1px;margin:0 2px;display:inline-flex}.history-link{border-radius:4px;place-items:center;width:15px;height:18px;display:grid}.history-link:hover{background:var(--surface-soft)}.history-link .status-dot{width:8px;height:8px;box-shadow:none}.modal.player-modal{width:min(1840px,100vw - 32px);height:calc(100vh - 48px);max-height:none}.modal.player-modal[open]{flex-direction:column;display:flex}.player-modal .modal-body{flex:1;min-height:0;padding:0;display:flex}@media (min-width:1181px){.player-modal .player-body{grid-template-columns:minmax(0,1fr) minmax(340px,30%)}}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:48px 20px;display:grid}.empty-state h3{color:var(--text-soft);margin:0;font-size:14px;font-weight:650}.empty-body{max-width:420px}.empty-icon{border:1px solid var(--border);background:var(--surface-raised);width:44px;height:44px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.banner{border-radius:8px;padding:11px 14px}.banner.error{color:#ffb3b9;background:#ff6b7514;border:1px solid #ff6b754d}.warnings{color:#f3d18f;background:#efbd620f;border:1px solid #efbd6240;border-radius:7px;margin:0;padding:10px 12px 10px 30px;font-size:12px}.toasts{z-index:100;width:min(380px,100% - 36px);color:inherit;background:0 0;border:0;gap:8px;margin:0;padding:0;display:grid;position:fixed;inset:auto 18px 18px auto;overflow:visible}.toast{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:9px;align-items:flex-start;gap:10px;padding:11px 8px 11px 14px;animation:.16s ease-out pop;display:flex;box-shadow:0 18px 50px #00000073}.toast span{flex:1;padding-top:4px}.toast.error{border-color:#ff6b7566}.toast.error span{color:#ffc0c5}.toast.success{border-color:#4fd69c59}.modal{border:1px solid var(--border-strong);background:var(--surface);width:min(640px,100vw - 32px);max-height:calc(100vh - 64px);color:var(--text);border-radius:12px;padding:0;box-shadow:0 30px 100px #0009}.modal.narrow{width:min(440px,100vw - 32px)}.modal[open]{animation:.16s ease-out pop}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03050ac7}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 18px 0 22px;display:flex}.modal-head .kicker{margin-bottom:4px;font-size:9px}.modal-head h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:650}.modal-body{padding:16px 22px 22px}.form-row .hint{margin:0}.step-editor .form-actions{border-top:1px solid var(--border);background:var(--surface);margin:0 -22px -22px;padding:14px 22px 22px;position:sticky;bottom:0}.form-actions .delete-step,.confirm-delete{margin-right:auto}.form-actions .delete-step{color:#ffb3b9}.confirm-delete{color:#ffb3b9;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.step-options{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px}.step-options>summary{color:var(--text-soft);cursor:pointer;padding:9px 12px;font-size:12.5px;font-weight:600}.step-options>.form{padding:4px 12px 14px}.live-banner{background:linear-gradient(110deg, #ff5a6612, #738cff0f 60%, var(--surface) 100%);color:var(--text);border:1px solid #ff5a6640;border-radius:12px;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:22px;padding:14px 20px 14px 14px;transition:border-color .16s,transform .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000038}.live-banner:hover{color:var(--text);border-color:#ff5a6680;transform:translateY(-1px)}.live-thumb{aspect-ratio:16/10;border:1px solid var(--border-strong);background:#05070c;border-radius:8px;place-items:center;display:grid;overflow:hidden}.live-thumb .shot,.live-thumb img{object-fit:cover;object-position:top;width:100%;height:100%}.live-info{gap:7px;min-width:0;display:grid}.live-info .mode-pill{justify-self:start}.live-info h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:650}.live-now{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.live-reason{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.live-reason>*{margin:0}.live-side{justify-items:end;gap:12px;display:grid}.meta .clock{color:var(--text);font-weight:600}.clock{color:var(--text-soft);font:600 13px var(--mono);font-variant-numeric:tabular-nums}.live-side .clock{font-size:20px}.run-page{height:calc(100vh - var(--topbar));flex-direction:column;display:flex}.run-head{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:12px 32px;padding:22px 24px 18px;display:grid}.run-head .banner,.run-head .warnings{grid-column:1/-1}.run-title .kicker{margin-bottom:6px}.run-title h1{letter-spacing:-.035em;align-items:center;gap:12px;margin:0 0 9px;font-size:26px;font-weight:650;display:flex}.run-title h1 .mono{color:var(--text-soft);letter-spacing:-.02em;font-weight:600}.run-summary{align-content:center;gap:9px;display:grid}.run-summary-top{justify-content:space-between;align-items:center;min-height:28px;display:flex}.run-fraction{color:var(--muted)}.run-fraction b{color:var(--text);font:600 16px var(--mono)}.run-body{flex:1;grid-template-columns:272px minmax(0,1fr);min-height:0;display:grid}.case-list{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.case-list-head{justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.case-list-head h3{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 auto 0 0;font-size:10px}.follow-toggle{border:1px solid var(--border-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.follow-toggle.active{color:#ffc2c7;background:#ff5a661a;border-color:#ff5a6666}.case-items{flex:1;align-content:start;gap:2px;padding:0 8px 16px;display:grid;overflow-y:auto}.case-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:border-color .12s,background .12s;display:grid;position:relative}.case-item:hover{border-color:var(--border);background:var(--surface-soft)}.case-item.selected{border-color:var(--border-strong);background:var(--surface-soft)}.case-item.selected:before{background:var(--accent);content:"";border-radius:2px;width:2px;position:absolute;inset:9px auto 9px -8px}.case-item-text{min-width:0;display:grid}.case-item-title{color:#dce1ec;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.case-item small{color:var(--faint);font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.case-item-detail{color:var(--muted);font:10.5px var(--mono);white-space:nowrap}.case-item.running .case-item-detail{color:var(--accent-strong)}.case-item.queued .case-item-title,.case-item.skipped .case-item-title,.case-item.cancelled .case-item-title{color:var(--muted)}.case-view{flex-direction:column;min-width:0;min-height:0;display:flex}.case-tabs{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:10px 18px 0;display:flex}.case-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:8px 12px 10px;font-weight:600;display:inline-flex}.case-tabs button:hover{color:var(--text)}.case-tabs button.active{border-bottom-color:var(--accent);color:var(--text)}.case-tabs .scenario-link{color:var(--muted);align-items:center;gap:6px;padding-bottom:8px;font-size:12px;font-weight:600;display:inline-flex}.case-tabs .scenario-link:hover{color:var(--text)}.case-tabs button.scenario-link{border-bottom:0;margin-bottom:0;padding:0 8px 8px}.case-tabs button:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.explore-lead{max-width:640px;color:var(--text-soft);margin:12px 0 0;font-size:14px}.explore-start{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;padding:16px}.section-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:32px 0 12px;font-size:10px}.explore-page{height:calc(100vh - var(--topbar));grid-template-columns:360px minmax(0,1fr);display:grid}.explore-side{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.explore-head{border-bottom:1px solid var(--border);gap:6px;padding:18px 16px 14px;display:grid}.explore-head h1{overflow-wrap:anywhere;letter-spacing:-.025em;margin:0;font-size:19px;font-weight:650}.explore-head .meta:empty{display:none}.explore-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.explore-steps{flex:1;align-content:start;gap:2px;margin:0;padding:10px 8px;list-style:none;display:grid;overflow-y:auto}.explore-intro{color:var(--muted);padding:8px 10px}.explore-intro h3{color:var(--text);margin:4px 0 8px;font-size:14px}.explore-intro p{margin:0 0 10px}.explore-step{border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:4px;transition:border-color .12s,background .12s;display:flex;position:relative}.explore-step:hover{border-color:var(--border);background:var(--surface-soft)}.explore-step.selected{border-color:var(--border-strong);background:var(--surface-soft)}.explore-step.selected:before{background:var(--accent);content:"";border-radius:2px;width:2px;position:absolute;inset:9px auto 9px -8px}.explore-step-button{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;padding:9px 4px 9px 10px;display:grid}.explore-step-button:disabled{cursor:default}.explore-step-button .status-dot{margin-top:4px}.explore-step-number{border:1px solid var(--border-strong);width:20px;height:20px;color:var(--muted);font:10px var(--mono);border-radius:50%;place-items:center;display:grid}.explore-step-text{color:#dce1ec;white-space:pre-wrap;overflow-wrap:anywhere}.explore-undo{flex:none;width:26px;height:26px;margin:6px 6px 0 0}.explore-blocked{color:#f4d9a3;background:#efbd6214;border:1px solid #efbd624d;border-radius:8px;gap:8px;margin:0 12px 10px;padding:10px 12px;display:grid}.explore-blocked p{margin:0}.explore-blocked div{gap:8px;display:flex}.composer{border-top:1px solid var(--border);gap:8px;padding:12px;display:grid}.composer textarea{border:1px solid var(--border-strong);background:var(--bg);border-radius:7px;width:100%;min-height:72px;max-height:40vh;padding:9px 11px;line-height:1.45}.composer textarea:focus{border-color:var(--accent);outline:none}.kind-pills{flex-wrap:wrap;gap:6px;display:flex}.kind-pills button{border:1px solid var(--border-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;transition:border-color .12s,background .12s,color .12s}.kind-pills button:hover{border-color:var(--accent);color:var(--text)}.kind-pills button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.explore-step-kind{border:1px solid var(--border-strong);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;border-radius:999px;margin-right:6px;padding:0 6px;font-size:10.5px;font-weight:650;display:inline-block}.composer-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.explore-view{flex-direction:column;min-width:0;min-height:0;display:flex}.explore-empty{margin:auto}.player{flex-direction:column;flex:1;min-height:0;display:flex}.player-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.player-title{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.player-heading{min-width:0}.player-heading .kicker{margin-bottom:3px;font-size:9px;display:block}.player-heading h2{color:var(--muted);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;overflow:hidden}.player-heading h2 span{color:var(--text)}.player-heading p{color:var(--muted);align-items:center;gap:8px;margin:3px 0 0;display:flex}.player-step{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-pill{border:1px solid var(--border-strong);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:7px;padding:4px 10px;font-size:10.5px;font-weight:750;display:inline-flex}.mode-pill.live{color:#ffb3b9;background:#ff5a661a;border-color:#ff5a6666}.mode-pill.live.behind{border-color:var(--border-strong);color:var(--muted);background:0 0}.mode-pill.live.behind .live-dot{background:var(--muted);animation:none}.mode-pill.replay{color:var(--info)}.frame-counter{color:var(--muted);font:12px var(--mono);flex:none}.frame-counter strong{color:var(--text);font-size:15px}.player-close{flex:none}.player-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,380px);min-height:0;display:grid}.player-main{flex-direction:column;min-width:0;min-height:0;display:flex}.stage{background:radial-gradient(80% 70% at 50% 40%,#738cff0f,#0000 70%);flex:1;place-items:center;min-height:0;padding:18px;display:grid;position:relative;container-type:size}.stage-empty{max-width:380px}.browser{--bar:34px;width:min(100cqw - 36px, (100cqh - 36px - var(--bar)) * var(--ratio));border:1px solid var(--border-strong);background:#05070c;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 0 1px #ffffff08}.browser-bar{height:var(--bar);border-bottom:1px solid var(--border);background:var(--surface-raised);flex:none;align-items:center;gap:12px;padding:0 12px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots i{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.browser-title{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.browser-dots.placeholder{width:42px}.viewport{aspect-ratio:var(--ratio);position:relative;overflow:hidden}.viewport img{-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:.22s ease-out fade-in;display:block}.viewport-loading{place-items:center;height:100%;display:grid}.thinking-bar{background:#738cff26;height:3px;position:absolute;inset:auto 0 0;overflow:hidden}.thinking-bar:after{background:linear-gradient(90deg, transparent, var(--accent), transparent);content:"";width:35%;animation:1.4s ease-in-out infinite scan;position:absolute;inset:0 auto 0 0}.markers{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.marker{color:var(--marker)}.marker .core{fill:var(--marker);stroke:#fff;stroke-width:2.5px;vector-effect:non-scaling-stroke}.marker .halo{fill:none;stroke:#05070c8c;stroke-width:6px;vector-effect:non-scaling-stroke}.marker .ring{fill:#ff4d5e38;stroke:#fff;stroke-width:2.5px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;transition:transform .15s}.marker .ripple{fill:none;stroke:var(--marker);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%}.markers.animate .marker .ripple{animation:1.6s ease-out infinite ripple}.marker.move .ring{fill:none;stroke-dasharray:4 3}.marker.highlighted .ring{fill:#ff4d5e59;transform:scale(1.5)}.marker .drag-path{fill:none;stroke:var(--marker);stroke-linecap:round;stroke-dasharray:1 0}.marker .scroll-arrow{stroke:var(--marker);stroke-width:3px;vector-effect:non-scaling-stroke}.marker-label circle{fill:#fff;stroke:#05070c73;stroke-width:1.5px;vector-effect:non-scaling-stroke}.marker-label text{fill:#c41d2c;font-family:var(--mono);text-anchor:middle;font-weight:800}.floating-actions{flex-wrap:wrap;gap:6px;max-width:calc(100% - 28px);display:flex;position:absolute;bottom:14px;left:14px}.floating-action{color:#e6e9f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a11db;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:5px 10px 5px 5px;font-size:12px;animation:.2s ease-out pop;display:inline-flex;box-shadow:0 8px 24px #0006}.floating-action b,.action-chip b{background:var(--marker);color:#fff;width:18px;height:18px;font:700 10px var(--mono);border-radius:50%;place-items:center;display:grid}.floating-action code{color:#ffd7a8}.floating-action.highlighted{border-color:var(--marker)}.controls{align-items:center;gap:12px;padding:10px 18px 14px;display:flex}.transport{align-items:center;gap:2px;display:flex}.icon-button.play{border-color:var(--border-strong);background:var(--surface-raised);width:34px;height:34px;color:var(--text);border-radius:50%}.icon-button.play:hover{border-color:var(--accent);background:var(--accent-soft)}.speed{border:1px solid var(--border);min-width:38px;color:var(--muted);font:600 11px var(--mono);cursor:pointer;background:0 0;border-radius:6px;padding:4px 7px}.speed:hover{border-color:var(--border-strong);color:var(--text)}.go-live{border:1px solid var(--border-strong);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.go-live:hover{color:var(--text)}.go-live.active{color:#ffb3b9;background:#ff5a661a;border-color:#ff5a6666}.timeline{cursor:pointer;flex:1;align-items:stretch;gap:3px;height:30px;padding:6px 0;display:flex;position:relative}.segment{background:var(--surface-soft);min-width:8px;box-shadow:inset 0 0 0 1px var(--border);border-radius:4px;gap:1px;padding:0 1px;display:flex}.tick{background:var(--border-strong);border-radius:2px;flex:1;min-width:2px;transition:background .12s,transform .12s}.segment.pass .tick.past,.segment.pass .tick.current{background:var(--pass)}.segment.fail .tick.past,.segment.fail .tick.current,.segment.error .tick.past,.segment.error .tick.current{background:var(--fail)}.segment.running .tick.past,.segment.running .tick.current,.segment.skipped .tick.past{background:var(--accent)}.segment.pass .tick{background:#4fd69c47}.segment.fail .tick,.segment.error .tick{background:#ff6b7547}.segment.setup{opacity:.75}.tick.current{transform:scaleY(1.35);box-shadow:0 0 0 2px #fff}.timeline:hover .tick:hover{background:#fff}.timeline-preview{z-index:10;border:1px solid var(--border-strong);background:var(--surface-raised);pointer-events:none;border-radius:9px;gap:4px;width:180px;padding:6px 6px 8px;display:grid;position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);box-shadow:0 18px 50px #0000008c}.timeline-preview-image{aspect-ratio:16/10;background:#05070c;border-radius:5px;overflow:hidden}.timeline-preview img{object-fit:cover;object-position:top;width:100%;height:100%}.timeline-preview strong{text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:11.5px;overflow:hidden}.timeline-preview span{color:var(--muted);font:10px var(--mono);padding:0 2px}.feed{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.feed-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:14px 16px 10px;display:flex}.feed-head h3{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px}.feed-head span{color:var(--faint);font:11px var(--mono)}.feed-scroll{flex:1;padding:10px 10px 24px;position:relative;overflow-y:auto}.feed-empty{color:var(--muted);text-align:center;padding:24px 8px}.feed-step{margin-left:calc(var(--depth,0) * 12px);padding:6px 0 10px}.feed-step+.feed-step{border-top:1px dashed var(--border)}.feed-step-head{z-index:1;background:var(--surface);align-items:center;gap:9px;padding:8px 6px;display:flex;position:sticky;top:-10px}.feed-step-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.feed-step-time{color:var(--faint);font:10.5px var(--mono)}.feed-turn{cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:9px 8px;transition:border-color .12s,background .12s;display:grid}.feed-turn:hover{background:var(--surface-raised)}.feed-turn.active{background:var(--accent-soft);border-color:#738cff73}.feed-turn-number{border:1px solid var(--border-strong);width:22px;height:22px;color:var(--muted);font:10px var(--mono);border-radius:50%;place-items:center;display:grid}.feed-turn.active .feed-turn-number{border-color:var(--accent);background:var(--accent);color:#fff}.feed-turn-body{gap:8px;min-width:0;display:grid}.feed-reason{color:var(--text-soft);font-size:12.5px;line-height:1.55}.feed-reason.clamped{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-reason.expandable{cursor:zoom-in}.feed-reason.expandable:not(.clamped){cursor:zoom-out}.action-list{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.action-chip{border:1px solid var(--border-strong);background:var(--bg);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:3px 8px 3px 3px;font-size:11.5px;transition:border-color .12s;display:inline-flex}.action-chip span{font-weight:600}.action-chip code{color:#ffd7a8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.action-chip.highlighted{border-color:var(--marker)}.feed-outcome{border-left:2px solid var(--border-strong);background:var(--surface-raised);color:var(--text-soft);border-radius:0 6px 6px 0;margin:4px 6px 0 38px;padding:9px 11px;font-size:12.5px}.feed-outcome.pass{border-left-color:var(--pass)}.feed-outcome.fail,.feed-outcome.error{border-left-color:var(--fail)}.feed-findings{color:var(--warning);font:11px var(--mono);margin:6px 0 0}.feed-thinking{border:1px dashed var(--border-strong);color:var(--muted);border-radius:8px;align-items:center;gap:10px;margin:10px 6px 0;padding:10px 12px;font-size:12px;display:flex}.dots{gap:4px;display:inline-flex}.dots i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.2s infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.report{flex:1;padding:0 28px 64px;overflow-y:auto}.report-head{border-bottom:1px solid var(--border);padding:26px 0 20px}.report-head h1{letter-spacing:-.035em;max-width:900px;margin:0 0 12px;font-size:clamp(22px,3vw,32px);font-weight:650;line-height:1.15}.report-evidence{max-width:820px;color:var(--text-soft);margin:16px 0 0;font-size:15px}.report-head .warnings{margin-top:14px}.dependency-link{color:#aeb8ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:14px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.dependency-link:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}.report-controls{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.report-controls button{border:1px solid var(--border-strong);background:var(--surface-raised);color:#d9deea;cursor:pointer;border-radius:6px;min-height:30px;padding:5px 11px;font-size:12px;font-weight:600}.report-controls button:hover,.report-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:#fff}.variable-section,.findings-summary{border:1px solid var(--border);background:var(--surface-raised);border-radius:7px;margin:14px 0 0;padding:14px}.variable-section h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.variables{font:11px var(--mono);grid-template-columns:max-content minmax(0,1fr);gap:7px 16px;margin:0;display:grid}.variables dt{color:var(--info);font-weight:700}.variables dd{color:#c6cddd;overflow-wrap:anywhere;margin:0}.findings-summary summary{color:var(--warning);cursor:pointer;font-weight:650}.finding-list{counter-reset:finding;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.finding-list li{color:#cfd6e5;counter-increment:finding;border:1px solid #0000;border-radius:6px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:8px 10px;display:grid}.finding-list li:before{border:1px solid var(--border-strong);width:22px;height:22px;color:var(--muted);content:counter(finding);font:10px var(--mono);border-radius:50%;place-items:center;display:grid}.finding-list li:hover{border-color:var(--border-strong);background:var(--surface-soft)}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-top:12px;overflow:hidden;box-shadow:0 8px 28px #0000001f}.step[open]{border-color:var(--border-strong)}.step.internal{opacity:.8}.step-summary{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.step-summary::-webkit-details-marker{display:none}.step-summary:after{border:1px solid var(--border-strong);width:18px;height:18px;color:var(--muted);content:"+";font:15px/16px var(--mono);text-align:center;border-radius:4px;flex:none}.step[open]>.step-summary:after{content:"−"}.step-summary:hover .step-title{color:#fff}.step-title{flex:1;min-width:0;font-size:14px;font-weight:650}.step-summary .meta{justify-content:flex-end}.step-summary .edit-step{width:26px;height:26px}.add-step-button{border:1px dashed var(--border-strong);border-radius:var(--radius);width:100%;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:13px;font-size:13px;font-weight:600;transition:color .12s,border-color .12s,background .12s;display:flex}.add-step-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.add-step-button:disabled{cursor:not-allowed;opacity:.45}.step-content{border-top:1px solid var(--border);padding:0 16px 16px 38px}.step-source{color:var(--faint);font:10.5px var(--mono);margin:12px 0 0}.step-evidence{color:#bcc4d4;margin:10px 0 14px;font-size:14px}.console-errors{color:#ff9ca3;background:#ff6b7512;border:1px solid #ff6b7547;border-radius:6px;margin:14px 0;overflow:hidden}.console-errors summary{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:10px 12px;font-size:11px;font-weight:700}.console-errors pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0 12px 12px;font-size:11px}.children{border-left:1px solid var(--border-strong);margin:16px 0 0 4px;padding-left:14px}.turns{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:12px;display:grid}.turn{text-align:left;cursor:zoom-in;background:0 0;border:0;gap:6px;min-width:0;padding:0;display:grid}.turn-shot{aspect-ratio:16/10;border:1px solid var(--border);border-radius:6px;transition:border-color .12s}.turn:hover .turn-shot{border-color:var(--accent)}.turn:hover img{transform:scale(1.02)}.turn-caption{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;display:flex}.turn-caption b{color:var(--text-soft)}.shot{background:#05070c;display:block;position:relative;overflow:hidden}.shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .18s;display:block}.shot.loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0a,#0000) 0 0/200% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}.tutorial-page{height:calc(100vh - var(--topbar));flex-direction:column;display:flex}.tutorial-page-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 24px 16px;display:flex}.tutorial-page-head .kicker{margin-bottom:6px}.tutorial-page-head h1{letter-spacing:-.03em;align-items:center;gap:12px;margin:0 0 6px;font-size:22px;font-weight:650;display:flex}.tutorial-page-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tutorial-format{margin-right:6px}.tutorial-format button{padding:4px 10px;font-size:12px}.document-editor{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.document-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.document-pane+.document-pane{border-left:1px solid var(--border)}.document-pane-head{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:6px;min-height:46px;padding:8px 12px 8px 18px;display:flex}.document-pane-head .kicker{flex:1;margin:0}.document-insert{width:auto;max-width:220px;min-height:28px;padding:3px 8px;font-size:12px}.document-source{background:var(--bg);width:100%;color:var(--text);resize:none;border:0;outline:none;flex:1;padding:18px;font-size:13px;line-height:1.65}.document-warning{border-top:1px solid var(--border);color:#ffd28a;margin:0;padding:8px 18px;font-size:12px}.tutorial-document-scroll{flex:1;overflow-y:auto}.tutorial-document{max-width:760px;color:var(--text-soft);margin:0 auto;padding:32px 24px 64px;font-size:15.5px;line-height:1.65}.tutorial-document h1{color:var(--text);letter-spacing:-.03em;margin:0 0 .6em;font-size:28px;font-weight:650;line-height:1.2}.tutorial-document .markdown h2{color:var(--text);margin:1.8em 0 .5em;font-size:19px}.tutorial-document .markdown h3{color:var(--text);margin:1.5em 0 .4em;font-size:16px}.tutorial-document .markdown p,.tutorial-document .markdown ul,.tutorial-document .markdown ol{margin:.8em 0}.tutorial-document .markdown li{margin:.3em 0}.tutorial-document .markdown img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto;margin:1.4em 0;display:block}.tutorial-source{margin-top:3px;font-size:11px}.tutorial-pending{flex:1;align-content:center}.embed-code{border:1px solid var(--border-strong);background:var(--bg);resize:vertical;border-radius:7px;width:100%;padding:10px 12px;font-size:12px}.tutorial-embed{flex-direction:column;height:100vh;display:flex}.tutorial{flex:1;grid-template-columns:minmax(0,1fr) minmax(280px,360px);min-height:0;display:grid}.tutorial-stage .viewport{cursor:default}.tutorial.embedded{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.tutorial.no-steps{grid-template-columns:minmax(0,1fr)}.tutorial-stage.bare{background:#05070c;padding:0}.tutorial-stage.bare .viewport{width:min(100cqw, 100cqh * var(--ratio))}.tutorial-mini{z-index:4;color:#e6e9f2;font:600 11px var(--mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a11db;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 24px #0006}.tutorial-mini span{padding:0 4px}.tutorial-mini .icon-button{color:#e6e9f2;border-radius:50%;width:26px;height:26px}.tutorial-target{z-index:2;background:var(--marker);cursor:pointer;border:3px solid #fff;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ff4d5e59,0 6px 18px #00000073}.tutorial-target:hover{transform:translate(-50%,-50%)scale(1.15)}.tutorial-target-ring{border:3px solid var(--marker);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite ripple;position:absolute;inset:-3px}.tutorial-target.nudged{animation:.45s ease-in-out 2 nudge}.tutorial-callout{z-index:1;color:#f1f4fb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;--dx:-50%;--dy:30px;width:max-content;max-width:min(320px,70%);transform:translate(var(--dx), var(--dy));background:#070a11eb;border:1px solid #ffffff29;border-radius:9px;padding:9px 12px;font-size:13px;animation:.2s ease-out pop;position:absolute;box-shadow:0 12px 32px #00000080}.tutorial-callout.above{--dy:calc(-100% - 30px)}.tutorial-callout.start{--dx:-20px}.tutorial-callout.end{--dx:calc(-100% + 20px)}.tutorial-overlay{z-index:3;color:#f1f4fb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a11eb;border:1px solid #ffffff29;border-radius:12px;justify-items:start;gap:10px;padding:14px 16px;font-size:14px;animation:.2s ease-out pop;display:grid;position:absolute;box-shadow:0 20px 60px #0000008c}.tutorial-overlay h3{letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.tutorial-overlay.center{width:min(440px,100% - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-overlay.bottom{width:min(460px,100% - 32px);bottom:16px;left:50%;transform:translate(-50%)}.tutorial-side{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.tutorial-side-head{border-bottom:1px solid var(--border);padding:16px 18px 14px}.tutorial-side-head .kicker{align-items:center;gap:6px;margin-bottom:6px;font-size:9px;display:flex}.tutorial-side-head h2{letter-spacing:-.015em;margin:0 0 12px;font-size:16px;font-weight:650}.tutorial-progress{background:var(--surface-soft);border-radius:999px;height:4px;overflow:hidden}.tutorial-progress span{background:var(--accent);height:100%;transition:width .3s;display:block}.tutorial-scroll{flex:1;padding:14px 14px 20px;overflow-y:auto}.tutorial-card{background:var(--accent-soft);border:1px solid #738cff59;border-radius:10px;justify-items:start;gap:10px;padding:16px;display:grid}.tutorial-card h3{margin:0;font-size:15px;font-weight:650}.tutorial-step-count{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.tutorial-instruction{color:var(--text);font-size:14.5px;line-height:1.5}.tutorial-explanation{color:var(--text-soft);font-size:13px}.tutorial-hint{color:var(--muted);align-items:center;gap:7px;margin:2px 0 0;font-size:12px;display:flex}.tutorial-hint.nudged{color:#ffb3b9}.tutorial-steps{gap:2px;margin:14px 0 0;padding:0;list-style:none;display:grid}.tutorial-steps li{align-items:center;display:flex;position:relative}.tutorial-step-link{min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;align-items:center;gap:10px;padding:7px 8px;display:flex}.tutorial-step-link:hover{background:var(--surface-raised);color:var(--text)}.tutorial-step-link.current{border-color:var(--border-strong);background:var(--surface-raised);color:var(--text)}.tutorial-step-link.completed{color:var(--text-soft)}.tutorial-step-delete{opacity:0;width:26px;height:26px;position:absolute;right:4px}.tutorial-steps li:hover .tutorial-step-delete,.tutorial-step-delete:focus-visible{opacity:1}.tutorial-step-delete:hover:not(:disabled){color:#ffb3b9}.tutorial-step-number{border:1px solid var(--border-strong);width:22px;height:22px;font:10px var(--mono);border-radius:50%;flex:none;place-items:center;display:grid}.tutorial-steps .current .tutorial-step-number{border-color:var(--accent);background:var(--accent);color:#fff}.tutorial-steps .completed .tutorial-step-number{border-color:var(--pass);color:var(--pass)}.tutorial-step-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tutorial-side-foot{border-top:1px solid var(--border);justify-content:space-between;gap:8px;padding:10px 14px;display:flex}.container.settings{width:min(820px,100% - 48px)}.settings-fields{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.settings-section{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:16px;padding:20px 22px;display:grid}.settings-section h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:650}.settings-section header p{color:var(--muted);margin:3px 0 0}.field-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:14px;display:grid}.field small{color:var(--muted);font-size:11.5px;line-height:1.4}.field small.override{color:var(--warning)}.field small code{color:var(--text-soft)}.settings-fields:disabled :is(input,textarea){opacity:.6;cursor:not-allowed}.pairs{gap:8px;display:grid}.pair{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;gap:8px;display:grid}.pairs .add-pair{justify-self:start}.settings-bar{z-index:5;border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:12px 14px 12px 18px;display:flex;position:sticky;bottom:12px;box-shadow:0 18px 50px #00000073}.settings-bar .hint{flex:240px;margin:0}.settings-bar .form-error{flex-basis:100%}.markdown{overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p{margin:.5em 0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:1em 0 .4em;font-size:1em}.markdown ul,.markdown ol{padding-left:1.4em}.markdown blockquote{border-left:3px solid var(--border-strong);color:var(--muted);margin:1em 0;padding-left:1em}.markdown code{background:var(--surface-soft);border-radius:4px;padding:.1em .35em;font-size:.88em}.markdown pre{border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:10px;overflow-x:auto}.markdown pre code{background:0 0;padding:0}.markdown a{color:#aeb8ff;text-underline-offset:2px;text-decoration:underline}.markdown table{border-collapse:collapse;width:100%}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:5px 8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.35}}@keyframes pulse{0%{box-shadow:0 0 #ff5a668c}70%{box-shadow:0 0 0 7px #ff5a6600}to{box-shadow:0 0 #ff5a6600}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes ripple{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(3.2)}}@keyframes bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes pop{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:.4}to{opacity:1}}@keyframes nudge{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.4)}}@media (max-width:1180px){.player-body{grid-template-rows:minmax(340px,1fr) minmax(220px,40%);grid-template-columns:1fr}.feed{border-top:1px solid var(--border);border-left:0}}@media (max-width:760px){.document-editor{grid-template-rows:minmax(260px,45%) minmax(0,1fr);grid-template-columns:1fr}.document-pane+.document-pane{border-top:1px solid var(--border);border-left:0}.tutorial:not(.embedded){grid-template-rows:minmax(220px,50vh) minmax(0,1fr);grid-template-columns:1fr}.tutorial:not(.embedded) .tutorial-side{border-top:1px solid var(--border);border-left:0}.tutorial-side-head{border:0;padding:0}.tutorial-side-head .kicker,.tutorial-side-head h2{display:none}.tutorial-progress{border-radius:0}.tutorial.embedded .tutorial-steps{display:none}.tutorial-stage:not(.bare){padding:10px}.tutorial-callout{max-width:min(240px,80%);font-size:12px}.tutorial-page{height:auto;min-height:calc(100vh - var(--topbar))}}@media (max-width:640px){.tutorial.embedded:not(.no-steps){grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.tutorial.embedded:not(.no-steps) .tutorial-stage{aspect-ratio:var(--ratio)}.tutorial.embedded .tutorial-side{border-top:1px solid var(--border);border-left:0}}@media (max-width:900px){.scenario-page.with-source{display:block}.source-panel{inset:var(--topbar) 0 0 auto;z-index:15;width:min(560px,100vw);position:fixed;box-shadow:-20px 0 60px #00000073}.run-page{height:auto}.run-head,.run-body{grid-template-columns:1fr}.case-list{border-right:0;border-bottom:1px solid var(--border);max-height:260px}.explore-page{flex-direction:column;height:auto;display:flex}.explore-side{border-right:0;border-bottom:1px solid var(--border)}.explore-steps{max-height:280px}.explore-view{min-height:70vh}.explore-start{grid-template-columns:1fr}.scenarios-layout{height:auto;display:block}.scenario-sidebar.case-list{max-height:360px}.scenarios-main{overflow:visible}.scenarios-home{min-height:0;padding:24px 16px}.player-body{grid-template-rows:minmax(300px,60vh) auto}.feed-scroll{max-height:60vh}.live-banner{grid-template-columns:1fr}.live-side{justify-items:start}.suite-name{display:none}.report{padding:0 16px 48px}}@media (max-width:640px){.container{width:calc(100% - 32px)}.topbar{gap:10px;padding:0 16px}.brand span{display:none}.controls{flex-wrap:wrap}.timeline{flex-basis:100%;order:-1}.step-content{padding-left:16px}.step-summary{flex-wrap:wrap}.table th,.table td{padding:11px 10px}.history-strip .history-link:nth-child(n+7){display:none}.scenario-body{padding:14px 16px 48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}}