.sc-group h2{margin:8px 0 6px}.sc-item{padding:10px 14px}.sc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sc-title{margin-right:6px;font-weight:600}.sc-badge{border:1px solid var(--border);border-radius:10px;margin-right:6px;padding:2px 7px;font-size:11px}.sc-happy{color:var(--ok)}.sc-mistake{color:#b7791f}.sc-rule{color:var(--accent)}.sc-permission{color:var(--danger)}.sc-data{color:var(--muted);font-size:11px}.sc-edit{flex-direction:column;gap:8px;margin-top:10px;display:flex}.sc-edit textarea{border:1px solid var(--border);background:var(--panel);width:100%;min-height:220px;color:var(--text);border-radius:6px;padding:8px;font-family:ui-monospace,monospace;font-size:12px}.sc-steps{margin:8px 0 0;padding-left:20px}.sc-steps code{color:var(--muted);font-size:12px}.sc-picker{flex-wrap:wrap;gap:6px 14px;display:flex}.sc-picker label{align-items:center;gap:5px;display:flex}.sc-picker input{width:auto}:root{--bg:#f6f7f9;--panel:#fff;--text:#1c2026;--muted:#6a7280;--border:#dde1e7;--accent:#3b6df0;--accent-text:#fff;--danger:#c93a3a;--ok:#1f8a4c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--panel:#1d2026;--text:#e6e8ec;--muted:#8d95a3;--border:#2f343d;--accent:#6c93ff;--accent-text:#0e1220;--danger:#ef6b6b;--ok:#4cc17f}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}h1{margin:0 0 4px;font-size:24px}h2{margin:0;font-size:15px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.block{display:block}.error{color:var(--danger);margin:0}button,.button,input{font:inherit;color:inherit}button,.button{border:1px solid var(--border);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--danger)}input{border:1px solid var(--border);background:var(--panel);border-radius:6px;width:100%;padding:7px 10px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.row{align-items:center;gap:6px;display:flex}.page{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:40px 20px;display:flex}.page p{margin:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.app-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.app-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.app-info{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.form{flex-direction:column;gap:12px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;display:flex}.browser-page{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.app-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.urlbar{flex:200px;min-width:200px}.urlbar input{box-sizing:border-box;width:100%}.page>.button{align-self:flex-start}.plain-list input[type=checkbox]{width:auto}.plain-list{margin:0;padding:0;list-style:none}.badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px}.badge-user{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok)}.badge-agent{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.banner{margin:0;padding:6px 12px}.browser-body{flex:1;min-height:0;display:flex}.live-view{background:var(--bg);outline:none;flex:1;min-width:0;padding:12px;display:flex;position:relative}.live-view:focus-within .live-frame{box-shadow:0 0 0 2px var(--accent)}.live-input{opacity:0;pointer-events:none;resize:none;width:1px;height:1px;position:absolute}.live-frame{background:var(--panel);border-radius:4px;max-width:100%;max-height:100%;margin:auto;display:flex;position:relative;overflow:hidden}.live-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:calc(100vh - 100px);display:block}.live-frame img[hidden]{display:none}.live-frame>p{padding:40px}.overlay{text-align:center;color:#fff;cursor:not-allowed;background:#14161a8c;justify-content:center;align-items:center;padding:20px;font-size:16px;display:flex;position:absolute;inset:0}.recording{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:340px;display:flex}.recording-head{justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 12px 8px;display:flex}.tabs button{border-radius:999px;padding:3px 10px;font-size:12px}.tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.events{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.pad{padding:12px}.event{border-bottom:1px solid var(--border);overflow-wrap:anywhere;align-items:baseline;gap:8px;padding:5px 12px;font-size:12px;display:flex}.event .grow{flex:1;min-width:0}.event .time{font-variant-numeric:tabular-nums}.event .tag{text-transform:uppercase;color:var(--muted);min-width:44px;font-size:11px}.event .bad{color:var(--danger);font-weight:600}.event .ok{color:var(--ok)}@media (width<=900px){.recording{width:240px}}.tabstrip{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:4px 12px;display:flex;overflow-x:auto}.tab{border:1px solid var(--border);border-radius:6px;align-items:center;max-width:220px;display:flex}.tab.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.tab button{background:0 0;border:0;padding:3px 8px;font-size:12px}.tab-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tab-new{padding:3px 10px;font-size:14px}.pause{background:color-mix(in srgb, var(--accent) 18%, transparent);border-bottom:1px solid var(--accent);font-weight:600}.accounts{border-top:1px solid var(--border,#8884);flex-direction:column;flex-basis:100%;gap:12px;padding-top:12px;display:flex}.account-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.account-list .row{justify-content:space-between}.app-nav{gap:4px;display:flex}.app-nav a{color:var(--muted);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:13px;text-decoration:none}.app-nav a:hover{color:var(--text)}.app-nav a.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}.page>.app-nav{margin:12px 0}.run-panel{flex-direction:column;gap:10px;display:flex}.run-panel h2{margin:0}.run-scenarios{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.run-panel .row{flex-wrap:wrap;gap:8px;display:flex}.run-status ul{margin:6px 0 0;padding-left:20px}.run-panel input[type=checkbox]{width:auto}.rr{flex-direction:column;gap:14px;display:flex}.rr-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rr-run{background:var(--panel);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.rr-run:hover{border-color:var(--accent)}.rr-run.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.rr-pills{flex-wrap:wrap;gap:4px;display:inline-flex}.pill{white-space:nowrap;background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.pill-passed{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.pill-failed,.pill-error{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.pill-needs-user{color:#b36b00;background:#d98c1f2e}@media (prefers-color-scheme:dark){.pill-needs-user{color:#f0b04a}}.rr-detail{flex-direction:column;gap:10px;display:flex}.rr-top{flex-wrap:wrap;gap:12px}.rr-download{margin-left:auto;text-decoration:none}.rr-totals{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.rr-head{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:0;display:flex}.rr-title{font-weight:600}.rr-steps{flex-direction:column;gap:14px;margin:12px 0 0;padding:0;list-style:none;display:flex}.rr-step{border-left:2px solid var(--border);flex-direction:column;gap:6px;padding-left:12px;display:flex}.rr-reason{color:var(--danger)}.rr-checks,.rr-net,.rr-notes ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rr-checks .ok{color:var(--ok)}.rr-checks .bad,.rr-net{color:var(--danger)}.rr-checks .muted{color:var(--muted)}.rr-thumb{border:1px solid var(--border);background:var(--bg);cursor:zoom-in;border-radius:6px;align-self:flex-start;padding:0;overflow:hidden}.rr-thumb img{object-fit:cover;min-width:48px;max-width:220px;min-height:32px;max-height:140px;display:block}.rr-notes{background:color-mix(in srgb, var(--muted) 10%, transparent);color:var(--muted);border-radius:6px;padding:8px 10px;font-size:13px}.rr-lightbox{cursor:zoom-out;z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.rr-lightbox img{background:#fff;max-width:100%;max-height:100%}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head h1{margin:0}.sign-in{justify-content:center;min-height:100%}.sign-in-card{width:100%;max-width:380px;margin:0 auto;padding:24px}.sign-in-card h1{margin:0}button.link{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}