:root{--bg:#eef2ef;--surface:#fff;--ink:#1a1f1b;--muted:#5d665f;--line:#d8dfd9;--primary:#1f5b3f;--primary-soft:#edf5ef;--accent:#12324b;--accent-soft:#eef4f8;--warn:#8e5c1c;--warn-soft:#fef7ed;--good:#1f5b3f;--good-soft:#edf5ef;--bad:#9f2b2b;--bad-soft:#fef2f2;--shadow:0 14px 40px rgba(20,38,28,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.66),hsla(0,0%,100%,0)),radial-gradient(circle at top right,#dde6df 0,var(--bg) 48%,#ebefec 100%);color:var(--ink);font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif;font-size:14px;overflow-x:hidden}button,input,select,textarea{font:inherit}.mono,pre{font-family:SF Mono,Menlo,Consolas,monospace}button{border:1px solid var(--line);border-radius:9px;background:#f6faf7;color:var(--ink);cursor:pointer;padding:8px 11px;transition:transform .14s ease,border-color .14s ease,background .14s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#bfccc1;background:#fff}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#f7faf8;color:var(--ink);padding:9px 11px}textarea{resize:vertical}.shell{min-height:100vh;width:min(100%,1680px);margin:0 auto;padding:8px;display:grid;grid-gap:8px;gap:8px}.hero-banner,.panel,.top-band{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 95%,#f4f8f4 5%);box-shadow:var(--shadow)}.top-band{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(420px,1fr);grid-template-areas:"brand actions" "controls controls";grid-gap:7px;gap:7px;padding:7px}.brand-strip{grid-area:brand;display:flex;align-items:center;gap:12px;padding:9px 11px;min-height:82px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(246,251,247,.96),rgba(237,244,239,.94)),url(/banner-grid.svg);background-size:cover}.brand-logo{width:58px;height:58px;border-radius:9px;border:1px solid #d2dbd4;background:hsla(0,0%,100%,.88);object-fit:contain;flex:0 0 auto}.brand-copy{display:grid;grid-gap:2px;gap:2px}.brand-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.brand-copy strong{font-size:22px;line-height:1.04;letter-spacing:.02em;font-family:Palatino Linotype,Book Antiqua,serif;color:var(--primary)}.brand-copy.brand-lab5 strong{font-size:22px}.brand-subtitle{font-size:13px;color:var(--accent)}.brand-experiment-subtitle,.brand-tagline{color:var(--muted)}.brand-tagline{font-size:12px;line-height:1.3;max-width:760px}.right-toolbar{grid-area:actions;display:grid;grid-template-rows:auto auto;align-content:start;grid-gap:6px;gap:6px}.row-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));grid-gap:6px;gap:6px}.top-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.run-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.utility-actions{grid-template-columns:repeat(6,minmax(0,1fr))}.toolbar-button{min-height:38px;padding:7px 10px;font-size:13px}.compact-toolbar-button{min-height:34px;padding:6px 9px;font-size:12px}a.toolbar-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.run-button{min-height:40px;font-weight:700}.run-button.is-selected{border-color:rgba(31,91,63,.24);background:var(--primary-soft);color:var(--primary)}.run-button.run-both{background:var(--primary);border-color:var(--primary);color:#fff}.run-button.run-both:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 92%,#fff 8%)}.danger-button{background:var(--bad-soft);color:var(--bad);border-color:rgba(159,43,43,.2)}.danger-button:hover:not(:disabled){background:color-mix(in srgb,var(--bad-soft) 88%,#fff 12%)}.status-pill{border:1px solid var(--line);border-radius:9px;background:#f6faf7;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 9px;text-align:center;font-size:11px;line-height:1.15}.status-pill-link{color:var(--ink);text-decoration:none}.toggle-button{width:100%;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;letter-spacing:.03em}.toggle-button.is-on{background:var(--primary-soft);color:var(--primary);border-color:rgba(31,91,63,.24)}.toggle-button.is-off{background:var(--bad-soft);color:var(--bad);border-color:rgba(159,43,43,.18)}.top-controls{grid-area:controls;display:grid;grid-template-columns:minmax(120px,1fr) minmax(200px,1.2fr) minmax(280px,1.4fr) minmax(220px,1fr);grid-gap:7px;gap:7px;min-width:0}.field-block{display:grid;grid-gap:6px;gap:6px;min-width:0}.eyebrow,.field-block label,.tiny{font-size:12px;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}.label-inline-note{font-size:10px;text-transform:none;letter-spacing:.01em;color:var(--muted);font-weight:400;margin-left:6px}.field-note{color:var(--muted);font-size:11px;line-height:1.4}.wide{min-width:0}.key-field{grid-column:3/4}.status-field{grid-column:4/5}.status-box{height:100%;border:1px solid var(--line);border-radius:9px;background:#f6faf7;padding:8px 10px;display:grid;align-items:center}.status-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.combined-status-line .status-divider{color:var(--muted);opacity:.7}.dot{width:9px;height:9px;border-radius:999px;display:inline-block}.dot.good{background:var(--good)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.hero-banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);grid-gap:18px;gap:18px;padding:18px;overflow:hidden;position:relative}.hero-banner:after{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;background:radial-gradient(circle,rgba(31,91,63,.12),transparent 68%);pointer-events:none}.hero-copy h1{margin:6px 0 10px;font-size:clamp(32px,5vw,54px);line-height:.94;letter-spacing:-.03em;font-family:Palatino Linotype,Book Antiqua,serif;max-width:900px}.hero-text{max-width:760px;color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 14px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(31,91,63,.14);background:var(--primary-soft);color:var(--primary);font-size:12px;letter-spacing:.03em;text-transform:uppercase}.hero-summary{display:grid;grid-gap:10px;gap:10px}.summary-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.summary-card strong{display:block;font-size:20px;margin:3px 0 7px;font-family:Palatino Linotype,Book Antiqua,serif}.summary-card p{margin:0;color:var(--muted);line-height:1.45}.summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.ab-grid,.batch-grid,.batch-preview-list,.composer-grid,.control-band{display:grid;grid-gap:8px;gap:8px}.composer-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr)}.ab-grid,.batch-grid,.batch-preview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:14px}.run-card{display:grid;grid-gap:12px;gap:12px}.run-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,220px));grid-gap:10px;gap:10px;align-items:start}.compact-field{align-content:start}.compact-field input,.compact-field select{max-width:180px;min-height:36px;padding:6px 10px;border-radius:8px;background:#fcfdfc}.compact-field .field-note{max-width:220px}.lane-header,.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.lane-header h2,.panel-header h2{margin:2px 0 0;font-family:Palatino Linotype,Book Antiqua,serif;font-size:20px;line-height:1}.prompt-box{min-height:180px;margin-bottom:10px;line-height:1.5}.composer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.count-stepper{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;grid-gap:8px;gap:8px;align-items:center}.count-stepper button{min-height:38px;padding:0}.count-stepper input{text-align:center;font-weight:600}.comparison-grid,.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.metric-card,.metric-tile{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfb}.metric-card span,.metric-tile span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.metric-card strong,.metric-tile strong{font-size:18px;line-height:1;font-family:Palatino Linotype,Book Antiqua,serif}.tone-good{border-color:rgba(31,91,63,.28)}.tone-warn{border-color:rgba(142,92,28,.28)}.tone-bad{border-color:rgba(159,43,43,.28)}.tone-neutral{border-color:rgba(93,102,95,.18)}.batch-panel{display:grid;grid-gap:14px;gap:14px}.batch-controls{display:grid;grid-template-columns:minmax(240px,320px) minmax(160px,220px);grid-gap:12px;gap:12px;align-items:end}.batch-run-button{min-height:38px}.lane{min-height:460px}.lane-variant{position:relative}.lane-badge{border-radius:999px;padding:3px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.lane-badge.baseline{background:var(--accent-soft);color:var(--accent)}.lane-badge.variant{background:var(--primary-soft);color:var(--primary)}.lane-badge.is-live{background:var(--warn-soft);color:var(--warn)}.answer-block,.review-block{margin-top:12px}.answer-block label,.review-block label,.trace-card label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.response-box,.trace-copy{border:1px solid var(--line);border-radius:10px;background:#fbfcfb;padding:10px;line-height:1.55;white-space:pre-wrap}.compact-notes p{margin:0 0 6px}.live-feed{background:color-mix(in srgb,var(--accent-soft) 45%,#fff 55%)}.live-scroll-feed{max-height:320px;overflow:auto;display:grid;grid-gap:8px;gap:8px;align-content:start;grid-auto-rows:max-content;padding-right:4px}.feed-item{border:1px solid color-mix(in srgb,var(--line) 88%,var(--primary) 12%);border-radius:10px;background:#fff;padding:10px;display:grid;grid-gap:6px;gap:6px}.feed-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.thinking-bar{margin-bottom:12px;border:1px solid color-mix(in srgb,var(--line) 84%,var(--primary) 16%);border-radius:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(237,245,239,.88));padding:10px;display:grid;grid-gap:8px;gap:8px}.thinking-bar-copy{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.thinking-bar-copy span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.thinking-bar-copy strong{font-size:14px;color:var(--primary);font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif}.thinking-track{height:12px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--primary-soft) 82%,#fff 18%);border:1px solid rgba(31,91,63,.1)}.thinking-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2a6d4b,#3f8a61 45%,#77b889);transition:width .22s ease}.structural-phase-strip{margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbf9;padding:12px;display:grid;grid-gap:12px;gap:12px}.structural-phase-header h3{margin:2px 0 0;font-size:18px;font-family:Palatino Linotype,Book Antiqua,serif}.structural-phase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.decision-card,.phase-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;display:grid;grid-gap:8px;gap:8px}.phase-title{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.phase-status{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.04em}.phase-status.phase-good{background:var(--good-soft);color:var(--good);border-color:rgba(31,91,63,.18)}.phase-status.phase-warn{background:var(--warn-soft);color:var(--warn);border-color:rgba(142,92,28,.18)}.phase-status.phase-bad{background:var(--bad-soft);color:var(--bad);border-color:rgba(159,43,43,.18)}.phase-detail{margin:0;color:var(--ink);font-size:13px;line-height:1.45}.decision-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.decision-card span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.decision-card strong{font-size:15px;line-height:1.35;font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif}.review-details{margin-top:12px}.review-details summary{cursor:pointer;list-style:none;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.review-details summary::-webkit-details-marker{display:none}.review-details summary:after{content:"+";margin-left:8px}.review-details[open] summary:after{content:"-"}.response-box p,.trace-copy p{margin:0 0 8px}.response-box p:last-child,.trace-copy p:last-child{margin-bottom:0}.policy-box.policy-good{border-color:rgba(31,91,63,.2);background:var(--good-soft)}.policy-box.policy-warn{border-color:rgba(142,92,28,.22);background:var(--warn-soft)}.policy-box.policy-bad{border-color:rgba(159,43,43,.22);background:var(--bad-soft)}.trace-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.batch-plot-list,.batch-plot-row,.trace-grid{display:grid;grid-gap:10px;gap:10px}.batch-plot-row{border:1px solid var(--line);border-radius:10px;background:#fbfcfb;padding:10px}.batch-plot-copy{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.batch-plot-copy span{color:var(--muted);font-size:12px}.batch-bars{display:grid;grid-gap:8px;gap:8px}.batch-bar{height:12px;border-radius:999px}.batch-bar.baseline{background:color-mix(in srgb,var(--accent) 85%,#fff 15%)}.batch-bar.variant{background:color-mix(in srgb,var(--primary) 85%,#fff 15%)}.trace-card{min-height:100%}.empty-state{margin:0;color:var(--muted);line-height:1.55}.error-callout{margin:10px 0 0;padding:10px;border-radius:10px;border:1px solid rgba(159,43,43,.16);background:var(--bad-soft);color:var(--bad)}@media (max-width:1180px){.top-band{grid-template-areas:"brand" "actions" "controls"}.ab-grid,.batch-controls,.batch-grid,.batch-preview-list,.composer-grid,.decision-strip,.hero-banner,.row-actions,.run-config-grid,.structural-phase-grid,.top-band,.top-controls,.trace-grid{grid-template-columns:1fr}.key-field,.status-field{grid-column:auto}}@media (max-width:760px){.shell{padding:8px}.brand-strip{align-items:flex-start}.brand-copy strong{font-size:24px}.hero-copy h1{font-size:34px}.comparison-grid,.composer-fields,.metric-row{grid-template-columns:1fr 1fr}.batch-plot-copy,.thinking-bar-copy{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.batch-controls,.batch-grid,.batch-preview-list,.comparison-grid,.composer-fields,.metric-row{grid-template-columns:1fr}}