:root{--background:#f7f5ef;--panel:#fff;--panel-muted:#f2efe8;--text:#202124;--muted:#676c72;--line:#ded8cf;--accent:#156c5b;--accent-strong:#0f4d41;--amber:#a26011;--red:#b3261e;--blue:#315f9f;--shadow:0 14px 38px #20212414}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}.workspace{grid-template-rows:auto 1fr;grid-template-columns:minmax(280px,360px) minmax(360px,1fr) minmax(340px,500px);gap:16px;min-height:100vh;padding:18px;display:grid}.topBar{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 14px;display:flex}.topBarIntro{min-width:0;max-width:820px}.projectKicker{align-items:center;gap:10px;display:flex}.projectKicker a{color:#2563eb;text-underline-offset:2px;font-size:12px;font-weight:600;text-decoration:underline}.projectKicker a:hover{color:#1d4ed8}.topBar strong{margin-top:2px;font-size:18px;display:block}.topBarIntro p:not(.eyebrow){color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.topBarIntro p:not(.eyebrow) span{display:block}.controlPanel,.flowPanel,.detailPanel{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:8px}.controlPanel{flex-direction:column;gap:14px;padding:18px;display:flex}.flowPanel,.detailPanel{padding:18px}.brandBlock h1,.panelHeader h2{letter-spacing:0;margin:4px 0 0}.brandBlock h1{font-size:25px;line-height:1.12}.panelHeader h2{font-size:20px}.brandBlock p:not(.eyebrow),.detailSummary,.emptyState span{color:var(--muted);line-height:1.45}.brandBlock p:not(.eyebrow){font-size:12px}.brandBlock .demoDateNotice{color:var(--accent);margin-top:6px;font-size:11px;font-weight:700;line-height:1.4}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.requestForm{flex-direction:column;gap:10px;display:flex}.requestForm label,.modeBox span,.guideSection span{color:var(--muted);font-size:13px;font-weight:700}.scenarioGuide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 0;display:flex}.secondaryScenario{background:#fbfffd;border:1px dashed #156c5b52;border-radius:8px;padding:9px 10px}.secondaryScenario summary{cursor:pointer;color:var(--accent-strong);font-size:12px;font-weight:900}.secondaryScenario p{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.45}.secondaryScenario button{width:100%;min-height:34px;margin-top:6px;font-size:12px}.secondaryScenario .activeSecondaryScenario{background:var(--accent-strong)}.guideSection{flex-direction:column;gap:6px;display:flex}.guideSection p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.exampleGrid{flex-wrap:wrap;gap:6px;display:flex}.exampleChip{min-height:28px;color:var(--text);text-align:left;background:#f7fffc;border:1px solid #156c5b33;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 7px;display:inline-flex}.exampleChip:hover{border-color:var(--accent);box-shadow:0 0 0 3px #156c5b1a}.exampleChip strong,.exampleChip code{overflow-wrap:anywhere}.exampleChip strong{font-size:11px;line-height:1.1}.exampleChip code{color:var(--accent-strong);background:#ecf7f3;border-radius:999px;padding:3px 5px;font-size:10px;font-weight:800}textarea{resize:vertical;border:1px solid var(--line);min-height:150px;color:var(--text);background:#fffdf9;border-radius:8px;outline:none;padding:12px;line-height:1.5}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #156c5b24}.buttonRow{grid-template-columns:1fr 96px;gap:10px;display:grid}button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;min-height:40px;font-weight:800}button:disabled{cursor:wait;opacity:.72}.secondaryButton{border:1px solid var(--line);color:var(--text);background:var(--panel-muted)}.modeBox,.errorBox,.emptyState{border:1px solid var(--line);background:var(--panel-muted);border-radius:8px;padding:12px}.modeBox{justify-content:space-between;align-items:center;gap:10px;display:flex}.modeBox strong{color:var(--blue);font-size:14px}.errorBox{color:var(--red);background:#fff4f2}.flowRail{flex-direction:column;gap:10px;margin-top:16px;display:flex}.flowStep{border:1px solid var(--line);width:100%;min-height:82px;color:var(--text);text-align:left;background:#fffdf9;border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:grid}.flowStep.selected{border-color:var(--accent);box-shadow:0 0 0 3px #156c5b1f}.flowStep.pendingProgress{border-color:var(--line)}.flowStep.completedProgress{background:#fbfffd;border-color:#156c5b8c}.flowStep.activeProgress{background:#f1fff9;border-width:3px;border-color:#46cfa8;box-shadow:0 0 0 3px #46cfa833,0 10px 24px #0f4d411a}.flowStep.fallback{border-color:#a2601159}.flowStep.blocked{border-color:#b3261e6b}.flowStep.running{border-color:#315f9f59}.stepIndex{width:34px;height:34px;color:var(--accent-strong);background:#dcece7;border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.stepText{flex-direction:column;gap:5px;min-width:0;display:flex}.stepText strong,.stepText em,.stepText small{overflow-wrap:anywhere}.stepText em{color:var(--red);font-size:13px;font-style:normal;font-weight:900;line-height:1.35}.stepText small{color:var(--muted);line-height:1.35}.statusPill{color:var(--accent-strong);background:#dcece7;border-radius:999px;justify-self:start;padding:5px 8px;font-size:12px;font-weight:900}.fallback .statusPill{color:var(--amber);background:#f7ead8}.blocked .statusPill{color:var(--red);background:#ffe0dc}.running .statusPill{color:var(--blue);background:#dfe9f7}pre{border:1px solid var(--line);color:#f4f1ea;white-space:pre-wrap;overflow-wrap:anywhere;background:#171a1f;border-radius:8px;max-height:42vh;margin:0;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.detailPanel{flex-direction:column;gap:14px;display:flex}.detailPanel pre{flex:1;min-height:0;max-height:none}.jsonViewer{border:1px solid var(--line);color:#f4f1ea;background:#171a1f;border-radius:8px;flex:1;min-height:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;overflow:auto}.jsonBlock{white-space:normal}.jsonRow{overflow-wrap:anywhere;min-width:0;padding-left:12px}.jsonKey{color:#7ee3bd;font-weight:800}.jsonString{color:#f0d38a;white-space:pre-wrap;overflow-wrap:anywhere}.jsonNumber{color:#8cc8ff}.jsonBoolean{color:#d7a7ff;font-weight:800}.jsonNull,.jsonIndex{color:#9aa4ad}.jsonPunctuation{color:#d8dee4}.emptyState{flex-direction:column;justify-content:center;gap:8px;min-height:180px;display:flex}.finalSurface{border:1px solid var(--line);background:#fffdf9;border-radius:8px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex;overflow:auto}.answerHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.answerHeader div{flex-direction:column;gap:3px;display:flex}.answerHeader span,.answerHeader small{color:var(--muted);font-size:12px;font-weight:800}.answerHeader strong{color:var(--text);font-size:18px;line-height:1.25}.answerText{color:var(--text);white-space:pre-wrap;background:#f4fffa;border:1px solid #156c5b2e;border-radius:8px;margin:0;padding:12px;line-height:1.55}.rawAnswerDetails{background:#f8fffc;border:1px solid #156c5b2e;border-radius:8px}.rawAnswerDetails summary{cursor:pointer;color:var(--accent-strong);padding:10px 12px;font-size:13px;font-weight:900}.rawAnswerDetails .answerText{border:0;border-top:1px solid #156c5b24;border-radius:0 0 8px 8px}.compactAnswer{max-height:22vh;overflow:auto}.productList{flex-direction:column;gap:10px;display:flex}.productCard{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px;display:grid}.rankBadge{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.productMain,.productMeta,.productNotes{grid-column:2}.productMain{flex-direction:column;gap:3px;min-width:0;display:flex}.productTopline{justify-content:space-between;align-items:center;gap:8px;display:flex}.badgeRow,.specRow,.commerceRow{flex-wrap:wrap;gap:5px;display:flex}.badgeRow small,.specRow span,.commerceRow span,.discountPill{border-radius:999px;padding:3px 6px;font-size:11px;font-weight:850}.badgeRow small{color:var(--accent-strong);background:#e9f7f2}.productMain span,.productMeta span,.productNotes small{color:var(--muted);font-size:12px}.productMain strong{color:var(--text);font-size:15px;line-height:1.3}.productMain p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.productMeta{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;display:flex}.productMeta strong{color:var(--accent-strong);font-size:14px}.discountPill{color:var(--red);background:#ffe8e4}.listPrice{color:#858b91;text-decoration:line-through}.specRow{grid-column:2;margin-top:6px}.specRow span{color:#315f9f;background:#e9f0fb}.productNotes{border-top:1px solid var(--line);flex-direction:column;gap:3px;margin-top:8px;padding-top:8px;display:flex}.productNotes span{color:var(--text);font-size:13px;line-height:1.45}.commerceRow{grid-column:2;margin-top:8px}.commerceRow span{color:var(--muted);background:#f1eee7}.followUpBox{background:#fff8ed;border:1px solid #a2601147;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.followUpBox strong{color:var(--amber);font-size:13px}.followUpBox span{color:var(--text);font-size:13px}.resultTableWrap{border:1px solid var(--line);border-radius:8px;overflow:auto}.resultTable{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.resultTable th,.resultTable td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:9px 10px}.resultTable th{color:var(--accent-strong);background:#edf7f3;font-weight:900}.resultTable td{color:var(--text)}@media (max-width:1180px){.workspace{grid-template-columns:minmax(280px,380px) minmax(360px,1fr)}.detailPanel{grid-column:1/-1}}@media (max-width:760px){.workspace{grid-template-columns:1fr;padding:10px}.topBar{flex-direction:column;align-items:stretch}.flowStep{grid-template-columns:36px minmax(0,1fr)}.statusPill{grid-column:2;justify-self:start}}