.demo-shell{--ink:#283c32;--muted:#69756d;--line:#d8ddd4;max-width:1380px;margin:auto;padding:0 56px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#f6f5ee;min-height:100dvh}.demo-shell a,.demo-shell button{-webkit-tap-highlight-color:transparent}.demo-shell button{font:inherit;cursor:pointer}.demo-shell button:disabled{cursor:default;opacity:.42}.demo-shell a:focus-visible,.demo-shell button:focus-visible{outline:3px solid #a84d2f;outline-offset:5px}.demo-header{justify-content:space-between;min-height:100px;border-bottom:1px solid var(--line)}.demo-header,.demo-wordmark{display:flex;align-items:center}.demo-wordmark{gap:12px;color:inherit;text-decoration:none;font-size:20px;letter-spacing:-.8px;font-weight:700}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#f6f5ee;width:36px;height:36px;border-radius:50%;font:italic 30px Georgia,serif;padding-bottom:4px}.demo-badge{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.demo-badge>span{width:6px;height:6px;background:#64815d;border-radius:50%}.demo-intro{padding:48px 0 36px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 16px}.demo-intro h1{font:normal clamp(42px,5.3vw,70px)/1.05 Georgia,Times New Roman,serif;letter-spacing:-2.7px;margin:0 0 18px}.demo-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.6;max-width:580px}.merchant-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--line);margin-bottom:42px}.merchant-tabs button{display:flex;align-items:center;text-align:left;gap:14px;padding:18px 22px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink)}.merchant-tabs button:first-child{border-left:1px solid var(--line)}.merchant-tabs button[aria-pressed=true]{background:#e8ecdf;box-shadow:inset 0 -3px var(--ink)}.merchant-monogram{display:grid;place-items:center;width:38px;height:38px;border:1px solid #aeb8a5;border-radius:50%;font:22px Georgia,serif}.merchant-tabs strong{font-size:14px;display:block}.merchant-tabs small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.tab-arrow{margin-left:auto;font-size:20px}.demo-workspace{display:grid;grid-template-columns:215px minmax(300px,1fr) 260px;gap:32px}.section-label{display:flex;align-items:center;gap:9px}.section-label>span{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.section-label h2{font-size:13px;font-weight:600;margin:0}.card-picker>p,.staff-subtitle{font-size:12px;color:var(--muted);line-height:1.7;margin:13px 0 22px}.card-options{display:grid;gap:5px}.card-options button{display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:3px;padding:14px 12px;min-height:68px}.card-options button[aria-pressed=true]{background:#fffef8;border-color:#b9c2af}.card-options button:hover:not(:disabled){background:#eef0e6}.card-options strong{font-size:12px;display:block}.card-options small{font-size:10px;display:block;color:var(--muted);margin-top:7px}.card-count{font-size:17px;font-variant-numeric:tabular-nums}.card-count>span{font-size:11px;color:var(--muted);padding-left:2px}.card-stage{--card-bg:#e5e9c9;--card-ink:#34462b;background:#eeeee4;padding:23px 27px 15px;border-radius:4px}.theme-1{--card-bg:#edd6c5;--card-ink:#633f35;background:#f0e9e1}.theme-2{--card-bg:#d1dfdc;--card-ink:#284d49;background:#e6ece8}.stage-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:25px}.stage-heading>span:last-child{letter-spacing:0}.loyalty-card{background:var(--card-bg);color:var(--card-ink);padding:25px 26px 20px;border-radius:9px;box-shadow:0 7px 13px -10px #283c3240;min-height:320px}.loyalty-top{display:flex;align-items:center;justify-content:space-between}.loyalty-top>span:first-child{font-size:9px;text-transform:uppercase;letter-spacing:2px}.card-emblem{font:italic 28px Georgia,serif}.loyalty-card h2{font:normal clamp(27px,3vw,41px)/1.05 Georgia,serif;letter-spacing:-1px;margin:20px 0 8px}.reward-promise{font-size:11px;margin:0;line-height:1.7}.stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px 7px;margin:28px 0}.stamp{aspect-ratio:1;display:grid;place-items:center;max-width:48px;opacity:.3}.stamp.filled{opacity:1}.stamp svg{width:100%;height:100%}.loyalty-bottom{border-top:1px solid color-mix(in srgb,var(--card-ink) 23%,transparent);padding-top:17px;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:8px}.loyalty-bottom strong{font-weight:400}.loyalty-bottom>span{white-space:nowrap;font-variant-numeric:tabular-nums}.stage-caption{text-align:center;font-size:10px;color:var(--muted);margin:21px 0 3px}.staff-actions{display:flex;flex-direction:column}.action-content{padding-top:7px}.status-dot{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.status-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#87917f}.status-dot.ready{color:#426329}.status-dot.ready:before{background:#426329}.action-content h3{font:normal 26px/1.15 Georgia,serif;letter-spacing:-.5px;margin:15px 0 12px}.action-content>p,.redeem-confirm p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 22px}.demo-shell .primary,.demo-shell .secondary{border:1px solid var(--ink);border-radius:3px;min-height:45px;padding:11px 16px;width:100%;font-size:12px;text-align:center}.demo-shell .primary{background:var(--ink);color:#fffef8}.demo-shell .primary:hover:not(:disabled){background:#3a5142}.demo-shell .secondary{display:flex;justify-content:space-between;margin-top:9px}.cancel,.demo-shell .secondary{background:transparent;color:var(--ink)}.cancel{border:0;text-decoration:underline;font-size:12px;padding:14px;width:100%}.action-content .demo-feedback{font-size:11px;margin:12px 0;min-height:36px;color:var(--ink)}.demo-feedback[role=alert]{color:#a43d22}.real-engine-note{font-size:10px;line-height:1.8;margin:auto 0 0;padding-top:15px;border-top:1px solid var(--line)}.real-engine-note>span{color:#6b855b;font-size:7px}.real-engine-note small{font-size:9px;color:var(--muted);padding-left:10px}.demo-history{grid-column:1/-1;display:grid;grid-template-columns:215px 1fr;gap:32px;border-top:1px solid var(--line);margin-top:8px;padding:27px 0}.demo-history>div>p{font-size:11px;color:var(--muted)}.demo-history ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:32px}.demo-history li{display:flex;align-items:center;gap:9px;font-size:11px;padding:9px 0;border-bottom:1px solid #e4e5dc}.history-marker{width:4px;height:4px;border-radius:50%;background:#a5b098;flex-shrink:0}.demo-history time{color:var(--muted);font-size:10px;margin-left:auto;font-variant-numeric:tabular-nums}.demo-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:24px 0 30px;margin-top:15px;font-size:10px;color:var(--muted)}.demo-loading{padding:70px 0;max-width:460px}.demo-loading h2{font:28px Georgia,serif}.demo-loading p{font-size:14px;line-height:1.7}.demo-loading .primary{max-width:200px}@media(min-width:1440px){body:has(.demo-shell){background:#f6f5ee}}@media(max-width:1100px){.demo-shell{padding:0 28px}.demo-workspace{grid-template-columns:175px minmax(260px,1fr) 220px;gap:20px}.card-stage{padding:20px 18px 15px}.loyalty-card{padding:20px}.demo-history{grid-template-columns:175px 1fr;gap:20px}.merchant-tabs button{padding:16px 14px}}@media(max-width:850px){.demo-workspace{grid-template-columns:1fr 1fr}.card-picker{grid-column:1/-1}.card-picker>p{margin:9px 0 12px}.card-picker>p br{display:none}.card-options{grid-template-columns:repeat(5,1fr);gap:6px}.card-options button{padding:12px 8px;display:block}.card-options small{min-height:25px;line-height:1.4}.card-count{display:block;margin-top:8px}.demo-history{grid-template-columns:1fr}.demo-history ol{column-gap:20px}.demo-header{min-height:80px}}@media(max-width:560px){.demo-shell{padding:0 20px}.demo-header{min-height:75px}.demo-wordmark{font-size:16px;gap:8px}.brand-mark{width:28px;height:28px;font-size:24px}.demo-badge{font-size:8px;letter-spacing:0;gap:5px}.demo-intro{padding:34px 0 25px}.eyebrow{font-size:8px;letter-spacing:1px}.demo-intro h1{font-size:45px;letter-spacing:-1.9px}.demo-intro>p:last-child{font-size:12px;max-width:330px}.merchant-tabs{margin-bottom:25px}.merchant-tabs button{padding:13px 7px;justify-content:center;gap:5px;flex-direction:column;text-align:center}.merchant-tabs strong{font-size:10px;margin-top:4px}.merchant-tabs small{font-size:9px}.merchant-monogram{width:28px;height:28px;font-size:18px}.tab-arrow{display:none}.demo-workspace{grid-template-columns:1fr;gap:25px}.card-options{grid-template-columns:repeat(3,1fr)}.card-options button{min-height:90px}.card-options small{font-size:9px;min-height:13px}.card-picker .section-label h2,.staff-actions .section-label h2{font-size:13px}.card-stage{padding:20px 24px}.loyalty-card{padding:24px}.loyalty-card h2{font-size:39px}.stamp-grid{gap:12px;margin:28px 0}.loyalty-card{min-height:310px}.staff-actions{padding:0 3px}.staff-subtitle{margin-bottom:14px}.action-content h3{max-width:260px}.action-content>p{max-width:330px}.real-engine-note{margin-top:10px}.demo-history{margin-top:0;padding-top:24px}.demo-history ol{grid-template-columns:1fr}.demo-footer{flex-direction:column;gap:9px;margin-top:0}.demo-history{gap:12px}}.staff-actions textarea{display:block;width:100%;min-height:6rem;padding:.75rem;margin:.5rem 0 1rem;border:1px solid;border-radius:.5rem;font:inherit}