/* Agent-only redemption collection. The shared form, lookup and order UI stay intact. */
.redeem-body[data-template^="agent-"][data-template]{--page-bg:var(--design-background);--surface:var(--preset-surface);--surface-soft:var(--preset-soft);--field-bg:var(--preset-field);--ink:var(--preset-ink);--muted-ink:var(--preset-muted);--subtle:var(--preset-muted);--line-ui:var(--preset-line);--action:var(--design-accent);--action-soft:color-mix(in srgb,var(--design-accent) 11%,var(--preset-surface));--shadow-ui:var(--preset-shadow);color-scheme:var(--preset-scheme,light);background:var(--preset-backdrop,var(--page-bg))}
.redeem-body[data-template^="agent-"][data-template] .redeem-form-card{border-radius:var(--agent-card-radius,22px);background:var(--surface);box-shadow:var(--shadow-ui)}
.redeem-body[data-template^="agent-"][data-template] .button-primary,.redeem-body[data-template^="agent-"][data-template] .mode-tab[aria-current="page"],.redeem-body[data-template^="agent-"][data-template] .brand-symbol{background:color-mix(in srgb,var(--design-accent) 50%,var(--preset-button));color:#fff}
.redeem-body[data-template^="agent-"][data-template] .mode-switch,.redeem-body[data-template^="agent-"][data-template] .theme-picker{background:var(--surface);border-color:var(--line-ui)}
.redeem-body[data-template^="agent-"][data-template] .redeem-layout{min-height:620px}

/* 01 — Aurora: broad translucent process panel and floating form. */
.redeem-body[data-template="agent-01"][data-template]{--preset-bg:#e9f8f5;--preset-surface:#fff;--preset-soft:#e7f5f1;--preset-field:#f8fcfa;--preset-ink:#123e3a;--preset-muted:#4e716e;--preset-line:#b7dad2;--preset-action:#087e70;--preset-button:#087e70;--preset-shadow:0 32px 76px rgba(14,110,100,.17);--preset-backdrop:radial-gradient(circle at 8% 12%,#bde8dd,transparent 42%),linear-gradient(140deg,#e9f8f5,var(--page-bg) 75%)}
.redeem-body[data-template="agent-01"][data-template] .redeem-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%}
.redeem-body[data-template="agent-01"][data-template] .layout-steps{padding:26px;border-left:5px solid var(--action);background:rgba(255,255,255,.48);border-radius:5px 28px 28px 5px}
.redeem-body[data-template="agent-01"][data-template] .redeem-form-card{transform:translateY(22px)}

/* 02 — Mono: typographic newspaper with a narrow right column. */
.redeem-body[data-template="agent-02"][data-template]{--preset-bg:#f2f0eb;--preset-surface:#fff;--preset-soft:#f5f3ed;--preset-field:#fff;--preset-ink:#1c1c1c;--preset-muted:#555;--preset-line:#999;--preset-action:#232323;--preset-button:#232323;--preset-shadow:none;--agent-card-radius:0}
.redeem-body[data-template="agent-02"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.5fr) minmax(340px,.72fr);gap:7%}
.redeem-body[data-template="agent-02"][data-template] .intro-top{padding-bottom:18px;border-bottom:3px solid var(--ink);margin-bottom:74px}
.redeem-body[data-template="agent-02"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(66px,7vw,108px);font-weight:500}
.redeem-body[data-template="agent-02"][data-template] .redeem-form-card{border:2px solid var(--ink);padding:25px}
.redeem-body[data-template="agent-02"][data-template] .step-line{border-top:1px solid var(--ink);padding-top:14px;padding-bottom:16px}

/* 03 — Stack: action first, instructions in a horizontal lower rail. */
.redeem-body[data-template="agent-03"][data-template]{--preset-bg:#eaf0ff;--preset-surface:#fff;--preset-soft:#f0f4ff;--preset-field:#fafbff;--preset-ink:#24345e;--preset-muted:#596787;--preset-line:#c8d3ee;--preset-action:#465bb9;--preset-button:#465bb9;--preset-shadow:0 25px 65px rgba(54,77,157,.13);--agent-card-radius:26px}
.redeem-body[data-template="agent-03"][data-template] .redeem-layout{grid-template-columns:1fr;max-width:930px;margin:auto;gap:50px}
.redeem-body[data-template="agent-03"][data-template] .layout-form{max-width:760px;width:100%;margin:auto}
.redeem-body[data-template="agent-03"][data-template] .layout-steps{max-width:none;padding:24px 28px;border-top:5px solid var(--action);background:var(--surface);border-radius:15px}
.redeem-body[data-template="agent-03"][data-template] .intro-top{margin-bottom:20px}
.redeem-body[data-template="agent-03"][data-template] .workflow-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px}
.redeem-body[data-template="agent-03"][data-template] .workflow-copy>:not(.step-line){grid-column:1/-1}
.redeem-body[data-template="agent-03"][data-template] .workflow-copy h1{font-size:36px}
.redeem-body[data-template="agent-03"][data-template] .step-line{padding:12px;border:1px solid var(--line-ui);border-radius:9px}

/* 04 — Dashboard: equal, contained work panels. */
.redeem-body[data-template="agent-04"][data-template]{--preset-bg:#132432;--preset-surface:#20394b;--preset-soft:#294659;--preset-field:#152d3d;--preset-ink:#f1fbfb;--preset-muted:#bad1db;--preset-line:#476577;--preset-action:#80e7d3;--preset-button:#167f78;--preset-shadow:0 20px 52px rgba(3,18,27,.3);--preset-scheme:dark;--preset-backdrop:linear-gradient(90deg,#102433,var(--page-bg))}
.redeem-body[data-template="agent-04"][data-template] .redeem-layout{grid-template-columns:1fr 1fr;gap:18px}
.redeem-body[data-template="agent-04"][data-template] .layout-steps{padding:30px;background:var(--surface);border:1px solid var(--line-ui);border-radius:14px}
.redeem-body[data-template="agent-04"][data-template] .intro-top{margin-bottom:35px}
.redeem-body[data-template="agent-04"][data-template] .redeem-form-card{box-shadow:none}
.redeem-body[data-template="agent-04"][data-template] .step-line{border-bottom:1px solid var(--line-ui);padding-bottom:17px;margin-bottom:12px}

/* 05 — Ribbon: full-width campaign banner above centered checkout. */
.redeem-body[data-template="agent-05"][data-template]{--preset-bg:#fff0e4;--preset-surface:#fffaf5;--preset-soft:#fbe8db;--preset-field:#fff;--preset-ink:#4d3024;--preset-muted:#775d51;--preset-line:#e8c2ae;--preset-action:#bc6232;--preset-button:#bc6232;--preset-shadow:0 26px 70px rgba(150,76,35,.16);--preset-backdrop:linear-gradient(#b96339 0 190px,var(--page-bg) 190px)}
.redeem-body[data-template="agent-05"][data-template] .redeem-layout{grid-template-columns:1fr;max-width:1080px;margin:auto;gap:28px}
.redeem-body[data-template="agent-05"][data-template] .layout-steps{max-width:none;padding:28px 35px;background:var(--surface);border-radius:25px 25px 4px 4px}
.redeem-body[data-template="agent-05"][data-template] .intro-top{margin-bottom:22px}
.redeem-body[data-template="agent-05"][data-template] .workflow-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 15px}
.redeem-body[data-template="agent-05"][data-template] .workflow-copy>:not(.step-line){grid-column:1/-1}
.redeem-body[data-template="agent-05"][data-template] .workflow-copy h1{font-size:clamp(38px,5vw,62px)}
.redeem-body[data-template="agent-05"][data-template] .layout-form{max-width:780px;width:100%;margin:auto}

/* 06 — Halo: radial, centered single-column composition. */
.redeem-body[data-template="agent-06"][data-template]{--preset-bg:#f2edff;--preset-surface:#fff;--preset-soft:#f7f2ff;--preset-field:#fcfaff;--preset-ink:#3d315c;--preset-muted:#706385;--preset-line:#d8c9ed;--preset-action:#7953c0;--preset-button:#7953c0;--preset-shadow:0 22px 76px rgba(99,64,172,.15);--preset-backdrop:radial-gradient(circle at 50% 9%,#dfccff,transparent 37%),var(--page-bg);--agent-card-radius:40px}
.redeem-body[data-template="agent-06"][data-template] .redeem-layout{display:block;max-width:680px;margin:auto}
.redeem-body[data-template="agent-06"][data-template] .layout-steps{text-align:center}
.redeem-body[data-template="agent-06"][data-template] .intro-top{margin-bottom:60px}
.redeem-body[data-template="agent-06"][data-template] .workflow-copy h1{font-size:clamp(58px,7vw,92px)}
.redeem-body[data-template="agent-06"][data-template] .intro-description,.redeem-body[data-template="agent-06"][data-template] .intro-divider,.redeem-body[data-template="agent-06"][data-template] .privacy-note{margin-left:auto;margin-right:auto}
.redeem-body[data-template="agent-06"][data-template] .step-line{text-align:left}
.redeem-body[data-template="agent-06"][data-template] .layout-form{margin-top:60px;max-width:none}
.redeem-body[data-template="agent-06"][data-template] .brand-symbol,.redeem-body[data-template="agent-06"][data-template] .step-line>span{border-radius:50%}

/* 07 — Ledger: fixed narrow vertical navigation rail. */
.redeem-body[data-template="agent-07"][data-template]{--preset-bg:#eee9dc;--preset-surface:#fffdf8;--preset-soft:#f5efe2;--preset-field:#fffdf8;--preset-ink:#443829;--preset-muted:#756754;--preset-line:#d2c5ad;--preset-action:#715b39;--preset-button:#715b39;--preset-shadow:0 12px 38px rgba(74,57,37,.1);--agent-card-radius:3px}
.redeem-body[data-template="agent-07"][data-template] .redeem-layout{grid-template-columns:minmax(240px,.48fr) minmax(0,1fr);gap:20px}
.redeem-body[data-template="agent-07"][data-template] .layout-steps{padding:24px;background:#e2d9c6;min-height:650px;border-right:5px double var(--action)}
.redeem-body[data-template="agent-07"][data-template] .intro-top{display:grid;gap:17px;margin-bottom:46px}
.redeem-body[data-template="agent-07"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(36px,4vw,56px)}
.redeem-body[data-template="agent-07"][data-template] .step-line{border-bottom:1px solid var(--line-ui);padding:12px 0}

/* 08 — Window: large form in front of compact guide. */
.redeem-body[data-template="agent-08"][data-template]{--preset-bg:#e8f3f4;--preset-surface:#fff;--preset-soft:#eaf7f8;--preset-field:#fafefe;--preset-ink:#1d4148;--preset-muted:#5c777d;--preset-line:#c3dfe3;--preset-action:#217d88;--preset-button:#217d88;--preset-shadow:0 28px 80px rgba(24,98,107,.16);--agent-card-radius:12px}
.redeem-body[data-template="agent-08"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.25fr) minmax(270px,.7fr);gap:32px}
.redeem-body[data-template="agent-08"][data-template] .layout-steps{padding:20px 0}
.redeem-body[data-template="agent-08"][data-template] .intro-top{display:grid;gap:18px;margin-bottom:35px}
.redeem-body[data-template="agent-08"][data-template] .workflow-copy h1{font-size:clamp(38px,4vw,58px)}
.redeem-body[data-template="agent-08"][data-template] .redeem-form-card{border-left:7px solid var(--action)}

/* 09 — Ticket: perforated checkout and information stub. */
.redeem-body[data-template="agent-09"][data-template]{--preset-bg:#fff6dc;--preset-surface:#fffdf4;--preset-soft:#fff3d5;--preset-field:#fffdf8;--preset-ink:#4c3c20;--preset-muted:#7a694a;--preset-line:#dac48e;--preset-action:#a7741d;--preset-button:#a7741d;--preset-shadow:0 18px 53px rgba(121,86,25,.14);--agent-card-radius:4px}
.redeem-body[data-template="agent-09"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.15fr) minmax(270px,.8fr);gap:17px}
.redeem-body[data-template="agent-09"][data-template] .redeem-form-card{border:2px dashed var(--action);position:relative}
.redeem-body[data-template="agent-09"][data-template] .redeem-form-card::after{content:"";position:absolute;right:-10px;top:0;bottom:0;border-right:2px dashed var(--action)}
.redeem-body[data-template="agent-09"][data-template] .layout-steps{padding:26px;background:var(--surface);border:1px solid var(--line-ui)}
.redeem-body[data-template="agent-09"][data-template] .intro-top{margin-bottom:27px}
.redeem-body[data-template="agent-09"][data-template] .step-line{border-top:1px dashed var(--line-ui);padding-top:11px;padding-bottom:11px}

/* 10 — Terminal: form first, monospaced console frame. */
.redeem-body[data-template="agent-10"][data-template]{--preset-bg:#091713;--preset-surface:#142a21;--preset-soft:#1c382a;--preset-field:#0d2118;--preset-ink:#e7ffe9;--preset-muted:#aad3b3;--preset-line:#386d47;--preset-action:#84edaa;--preset-button:#267047;--preset-shadow:0 0 0 1px #337550,0 25px 65px rgba(0,0,0,.3);--preset-scheme:dark;--preset-backdrop:repeating-linear-gradient(0deg,transparent 0 39px,rgba(125,232,160,.04) 39px 40px),var(--page-bg);--agent-card-radius:4px}
.redeem-body[data-template="agent-10"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.15fr) minmax(260px,.7fr);gap:35px}
.redeem-body[data-template="agent-10"][data-template] .redeem-form-card{border:1px solid #65b979}
.redeem-body[data-template="agent-10"][data-template] .workflow-copy,.redeem-body[data-template="agent-10"][data-template] .form-card-top,.redeem-body[data-template="agent-10"][data-template] .step-line>span{font-family:ui-monospace,Consolas,monospace}
.redeem-body[data-template="agent-10"][data-template] .workflow-copy h1{font-size:clamp(38px,4vw,61px)}
.redeem-body[data-template="agent-10"][data-template] .intro-top{margin-bottom:55px}

/* 11 — Paper: a centered handwritten-like document with a ruled form. */
.redeem-body[data-template="agent-11"][data-template]{--preset-bg:#f7f0e4;--preset-surface:#fffcf6;--preset-soft:#f7efdf;--preset-field:#fffcf6;--preset-ink:#493b2b;--preset-muted:#756959;--preset-line:#d9c8ac;--preset-action:#8a6540;--preset-button:#8a6540;--preset-shadow:0 15px 38px rgba(91,65,38,.1);--preset-backdrop:repeating-linear-gradient(0deg,var(--page-bg) 0 37px,#e7dccb 37px 38px);--agent-card-radius:2px}
.redeem-body[data-template="agent-11"][data-template] .redeem-layout{display:block;max-width:750px;margin:auto}
.redeem-body[data-template="agent-11"][data-template] .layout-steps{padding:30px 37px;background:var(--surface);border:1px solid var(--line-ui)}
.redeem-body[data-template="agent-11"][data-template] .intro-top{margin-bottom:45px}
.redeem-body[data-template="agent-11"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-weight:550}
.redeem-body[data-template="agent-11"][data-template] .layout-form{margin-top:30px;max-width:none}
.redeem-body[data-template="agent-11"][data-template] .redeem-form-card{border-top:7px double var(--action)}

/* 12 — Prism: diagonal split, offset polygon cards. */
.redeem-body[data-template="agent-12"][data-template]{--preset-bg:#edf0ff;--preset-surface:#fff;--preset-soft:#f0efff;--preset-field:#fcfbff;--preset-ink:#303966;--preset-muted:#677099;--preset-line:#cdd3f1;--preset-action:#565abd;--preset-button:#565abd;--preset-shadow:0 22px 60px rgba(70,78,150,.14);--preset-backdrop:linear-gradient(120deg,#d8def8 0 44%,var(--page-bg) 44%)}
.redeem-body[data-template="agent-12"][data-template] .redeem-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px}
.redeem-body[data-template="agent-12"][data-template] .layout-steps{padding:34px 29px;background:rgba(255,255,255,.7);clip-path:polygon(0 0,100% 0,93% 100%,0 100%)}
.redeem-body[data-template="agent-12"][data-template] .redeem-form-card{border-radius:28px 6px 28px 6px;transform:translateY(28px)}
.redeem-body[data-template="agent-12"][data-template] .intro-top{margin-bottom:55px}

/* 13 — Gallery: oversized exhibition heading with framed counter. */
.redeem-body[data-template="agent-13"][data-template]{--preset-bg:#f2e8ed;--preset-surface:#fff;--preset-soft:#f8eef4;--preset-field:#fffafd;--preset-ink:#553544;--preset-muted:#7b626d;--preset-line:#e3c5d2;--preset-action:#a94c73;--preset-button:#a94c73;--preset-shadow:0 25px 65px rgba(154,75,109,.13);--agent-card-radius:0}
.redeem-body[data-template="agent-13"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.2fr) minmax(350px,.85fr);gap:7%}
.redeem-body[data-template="agent-13"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(62px,7vw,106px);font-weight:500}
.redeem-body[data-template="agent-13"][data-template] .intro-top{margin-bottom:98px}
.redeem-body[data-template="agent-13"][data-template] .redeem-form-card{border:8px solid var(--surface);outline:1px solid var(--action)}
.redeem-body[data-template="agent-13"][data-template] .step-line{max-width:480px;border-left:2px solid var(--action);padding-left:18px}

/* 14 — Cobalt: saturated left block and floating right form. */
.redeem-body[data-template="agent-14"][data-template]{--preset-bg:#e6edfc;--preset-surface:#fff;--preset-soft:#edf2ff;--preset-field:#f9fbff;--preset-ink:#263964;--preset-muted:#607096;--preset-line:#c5d2ef;--preset-action:#2455b4;--preset-button:#2455b4;--preset-shadow:0 30px 70px rgba(31,75,162,.2);--preset-backdrop:linear-gradient(90deg,#2455b4 0 38%,var(--page-bg) 38%)}
.redeem-body[data-template="agent-14"][data-template] .redeem-layout{grid-template-columns:1fr;gap:30px;max-width:1100px;margin:auto}
.redeem-body[data-template="agent-14"][data-template] .layout-steps{grid-column:1;max-width:none;padding:26px 34px;background:#2455b4;border-radius:15px;color:#fff}
.redeem-body[data-template="agent-14"][data-template] .layout-steps :is(h1,.intro-accent,.step-line strong,.brand-mark){color:#fff}
.redeem-body[data-template="agent-14"][data-template] .layout-steps :is(.intro-description,.step-line p,.privacy-note p){color:#e1ebff}
.redeem-body[data-template="agent-14"][data-template] .layout-steps .privacy-note{background:#17469e;border-color:#7197da}
.redeem-body[data-template="agent-14"][data-template] .intro-top{margin-bottom:19px}
.redeem-body[data-template="agent-14"][data-template] .workflow-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}
.redeem-body[data-template="agent-14"][data-template] .workflow-copy>:not(.step-line){grid-column:1/-1}
.redeem-body[data-template="agent-14"][data-template] .step-line{padding:11px;border:1px solid #79a2e4;border-radius:8px;background:#1b4ba7}
.redeem-body[data-template="agent-14"][data-template] .layout-form{max-width:760px;width:100%;margin:auto}
.redeem-body[data-template="agent-14"][data-template] .redeem-form-card{margin-top:0}

/* 15 — Mint: top-aligned three-step cards and centered action. */
.redeem-body[data-template="agent-15"][data-template]{--preset-bg:#e9f6ee;--preset-surface:#fff;--preset-soft:#e9f7ed;--preset-field:#fbfffc;--preset-ink:#214a36;--preset-muted:#62816c;--preset-line:#c7e1cf;--preset-action:#277d59;--preset-button:#277d59;--preset-shadow:0 20px 58px rgba(40,112,73,.12)}
.redeem-body[data-template="agent-15"][data-template] .redeem-layout{grid-template-columns:1fr;max-width:1010px;margin:auto;gap:40px}
.redeem-body[data-template="agent-15"][data-template] .layout-steps{max-width:none}
.redeem-body[data-template="agent-15"][data-template] .intro-top{margin-bottom:22px}
.redeem-body[data-template="agent-15"][data-template] .workflow-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.redeem-body[data-template="agent-15"][data-template] .workflow-copy>:not(.step-line){grid-column:1/-1}
.redeem-body[data-template="agent-15"][data-template] .step-line{display:block;padding:18px;border-radius:18px;background:var(--surface);box-shadow:0 7px 20px rgba(40,112,73,.07)}
.redeem-body[data-template="agent-15"][data-template] .step-line>span{margin-bottom:11px;border-radius:50%}
.redeem-body[data-template="agent-15"][data-template] .layout-form{max-width:760px;width:100%;margin:auto}

/* 16 — Sunset: colored upper banner, sunlit middle checkout. */
.redeem-body[data-template="agent-16"][data-template]{--preset-bg:#fff0e7;--preset-surface:#fffaf4;--preset-soft:#ffece1;--preset-field:#fffdf9;--preset-ink:#56382b;--preset-muted:#7c6254;--preset-line:#e8c8b4;--preset-action:#ba5540;--preset-button:#ba5540;--preset-shadow:0 28px 64px rgba(171,77,51,.14);--preset-backdrop:radial-gradient(circle at 83% 8%,#ffd089,transparent 20%),linear-gradient(#de7653 0 220px,var(--page-bg) 220px)}
.redeem-body[data-template="agent-16"][data-template] .redeem-layout{grid-template-columns:1fr;max-width:1040px;margin:auto;gap:23px}
.redeem-body[data-template="agent-16"][data-template] .layout-steps{max-width:none;padding:26px 32px;background:var(--surface);border-radius:48px 48px 8px 8px}
.redeem-body[data-template="agent-16"][data-template] .intro-top{margin-bottom:16px}
.redeem-body[data-template="agent-16"][data-template] .workflow-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 20px}
.redeem-body[data-template="agent-16"][data-template] .workflow-copy>:not(.step-line){grid-column:1/-1}
.redeem-body[data-template="agent-16"][data-template] .layout-form{max-width:760px;width:100%;margin:auto}
.redeem-body[data-template="agent-16"][data-template] .redeem-form-card{border-radius:7px 7px 28px 28px}

/* 17 — Noir: dark editorial copy paired with fine gold frame. */
.redeem-body[data-template="agent-17"][data-template]{--preset-bg:#171c29;--preset-surface:#282d3c;--preset-soft:#303646;--preset-field:#202735;--preset-ink:#fff9ec;--preset-muted:#c8c4bd;--preset-line:#565663;--preset-action:#e2c792;--preset-button:#765d38;--preset-shadow:0 28px 70px rgba(0,0,0,.31);--preset-scheme:dark;--agent-card-radius:1px}
.redeem-body[data-template="agent-17"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.45fr) minmax(350px,.8fr);gap:7%}
.redeem-body[data-template="agent-17"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(62px,7vw,104px);font-weight:400}
.redeem-body[data-template="agent-17"][data-template] .intro-top{margin-bottom:80px}
.redeem-body[data-template="agent-17"][data-template] .redeem-form-card{border:1px solid #ae966b;box-shadow:inset 0 0 0 7px #282d3c,inset 0 0 0 8px #746549,var(--shadow-ui)}
.redeem-body[data-template="agent-17"][data-template] .step-line{border-top:1px solid #9b8766;padding-top:13px}

/* 18 — Brutal: thick modular grid with offset shadows. */
.redeem-body[data-template="agent-18"][data-template]{--preset-bg:#f1f13e;--preset-surface:#fff;--preset-soft:#fafac2;--preset-field:#fff;--preset-ink:#191919;--preset-muted:#393939;--preset-line:#191919;--preset-action:#191919;--preset-button:#191919;--preset-shadow:8px 8px 0 #191919;--agent-card-radius:0}
.redeem-body[data-template="agent-18"][data-template] .redeem-layout{grid-template-columns:1fr 1fr;gap:35px}
.redeem-body[data-template="agent-18"][data-template] .layout-steps{padding:27px;background:#fff;border:4px solid #191919;box-shadow:var(--preset-shadow)}
.redeem-body[data-template="agent-18"][data-template] .redeem-form-card{border:4px solid #191919}
.redeem-body[data-template="agent-18"][data-template] .intro-top{margin-bottom:45px}
.redeem-body[data-template="agent-18"][data-template] .workflow-copy h1{font-weight:950;text-transform:uppercase}
.redeem-body[data-template="agent-18"][data-template] .step-line{padding:13px 0;border-top:3px solid #191919}

/* 19 — Sakura: pink reverse layout with sculpted soft panels. */
.redeem-body[data-template="agent-19"][data-template]{--preset-bg:#fcecf1;--preset-surface:#fff;--preset-soft:#fff0f5;--preset-field:#fffcfe;--preset-ink:#5b3448;--preset-muted:#866577;--preset-line:#eec9d9;--preset-action:#b64f7c;--preset-button:#b64f7c;--preset-shadow:0 22px 66px rgba(156,68,107,.13);--agent-card-radius:45px 8px 45px 8px;--preset-backdrop:radial-gradient(circle at 12% 12%,#ffd5e4,transparent 33%),var(--page-bg)}
.redeem-body[data-template="agent-19"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:42px}
.redeem-body[data-template="agent-19"][data-template] .layout-steps{padding:18px;border-radius:42px 42px 10px 42px;background:rgba(255,255,255,.65)}
.redeem-body[data-template="agent-19"][data-template] .intro-top{margin-bottom:37px}
.redeem-body[data-template="agent-19"][data-template] .step-line>span,.redeem-body[data-template="agent-19"][data-template] .brand-symbol{border-radius:50%}

/* 20 — Deep sea: blue-left gradient layer and lowered form. */
.redeem-body[data-template="agent-20"][data-template]{--preset-bg:#dff1f5;--preset-surface:#fff;--preset-soft:#e8f6f8;--preset-field:#f8fdff;--preset-ink:#163d51;--preset-muted:#537384;--preset-line:#bddae2;--preset-action:#12627e;--preset-button:#12627e;--preset-shadow:0 35px 78px rgba(17,96,122,.17);--preset-backdrop:linear-gradient(120deg,#b6e1ec 0 37%,var(--page-bg) 37%)}
.redeem-body[data-template="agent-20"][data-template] .redeem-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.2fr);gap:8%}
.redeem-body[data-template="agent-20"][data-template] .layout-steps{padding:35px 24px;background:#d4eaf0;border-radius:0 85px 25px 25px}
.redeem-body[data-template="agent-20"][data-template] .intro-top{display:grid;gap:16px;margin-bottom:50px}
.redeem-body[data-template="agent-20"][data-template] .redeem-form-card{margin-top:44px;border-bottom:7px solid var(--action)}

/* 21 — Emerald: asymmetric green window with framed process cards. */
.redeem-body[data-template="agent-21"][data-template]{--preset-bg:#e8f2e8;--preset-surface:#fff;--preset-soft:#e9f4e9;--preset-field:#fafffa;--preset-ink:#244834;--preset-muted:#5b7966;--preset-line:#c2dbc7;--preset-action:#296c44;--preset-button:#296c44;--preset-shadow:0 22px 58px rgba(40,105,64,.13);--agent-card-radius:18px 18px 55px 18px}
.redeem-body[data-template="agent-21"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.28fr) minmax(320px,.78fr);gap:35px}
.redeem-body[data-template="agent-21"][data-template] .layout-steps{padding:30px;border:2px solid var(--action);border-radius:20px;background:#f7fff8}
.redeem-body[data-template="agent-21"][data-template] .intro-top{margin-bottom:55px}
.redeem-body[data-template="agent-21"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif}
.redeem-body[data-template="agent-21"][data-template] .step-line{border-bottom:1px solid var(--line-ui);padding:12px 0}

/* 22 — Blueprint: blue grid and labeled console rectangles. */
.redeem-body[data-template="agent-22"][data-template]{--preset-bg:#0d2e47;--preset-surface:#183d58;--preset-soft:#214c66;--preset-field:#10334e;--preset-ink:#f3fbff;--preset-muted:#a7ccdd;--preset-line:#4a7893;--preset-action:#87dbf5;--preset-button:#1f7199;--preset-shadow:none;--preset-scheme:dark;--preset-backdrop:linear-gradient(rgba(165,220,245,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(165,220,245,.09) 1px,transparent 1px),var(--page-bg);background-size:24px 24px;--agent-card-radius:0}
.redeem-body[data-template="agent-22"][data-template] .redeem-layout{grid-template-columns:1fr 1fr;gap:23px}
.redeem-body[data-template="agent-22"][data-template] .layout-steps{padding:27px;border:1px solid var(--action);background:var(--surface)}
.redeem-body[data-template="agent-22"][data-template] .redeem-form-card{border:1px solid var(--action)}
.redeem-body[data-template="agent-22"][data-template] .intro-top{margin-bottom:42px}
.redeem-body[data-template="agent-22"][data-template] .step-line{border-top:1px solid var(--line-ui);padding-top:13px}

/* 23 — Neon: staggered glowing dual windows. */
.redeem-body[data-template="agent-23"][data-template]{--preset-bg:#17122e;--preset-surface:#292347;--preset-soft:#342d57;--preset-field:#211d3b;--preset-ink:#f9f4ff;--preset-muted:#c7b7db;--preset-line:#695685;--preset-action:#d9abff;--preset-button:#8552b4;--preset-shadow:0 0 28px rgba(199,117,255,.25),0 25px 70px rgba(0,0,0,.3);--preset-scheme:dark;--preset-backdrop:radial-gradient(circle at 15% 14%,#523272,transparent 33%),radial-gradient(circle at 89% 77%,#22456f,transparent 38%),var(--page-bg)}
.redeem-body[data-template="agent-23"][data-template] .redeem-layout{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:52px}
.redeem-body[data-template="agent-23"][data-template] .layout-steps{padding:25px;border:1px solid #8559ae;border-radius:26px;background:rgba(41,35,71,.72)}
.redeem-body[data-template="agent-23"][data-template] .redeem-form-card{border:2px solid #b375eb;transform:translateY(45px)}
.redeem-body[data-template="agent-23"][data-template] .intro-top{margin-bottom:67px}
.redeem-body[data-template="agent-23"][data-template] .brand-symbol{box-shadow:0 0 22px #a86ed0}

/* 24 — Quartz: quiet central column with line-only form. */
.redeem-body[data-template="agent-24"][data-template]{--preset-bg:#f0eee8;--preset-surface:#fff;--preset-soft:#f5f2ec;--preset-field:#fff;--preset-ink:#39352f;--preset-muted:#777069;--preset-line:#d4cec4;--preset-action:#77695c;--preset-button:#77695c;--preset-shadow:none;--agent-card-radius:0}
.redeem-body[data-template="agent-24"][data-template] .redeem-layout{display:block;max-width:690px;margin:auto}
.redeem-body[data-template="agent-24"][data-template] .layout-steps{text-align:center}
.redeem-body[data-template="agent-24"][data-template] .intro-top{margin-bottom:88px}
.redeem-body[data-template="agent-24"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-weight:500}
.redeem-body[data-template="agent-24"][data-template] .intro-description,.redeem-body[data-template="agent-24"][data-template] .intro-divider,.redeem-body[data-template="agent-24"][data-template] .privacy-note{margin-left:auto;margin-right:auto}
.redeem-body[data-template="agent-24"][data-template] .step-line{text-align:left}
.redeem-body[data-template="agent-24"][data-template] .layout-form{margin-top:70px;max-width:none}
.redeem-body[data-template="agent-24"][data-template] .redeem-form-card{padding:30px 0;border:0;border-top:1px solid var(--ink);background:transparent}

/* 25 — Magazine: large serif cover next to slim boxed subscription form. */
.redeem-body[data-template="agent-25"][data-template]{--preset-bg:#f7eee9;--preset-surface:#fff;--preset-soft:#f9f1ed;--preset-field:#fffdfc;--preset-ink:#392c2b;--preset-muted:#725d5b;--preset-line:#dcc6c4;--preset-action:#a74745;--preset-button:#a74745;--preset-shadow:0 12px 36px rgba(130,61,57,.11);--agent-card-radius:0}
.redeem-body[data-template="agent-25"][data-template] .redeem-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.redeem-body[data-template="agent-25"][data-template] .layout-steps{grid-column:1/8;grid-row:1;border-right:6px solid var(--action);padding-right:26px}
.redeem-body[data-template="agent-25"][data-template] .layout-form{grid-column:8/13;grid-row:1;align-self:end;margin-bottom:35px}
.redeem-body[data-template="agent-25"][data-template] .redeem-layout:has(>.layout-form:first-child) .layout-form{grid-column:1/6}
.redeem-body[data-template="agent-25"][data-template] .redeem-layout:has(>.layout-form:first-child) .layout-steps{grid-column:6/13}
.redeem-body[data-template="agent-25"][data-template] .workflow-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(67px,7vw,112px);font-weight:500}
.redeem-body[data-template="agent-25"][data-template] .intro-top{margin-bottom:78px}
.redeem-body[data-template="agent-25"][data-template] .redeem-form-card{border-top:8px solid var(--action)}
.redeem-body[data-template="agent-25"][data-template] .step-line{padding:14px 0;border-top:1px solid var(--line-ui)}

/* 26 — Orbit: numbered circular route around a centered destination. */
.redeem-body[data-template="agent-26"][data-template]{--preset-bg:#eef4fa;--preset-surface:#fff;--preset-soft:#edf5fb;--preset-field:#fbfdff;--preset-ink:#30435b;--preset-muted:#647c95;--preset-line:#ccdae9;--preset-action:#4772a6;--preset-button:#4772a6;--preset-shadow:0 24px 65px rgba(59,103,156,.13);--preset-backdrop:radial-gradient(circle at 50% 22%,#d5eaff,transparent 32%),var(--page-bg);--agent-card-radius:35px}
.redeem-body[data-template="agent-26"][data-template] .redeem-layout{display:block;max-width:780px;margin:auto}
.redeem-body[data-template="agent-26"][data-template] .layout-steps{text-align:center}
.redeem-body[data-template="agent-26"][data-template] .intro-top{margin-bottom:45px}
.redeem-body[data-template="agent-26"][data-template] .workflow-copy h1{font-size:clamp(46px,6vw,79px)}
.redeem-body[data-template="agent-26"][data-template] .intro-description,.redeem-body[data-template="agent-26"][data-template] .intro-divider,.redeem-body[data-template="agent-26"][data-template] .privacy-note{margin-left:auto;margin-right:auto}
.redeem-body[data-template="agent-26"][data-template] .step-line{text-align:left;border-left:2px dotted var(--action);padding-left:20px;margin-left:20px}
.redeem-body[data-template="agent-26"][data-template] .step-line>span{border-radius:50%}
.redeem-body[data-template="agent-26"][data-template] .layout-form{margin-top:42px;max-width:none}

/* 27 — Split: full-height two-color sections. */
.redeem-body[data-template="agent-27"][data-template]{--preset-bg:#dfece9;--preset-surface:#fff;--preset-soft:#e8f4f0;--preset-field:#fcfffe;--preset-ink:#1d3f3a;--preset-muted:#59766f;--preset-line:#bdd7ce;--preset-action:#1b6f69;--preset-button:#1b6f69;--preset-shadow:0 18px 46px rgba(24,97,92,.12);--preset-backdrop:linear-gradient(90deg,#1f625b 0 49%,var(--page-bg) 49%)}
.redeem-body[data-template="agent-27"][data-template] .redeem-layout{grid-template-columns:1fr 1fr;gap:0;min-height:calc(100vh - 110px)}
.redeem-body[data-template="agent-27"][data-template] .layout-steps{padding:34px 8% 34px 0;color:#fff}
.redeem-body[data-template="agent-27"][data-template] .layout-steps :is(h1,.intro-accent,.step-line strong,.brand-mark){color:#fff}
.redeem-body[data-template="agent-27"][data-template] .layout-steps :is(.intro-description,.step-line p,.privacy-note p){color:#d3eee8}
.redeem-body[data-template="agent-27"][data-template] .layout-steps .privacy-note{background:#215d56;border-color:#73a89c}
.redeem-body[data-template="agent-27"][data-template] .layout-form{padding:30px 0 30px 9%}
.redeem-body[data-template="agent-27"][data-template] .intro-top{margin-bottom:70px}

/* 28 — Arcade: front-loaded neon checkout and compact scorecard guide. */
.redeem-body[data-template="agent-28"][data-template]{--preset-bg:#101327;--preset-surface:#202647;--preset-soft:#2c3156;--preset-field:#151c3a;--preset-ink:#f8f5ff;--preset-muted:#c5bddf;--preset-line:#5a5684;--preset-action:#ff9cce;--preset-button:#90438e;--preset-shadow:0 0 0 2px #f262b9,0 0 27px rgba(250,111,183,.36);--preset-scheme:dark;--preset-backdrop:linear-gradient(160deg,#251642,var(--page-bg) 60%);--agent-card-radius:3px}
.redeem-body[data-template="agent-28"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:38px}
.redeem-body[data-template="agent-28"][data-template] .layout-steps{padding:23px;border:2px solid #7443a1;background:var(--surface)}
.redeem-body[data-template="agent-28"][data-template] .redeem-form-card{border:2px solid #f262b9}
.redeem-body[data-template="agent-28"][data-template] .intro-top{margin-bottom:34px}
.redeem-body[data-template="agent-28"][data-template] .workflow-copy h1{font-family:ui-monospace,Consolas,monospace;font-size:clamp(37px,4vw,58px)}
.redeem-body[data-template="agent-28"][data-template] .step-line>span{border-radius:3px}

/* 29 — Glass: clear frosted panes on a soft blue canvas. */
.redeem-body[data-template="agent-29"][data-template]{--preset-bg:#dbeaf5;--preset-surface:#f9fcff;--preset-soft:#ecf6fc;--preset-field:#fff;--preset-ink:#244358;--preset-muted:#637e91;--preset-line:#bed5e4;--preset-action:#3978a1;--preset-button:#3978a1;--preset-shadow:0 28px 75px rgba(37,103,145,.14);--preset-backdrop:radial-gradient(circle at 5% 15%,#b4d9e8,transparent 34%),radial-gradient(circle at 86% 80%,#d6cfef,transparent 36%),var(--page-bg);--agent-card-radius:30px}
.redeem-body[data-template="agent-29"][data-template] .redeem-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px}
.redeem-body[data-template="agent-29"][data-template] .layout-steps{padding:30px;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:rgba(255,255,255,.46);backdrop-filter:blur(18px)}
.redeem-body[data-template="agent-29"][data-template] .redeem-form-card{background:rgba(255,255,255,.72);backdrop-filter:blur(20px)}
.redeem-body[data-template="agent-29"][data-template] .intro-top{margin-bottom:56px}

/* 30 — Comet: flowing top-to-bottom treatment with action above a rail. */
.redeem-body[data-template="agent-30"][data-template]{--preset-bg:#ebedfa;--preset-surface:#fff;--preset-soft:#f0effb;--preset-field:#fbfbff;--preset-ink:#302f62;--preset-muted:#69668f;--preset-line:#d1cdea;--preset-action:#6a58bb;--preset-button:#6a58bb;--preset-shadow:0 27px 70px rgba(93,70,174,.15);--preset-backdrop:radial-gradient(ellipse at 87% -7%,#b7bbf8,transparent 43%),radial-gradient(ellipse at 5% 70%,#d4e7ff,transparent 35%),var(--page-bg)}
.redeem-body[data-template="agent-30"][data-template] .redeem-layout{grid-template-columns:repeat(12,minmax(0,1fr));max-width:1060px;margin:auto;gap:22px}
.redeem-body[data-template="agent-30"][data-template] .layout-form{grid-column:4/13;max-width:none;width:100%;margin:0}
.redeem-body[data-template="agent-30"][data-template] .redeem-form-card{border-radius:48px 12px 48px 12px;transform:rotate(-.4deg)}
.redeem-body[data-template="agent-30"][data-template] .layout-steps{grid-column:1/9;max-width:none;padding:25px 30px;border-top:6px solid var(--action);border-radius:8px;background:var(--surface)}
.redeem-body[data-template="agent-30"][data-template] .intro-top{margin-bottom:22px}
.redeem-body[data-template="agent-30"][data-template] .workflow-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.redeem-body[data-template="agent-30"][data-template] .workflow-copy>:not(.step-line){grid-column:1/-1}
.redeem-body[data-template="agent-30"][data-template] .step-line{padding:12px;border:1px solid var(--line-ui);border-radius:9px}
.redeem-body:is([data-template="agent-03"],[data-template="agent-05"],[data-template="agent-15"],[data-template="agent-16"]) .layout-block[data-width="2"]{grid-column:1}
@media(min-width:901px){.redeem-body:is([data-template="agent-25"],[data-template="agent-30"]) .redeem-layout>.layout-block[data-width="2"]{grid-column:1/-1;grid-row:auto}}

/* Dark theme keeps all light presets legible without changing their geometry. */
.redeem-body[data-template^="agent-"][data-template][data-theme="dark"]:not(:is([data-template="agent-04"],[data-template="agent-10"],[data-template="agent-17"],[data-template="agent-22"],[data-template="agent-23"],[data-template="agent-28"])){--preset-surface:#202c39;--preset-soft:#293849;--preset-field:#182633;--preset-ink:#f5f9fc;--preset-muted:#b7c8d5;--preset-line:#43596c;--action:color-mix(in srgb,var(--design-accent) 30%,#c3eff5);--preset-button:#285e70;--preset-backdrop:color-mix(in srgb,var(--design-background) 15%,#121c29);color-scheme:dark}
.redeem-body[data-template^="agent-"][data-template][data-theme="dark"]:not(:is([data-template="agent-04"],[data-template="agent-10"],[data-template="agent-17"],[data-template="agent-22"],[data-template="agent-23"],[data-template="agent-28"])) .layout-steps{background:var(--surface);color:var(--ink)}
.redeem-body[data-template^="agent-"][data-template][data-theme="dark"]:not(:is([data-template="agent-04"],[data-template="agent-10"],[data-template="agent-17"],[data-template="agent-22"],[data-template="agent-23"],[data-template="agent-28"])) .layout-steps :is(h1,.intro-accent,.step-line strong,.brand-mark){color:var(--ink)}
.redeem-body[data-template^="agent-"][data-template][data-theme="dark"]:not(:is([data-template="agent-04"],[data-template="agent-10"],[data-template="agent-17"],[data-template="agent-22"],[data-template="agent-23"],[data-template="agent-28"])) .layout-steps :is(.intro-description,.step-line p,.privacy-note p){color:var(--muted-ink)}
.redeem-body[data-theme="light"]:is([data-template="agent-04"],[data-template="agent-10"],[data-template="agent-17"],[data-template="agent-22"],[data-template="agent-23"],[data-template="agent-28"]){--preset-bg:#eef3f8;--preset-surface:#fff;--preset-soft:#edf4f8;--preset-field:#fbfdff;--preset-ink:#22384a;--preset-muted:#637c8e;--preset-line:#c4d6e3;--action:color-mix(in srgb,var(--design-accent) 50%,#134363);--preset-button:#295e83;--preset-backdrop:color-mix(in srgb,var(--design-background) 10%,#eef3f8);--preset-shadow:0 20px 54px rgba(35,75,105,.12);color-scheme:light}
.redeem-body[data-theme="light"][data-template="agent-17"] .redeem-form-card{box-shadow:var(--preset-shadow);border-color:var(--action)}
.redeem-body[data-theme="light"][data-template="agent-23"] .layout-steps{background:var(--surface);border-color:var(--line-ui)}
.redeem-body[data-theme="light"][data-template="agent-23"] .brand-symbol{box-shadow:none}
.redeem-body[data-theme="dark"][data-template="agent-18"] .layout-steps,.redeem-body[data-theme="dark"][data-template="agent-18"] .redeem-form-card{border-color:#c7d4dd;box-shadow:6px 6px 0 #617b89}

@media(max-width:900px){
  .redeem-body[data-template^="agent-"][data-template] .redeem-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;min-height:0}
  .redeem-body[data-template^="agent-"][data-template] .layout-block[data-width="2"]{grid-column:auto;max-width:none}
  .redeem-body[data-template="agent-25"][data-template] .layout-steps,.redeem-body[data-template="agent-25"][data-template] .layout-form,.redeem-body[data-template="agent-30"][data-template] .layout-steps,.redeem-body[data-template="agent-30"][data-template] .layout-form{grid-column:auto;grid-row:auto}
  .redeem-body[data-template^="agent-"][data-template] .layout-steps{min-height:0;max-width:none;clip-path:none;padding:22px;background:var(--surface);border-radius:18px}
  .redeem-body[data-template^="agent-"][data-template] .layout-form{padding:0;margin:0;max-width:none;width:100%}
  .redeem-body[data-template^="agent-"][data-template] .redeem-form-card{transform:none;margin:0}
  .redeem-body[data-template^="agent-"][data-template] .intro-top{margin-bottom:34px}
  .redeem-body[data-template^="agent-"][data-template] .workflow-copy h1{font-size:clamp(37px,7vw,60px)}
  .redeem-body[data-template^="agent-"][data-template] .workflow-copy{display:block}
  .redeem-body[data-template^="agent-"][data-template] .step-line{display:flex;margin-bottom:0}
  .redeem-body[data-template="agent-09"][data-template] .redeem-form-card::after{display:none}
}
@media(max-width:560px){
  .redeem-body[data-template^="agent-"][data-template] .layout-steps{padding:19px}
  .redeem-body[data-template^="agent-"][data-template] .redeem-form-card{padding:22px 18px;border-radius:18px}
  .redeem-body[data-template^="agent-"][data-template] .mode-switch{width:100%}
  .redeem-body[data-template^="agent-"][data-template] .mode-tab{min-width:0;flex:1;padding:9px 5px;font-size:10px}
  .redeem-body[data-template^="agent-"][data-template] .workflow-copy h1{font-size:38px}
}