:root{--bg:#f2efe8;--card:rgba(255,252,247,0.82);--card-strong:#fffdf8;--ink:#18212f;--muted:#59667c;--line:rgba(24,33,47,0.12);--accent:#0f766e;--accent-soft:rgba(15,118,110,0.12);--warn:#c2410c;--shadow:0 20px 60px rgba(39,39,52,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top left,rgba(15,118,110,.18),transparent 30%),radial-gradient(circle at top right,rgba(217,119,6,.14),transparent 26%),linear-gradient(180deg,#f8f3eb,#ece8df);color:var(--ink);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{padding:28px 32px 40px}.panel,.topbar{background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;padding:20px 22px;margin-bottom:20px}.toast-wrap{position:fixed;top:18px;right:18px;z-index:120;width:min(420px,calc(100vw - 36px));pointer-events:none}.notice{padding:14px 16px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);pointer-events:auto;animation:toast-in .18s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice-success{background:linear-gradient(180deg,rgba(21,128,61,.12),rgba(255,255,255,.88));border-color:rgba(21,128,61,.2)}.notice-error{background:linear-gradient(180deg,rgba(220,38,38,.1),rgba(255,255,255,.88));border-color:rgba(220,38,38,.18)}.notice-close{border:none;background:transparent;color:var(--muted);padding:0}@keyframes toast-in{0%{transform:translateY(-6px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.topbar.compact{align-items:flex-end}.brand-block{max-width:640px}.workspace-title{margin:0;font-size:1.8rem;line-height:1.1}.workspace-copy{max-width:52ch;margin:10px 0 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line);margin-bottom:10px}.eyebrow,.muted{color:var(--muted)}.menu-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.nav-tabs{margin-top:0;justify-content:flex-end;align-self:center}.case-subtabs{margin-top:10px}.menu-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.68);color:var(--muted);font-weight:600;cursor:pointer}.menu-pill.active{background:var(--ink);color:white}.stat{padding:14px 16px;border-radius:18px;background:var(--card-strong);border:1px solid var(--line)}.stat-accent{background:linear-gradient(180deg,rgba(15,118,110,.12),rgba(255,253,248,.95))}.stat strong{display:block;font-size:1.25rem;margin-top:4px}.view-stack{display:grid;grid-gap:18px;gap:18px}.section-head{display:flex;gap:16px;align-items:flex-end;justify-content:space-between}.section-head p{margin:8px 0 0;max-width:56ch}.request-state{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:linear-gradient(180deg,rgba(15,118,110,.08),rgba(255,255,255,.84))}.request-state strong{font-size:.92rem}.request-state span{color:var(--muted)}.case-current-panel{padding-top:16px;padding-bottom:16px}.dashboard-hero{display:flex;gap:16px;align-items:flex-end;justify-content:space-between}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.pane-hidden{display:none}.dashboard-grid.single{grid-template-columns:1fr}.dashboard-grid.case-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr)}.dashboard-grid.runner-layout{grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr)}.panel{padding:20px}.panel h2,.panel h3{margin:0 0 12px}.stack{display:grid;grid-gap:14px;gap:14px}.stack.pane-hidden{display:none}.subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.card-list{display:grid;grid-gap:12px;gap:12px}.mini-card{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.68)}.mini-card.active{border-color:rgba(15,118,110,.45);background:linear-gradient(180deg,rgba(15,118,110,.16),rgba(255,255,255,.8))}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.spread{justify-content:space-between}.field{display:grid;grid-gap:7px;gap:7px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:14px 0 16px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(24,33,47,.15);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.86);color:var(--ink)}.field textarea{min-height:132px;resize:vertical}.button{border:none;border-radius:999px;padding:11px 16px;background:var(--ink);color:white;transition:transform .14s ease,opacity .14s ease}.button:hover{transform:translateY(-1px)}.button.secondary{background:var(--accent-soft);color:var(--ink)}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.button.danger{background:rgba(185,28,28,.08);color:#991b1b;border:1px solid rgba(185,28,28,.24)}.tag{display:inline-flex;border-radius:999px;padding:4px 10px;background:rgba(24,33,47,.08);color:var(--muted);font-size:.82rem;margin-right:6px}.editor-meta{gap:8px;flex-wrap:wrap}.editor-meta,.form-hero{display:flex;margin-bottom:14px}.form-hero{gap:14px;justify-content:space-between;align-items:flex-start;padding:16px 18px;border-radius:18px;border:1px solid rgba(15,118,110,.16);background:linear-gradient(180deg,rgba(15,118,110,.08),rgba(255,255,255,.72))}.eyebrow.slim{margin-bottom:8px;padding:6px 10px;font-size:.78rem}.form-title{display:block;font-size:1.1rem;line-height:1.2}.form-copy{margin-top:8px;max-width:44ch}.form-side-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.strong-tag{background:rgba(15,118,110,.16);color:var(--ink)}.warn-tag{background:rgba(217,119,6,.14);color:#9a3412}.primary-field input{border-color:rgba(15,118,110,.26);background:rgba(255,255,255,.98);box-shadow:inset 0 0 0 1px rgba(15,118,110,.08)}.draft-banner{padding:12px 14px;margin-bottom:14px;border-radius:16px;background:rgba(217,119,6,.08);border:1px solid rgba(217,119,6,.16);color:#9a3412}.run-block-banner{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.08);color:#991b1b}.editor-tips{display:grid;grid-gap:6px;gap:6px;padding:12px 14px;border-radius:16px;border:1px solid rgba(15,118,110,.16);background:rgba(15,118,110,.07)}.template-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.template-chip{border:1px solid rgba(15,118,110,.18);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.82);color:var(--ink)}.template-chip:hover{transform:translateY(-1px)}.assertion-builder{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(24,33,47,.12);background:rgba(255,255,255,.75);display:grid;grid-gap:10px;gap:10px}.assertion-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.assertion-preview{padding:10px 12px;border-radius:12px;border:1px dashed rgba(15,118,110,.28);background:rgba(255,255,255,.8);color:var(--ink)}.draft-steps-editor{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(24,33,47,.12);background:rgba(255,255,255,.75);display:grid;grid-gap:10px;gap:10px}.draft-step-row,.draft-steps-list{display:grid;grid-gap:8px;gap:8px}.draft-step-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:start;padding:8px;border-radius:12px;border:1px solid transparent;transition:border-color .12s ease,background-color .12s ease,opacity .12s ease}.draft-step-row.drag-target{border-color:rgba(15,118,110,.32);background:rgba(15,118,110,.08)}.draft-step-row.dragging{opacity:.6}.draft-step-meta{align-items:center}.draft-step-actions,.draft-step-meta{display:flex;gap:6px;flex-wrap:wrap}.drag-handle{cursor:-webkit-grab;cursor:grab}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.draft-kind.navigate{background:rgba(2,132,199,.14);color:#0c4a6e}.draft-kind.click,.draft-kind.input{background:rgba(15,118,110,.14);color:#134e4a}.draft-kind.assert{background:rgba(147,51,234,.14);color:#6b21a8}.draft-kind.wait{background:rgba(217,119,6,.14);color:#9a3412}.draft-kind.other{background:rgba(24,33,47,.1);color:var(--muted)}.draft-step-row input{width:100%;border:1px solid rgba(24,33,47,.15);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.92)}.action-hint{font-size:.9rem}.case-action-row{row-gap:8px}.dialog-backdrop{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:18px}.dialog-panel{width:min(860px,calc(100vw - 36px));max-height:calc(100vh - 36px);display:grid;grid-gap:14px;gap:14px}.dialog-scroll{max-height:calc(100vh - 190px);overflow:auto;padding-right:4px}.dialog-panel .field input,.dialog-panel .field select,.dialog-panel .field textarea{padding:12px 16px;line-height:1.35;text-indent:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dialog-panel .field input:focus,.dialog-panel .field select:focus,.dialog-panel .field textarea:focus{outline:none;border-color:rgba(59,130,246,.55);box-shadow:0 0 0 3px rgba(59,130,246,.16)}.project-picker-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr)}.create-mode-switch{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.audit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.audit-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.audit-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(24,33,47,.06);color:var(--ink);font-size:.88rem}.audit-pill strong{font-size:.8rem;color:var(--muted)}.context-note{padding:14px 16px;border-radius:16px;background:rgba(15,118,110,.08);border:1px solid rgba(15,118,110,.18);color:var(--ink)}.failure-summary{padding:16px;border-radius:18px;border:1px solid rgba(220,38,38,.18);background:linear-gradient(180deg,rgba(220,38,38,.08),rgba(255,255,255,.86))}.failure-text{margin-top:10px;color:#991b1b;white-space:pre-wrap}.conversion-result{margin-bottom:14px;padding:16px;border-radius:18px;border:1px solid rgba(21,128,61,.18);background:linear-gradient(180deg,rgba(21,128,61,.08),rgba(255,255,255,.82))}.conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px}.status{display:inline-flex;border-radius:999px;padding:5px 11px;font-size:.82rem;font-weight:600}.status.queued,.status.running{background:rgba(8,145,178,.14);color:#155e75}.status.passed{background:rgba(21,128,61,.14);color:#166534}.status.failed{background:rgba(220,38,38,.14);color:#991b1b}.status.cancelled{background:rgba(71,85,105,.14);color:#475569}.steps{display:grid;grid-gap:12px;gap:12px}.step-warning-list{display:grid;grid-gap:8px;gap:8px;margin-bottom:12px}.step-warning{padding:12px 14px;border-radius:16px;border:1px solid rgba(217,119,6,.18);background:rgba(217,119,6,.08);color:#9a3412}.step{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.74)}.step-warning-state{border-color:rgba(217,119,6,.24);background:linear-gradient(180deg,rgba(217,119,6,.08),rgba(255,255,255,.82))}.step-inline-warning{margin-top:10px;color:#9a3412;font-size:.92rem}.artifact-preview{width:100%;border-radius:16px;border:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.9)}.artifact-preview img{display:block;width:100%;height:auto}.empty{padding:16px;border-radius:16px;border:1px dashed rgba(24,33,47,.16);color:var(--muted)}.cta-empty{display:grid;grid-gap:10px;gap:10px;background:rgba(255,255,255,.56)}.cta-empty strong{color:var(--ink)}.runner-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}@media (max-width:1180px){.assertion-builder-grid,.audit-grid,.conversion-grid,.dashboard-grid,.dashboard-hero,.draft-step-row,.metrics-grid,.section-head,.subgrid,.topbar{grid-template-columns:1fr}.draft-step-row{align-items:stretch}.filter-grid,.project-picker-grid,.runner-context-grid{grid-template-columns:1fr}.form-hero{flex-direction:column}.form-side-tags,.nav-tabs{justify-content:flex-start}}@media (max-width:720px){.shell{padding:18px}.toast-wrap{top:12px;right:12px;width:calc(100vw - 24px)}.panel,.topbar{padding:18px;border-radius:20px}}