:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172033;background:#f5f7fa;--ink:#172033;--muted:#697386;--line:#e3e7ee;--brand:#5046e5;--teal:#0d9488}*{box-sizing:border-box}body{margin:0}.topbar{height:68px;background:#101828;color:white;display:flex;align-items:center;padding:0 4vw;gap:40px;box-shadow:0 1px 12px #0002}.brand{display:flex;align-items:center;gap:10px;font-weight:750;color:white;text-decoration:none}.brand span{display:grid;place-items:center;background:linear-gradient(135deg,#7c69ff,#37c7bc);width:34px;height:34px;border-radius:10px}.topbar nav{display:flex;gap:5px}.topbar button{background:transparent;color:#cbd3e1}.topbar button:hover{color:white;background:#ffffff12}.health{margin-left:auto;font-size:13px;color:#9fe1bd}.health:before{content:'●';margin-right:6px}button,.file-button{border:0;border-radius:8px;padding:10px 15px;background:#e9edf3;color:var(--ink);font-weight:650;cursor:pointer}button:hover,.file-button:hover{filter:brightness(.97)}.primary{background:var(--brand);color:white}.danger{background:#d92d20;color:white}.large{font-size:16px;padding:14px 22px}.view{max-width:1450px;margin:auto;padding:40px 4vw}.hidden{display:none}.hero{background:linear-gradient(125deg,#121b34 10%,#252263 65%,#154d55);color:white;border-radius:22px;padding:54px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 50px #23305a20}.hero h1{font-size:45px;line-height:1.08;margin:10px 0 16px;letter-spacing:-1.5px}.hero h1 em{font-style:normal;color:#7ce0d4}.hero p:not(.eyebrow){color:#c7cede;max-width:610px;font-size:17px}.eyebrow{font-size:12px;letter-spacing:2px;color:#75ded0;font-weight:800}.toolbar,.page-title,.aside-title,.form-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.toolbar{margin-top:36px}.file-button input{display:none}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.card,.panel,.run-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 4px 18px #1d2a4410}.card{cursor:pointer}.card:hover{border-color:#aaa5f5;transform:translateY(-2px)}.card h3{margin:10px 0}.badge{font-size:11px;font-weight:800;color:#5347db;background:#eeedff;padding:5px 8px;border-radius:20px}.meta,.hint,small{color:var(--muted)}.back{padding-left:0;background:transparent;color:#536078}.page-title{margin-bottom:24px}.page-title h1{margin:6px 0}.page-title>div:last-child{display:flex;gap:10px}.recorder-layout{display:grid;grid-template-columns:minmax(600px,1fr) 330px;gap:18px}.browser-shell,aside{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.browser-bar,.input-dock{display:flex;gap:9px;align-items:center;padding:11px;background:#edf0f5}.browser-bar input,.input-dock input{flex:1}.dots{color:#f35d5d;letter-spacing:3px}.browser-screen{position:relative;background:#dfe3ea;aspect-ratio:16/9}.browser-screen img{display:block;width:100%;height:100%;object-fit:contain;cursor:crosshair}.browser-screen div{position:absolute;inset:0;display:grid;place-items:center;color:#667085}.browser-screen img[src]+div{display:none}input,select{border:1px solid #ccd3df;background:white;border-radius:8px;padding:10px 12px;font:inherit}aside{padding:18px;max-height:790px;overflow:auto}.aside-title h2{font-size:18px}.step{border-left:3px solid #7c69ff;padding:8px 10px;margin:10px 0;background:#f7f7fd;border-radius:0 8px 8px 0}.step strong{display:block;font-size:13px}.step small{display:block;overflow:hidden;text-overflow:ellipsis}.panel{margin-bottom:18px}.form-row label{flex:1;color:var(--muted);font-size:12px;font-weight:700}.form-row input,.form-row select{display:block;width:100%;margin-top:6px;color:var(--ink)}.step-table{overflow:auto}.step-head,.edit-step{display:grid;grid-template-columns:42px 160px minmax(220px,1fr) minmax(190px,1fr) 48px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.step-head{font-size:12px;color:var(--muted);font-weight:800}.edit-step input,.edit-step select{width:100%}.run-list{display:grid;gap:12px}.run-row{display:grid;grid-template-columns:1fr 140px 180px 130px;align-items:center}.status{font-weight:800;font-size:12px}.status.PASSED{color:#16834a}.status.FAILED,.status.ERROR{color:#c0362c}.status.RUNNING,.status.QUEUED{color:#b26a00}#toast{position:fixed;right:24px;bottom:24px;background:#172033;color:white;padding:14px 18px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:900px){.hero{padding:32px;display:block}.hero h1{font-size:36px}.recorder-layout{grid-template-columns:1fr}.view{padding:24px 15px}.run-row{grid-template-columns:1fr 100px}.run-row>:nth-child(3){display:none}}