.reply-roi{--roi-ink:#153c50;--roi-teal:#16bfd1;--roi-border:#d6e3ea;color:var(--roi-ink);margin:32px 0 48px}.reply-roi *{box-sizing:border-box}.reply-roi h2,.reply-roi h3{margin-top:0}.reply-roi-example-head{justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px;display:flex}.reply-roi-example-head h2{margin:8px 0 0}.reply-roi-example-head p{color:#516b7b;max-width:36ch;margin:0;font-size:14px;line-height:1.6}.reply-roi-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.reply-roi-presets button{border:1px solid var(--roi-border);color:var(--roi-ink);text-align:left;cursor:pointer;font:inherit;background:#fff;border-radius:12px;padding:16px}.reply-roi-presets button[aria-pressed=true]{background:#e9f8fa;border-color:#108496;box-shadow:inset 0 3px #108496}.reply-roi-presets strong{font-size:15px;display:block}.reply-roi-presets span{color:#526b7b;margin-top:6px;font-size:13px;line-height:1.55;display:block}.reply-roi-workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.reply-roi-inputs,.reply-roi-output{min-width:0}.reply-roi-inputs{border:1px solid var(--roi-border);background:#fff;border-radius:16px;padding:24px}.reply-roi-section-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.reply-roi-section-title h3{margin:0;font-size:20px}.reply-roi-section-title label{align-items:center;gap:7px;font-size:12px;display:flex}.reply-roi-section-title select{border:1px solid var(--roi-border);max-width:110px;color:inherit;font:inherit;background:#f3f8fa;border-radius:8px;padding:8px}.reply-roi-muted{color:#526b7b;margin:14px 0 20px;font-size:13px;line-height:1.6}.reply-roi-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;display:grid}.reply-roi-field{flex-direction:column;gap:7px;min-width:0;display:flex}.reply-roi-field>span{font-size:14px;font-weight:600;line-height:1.4}.reply-roi input,.reply-roi textarea{width:100%;color:var(--roi-ink);font:inherit;background:#f9fcfd;border:1px solid #b9cbd6;border-radius:8px;min-width:0;padding:11px 12px}.reply-roi input{font-variant-numeric:tabular-nums;font-size:19px}.reply-roi-field small{color:#526b7b;font-size:12px;line-height:1.55}.reply-roi input[aria-invalid=true]{border-color:#ab3f24}:is(.reply-roi button:focus-visible,.reply-roi input:focus-visible,.reply-roi select:focus-visible,.reply-roi summary:focus-visible){outline-offset:3px;outline:3px solid #08758a}.reply-roi-verdict{color:#fff;background:#153c50;border-top:5px solid #f0b270;border-radius:16px;padding:26px}.reply-roi-verdict[data-positive=true]{border-top-color:var(--roi-teal)}.reply-roi-verdict .eyebrow{color:#bddce4;letter-spacing:.1em;font-size:11px}.reply-roi-big{letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:12px 0;font-size:clamp(32px,4vw,48px);line-height:1.25;display:block}.reply-roi-verdict h3{color:#fff;margin:0 0 9px;font-size:19px}.reply-roi-verdict p{color:#d2e4eb;margin:0;font-size:13px;line-height:1.6}.reply-roi-metrics{background:var(--roi-border);border:1px solid var(--roi-border);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:16px 0;display:grid;overflow:hidden}.reply-roi-metrics>div{background:#fff;min-width:0;padding:16px}.reply-roi-metrics span,.reply-roi-metrics small{color:#526b7b;font-size:12px;line-height:1.5;display:block}.reply-roi-metrics strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:8px 0;font-size:21px;line-height:1.3;display:block}.reply-roi-time{background:#eaf4f7;border-radius:12px;padding:20px}.reply-roi-time h3{margin:0;font-size:17px}.reply-roi-time p{color:#526b7b;margin:6px 0 14px;font-size:12px;line-height:1.6}.reply-roi-time-row{margin:14px 0}.reply-roi-time-row>div:first-child{justify-content:space-between;gap:10px;margin-bottom:7px;font-size:13px;display:flex}.reply-roi-track{background:#dce9ef;border-radius:5px;height:14px;display:flex;overflow:hidden}.reply-roi-track span{height:100%}.reply-roi-track .manual{background:#8297a5}.reply-roi-track .handling{background:#08758a}.reply-roi-track .review{background:#31c8d5}.reply-roi-track .redo{background:#e8a851}.reply-roi-time .reply-roi-time-key{margin-bottom:0}.reply-roi-details{border-top:1px solid var(--roi-border);margin-top:22px;padding-top:16px}.reply-roi-details summary{cursor:pointer;padding:4px 0;font-size:14px;font-weight:600}.reply-roi-details .reply-roi-fields{margin-top:18px}.reply-roi-breakdown{font-size:13px}.reply-roi-breakdown div{border-bottom:1px solid var(--roi-border);justify-content:space-between;gap:16px;padding:9px 0;display:flex}.reply-roi-breakdown dd{text-align:right;white-space:nowrap;margin:0}.reply-roi-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.reply-roi-actions button{color:#fff;font:inherit;cursor:pointer;background:#153c50;border:1px solid #153c50;border-radius:8px;padding:11px 16px;font-size:13px}.reply-roi-actions button+button{color:#153c50;background:#fff}.reply-roi-footnote{color:#526b7b;max-width:85ch;font-size:13px;line-height:1.7}.reply-roi-error{color:#80321e;background:#fff0e8;border:1px solid #deb29f;border-radius:8px;padding:16px;font-size:14px}@media (max-width:850px){.reply-roi-workspace{grid-template-columns:1fr}.reply-roi-example-head{display:block}.reply-roi-example-head p{max-width:none;margin-top:12px}.reply-roi-presets{gap:8px}.reply-roi-presets button{padding:12px}.reply-roi-inputs{padding:20px}}@media (max-width:480px){.reply-roi-presets{grid-template-columns:1fr}.reply-roi-presets button{padding:13px 15px}.reply-roi-presets span{margin-top:3px}.reply-roi-fields{grid-template-columns:1fr}.reply-roi-inputs{padding:18px}.reply-roi-section-title{align-items:start}.reply-roi-section-title h3{font-size:19px}.reply-roi-section-title label{display:block}.reply-roi-section-title select{margin-top:4px;display:block}.reply-roi-metrics>div{padding:13px}.reply-roi-metrics strong{font-size:18px}.reply-roi-verdict{padding:22px}.reply-roi-breakdown div{flex-direction:column;gap:3px}.reply-roi-breakdown dd{text-align:left}}.reply-roi-edit-link{display:none}@media (max-width:850px){.reply-roi-output{order:-1}.reply-roi-edit-link{margin:12px 0 0;font-size:14px;font-weight:600;display:inline-block}#workflow-inputs{scroll-margin-top:90px}}
