@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=DM+Sans:wght@400;500;600;700&family=Instrument+Sans:wght@500;600;700&display=swap";.design-gallery{width:min(1120px,100%);margin:auto;padding:32px clamp(16px,4vw,44px) 48px}.design-gallery>a{display:inline-block;color:var(--accent);margin-bottom:24px;font-weight:700}.design-gallery p{color:var(--muted);line-height:1.5}.design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:16px;margin-top:24px}.design-option{display:grid;grid-template-rows:auto auto 1fr auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.design-option h2{margin-top:16px}.design-option p{margin:6px 0 14px;font-size:14px}.design-option .button[aria-pressed=true]{background:var(--accent);color:#fff}.design-card{--paper: #f7ead4;--print: #772f38;background:var(--paper);color:var(--print);border-radius:12px;min-height:196px;padding:17px;display:flex;flex-direction:column}.design-card header{display:flex;align-items:center;justify-content:space-between;font-size:12px}.design-business{font-size:clamp(23px,2.5vw,33px);line-height:1.1;margin:13px 0 4px;font-weight:700}.design-reward{font-size:13px;margin-bottom:12px}.design-stamps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:auto}.design-stamps span{display:grid;place-items:center;border:1px dashed currentColor;aspect-ratio:1;border-radius:50%}.design-stamps .earned{background:var(--print);border-color:var(--print);color:var(--paper)}.design-card--letterpress{border:3px double var(--print)}.design-card--letterpress .design-business{font-family:Georgia,serif}.design-card--espresso{--paper: #30221c;--print: #f1d6a0;background:linear-gradient(145deg,#503a2b,var(--paper))}.design-card--espresso header{border-bottom:1px solid #f1d6a070;padding-bottom:8px}.design-card--espresso .design-business{font-family:Georgia,serif;font-weight:400}.design-card--ticket{--paper: #ab2e38;--print: #fff5df;border-radius:4px}.design-card--ticket .design-business{text-transform:uppercase;font-size:23px}.design-card--ticket .design-stamps{border-top:1px dashed currentColor;padding-top:10px}.design-card--modern{--paper: #2447bc;--print: #f2f5ff;border-radius:5px}.design-card--modern .design-business{font-family:Instrument Sans,sans-serif;letter-spacing:-.055em}.design-card--modern .design-stamps span{border-radius:5px}.design-card--botanical{--paper: #dce9d3;--print: #254d37;border-radius:32px 12px}.design-card--botanical .design-business{font-family:Georgia,serif;font-style:italic}.design-card--botanical .design-stamps span{border-radius:50% 50% 50% 8px}@media(max-width:520px){.design-gallery{padding-top:20px}.design-gallery>a{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px}.design-option{min-width:0;overflow-wrap:anywhere}.design-card header{gap:8px}.design-stamps svg{max-width:65%}}:root{font-family:DM Sans,system-ui,sans-serif;color:#17231e;background:#f4f6f3;font-synthesis:none;--ink: #17231e;--muted: #53635b;--line: #dce4dd;--accent: #20533e;--lime: #def3a5;--tint: #edf4ec}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled,.upload:has(input:disabled){opacity:.55;cursor:default}:focus-visible{outline:2px solid #38775b;outline-offset:4px}.shell{min-height:100svh}.wordmark{display:flex;align-items:center;gap:11px;font-weight:700}.brand-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:10px;color:#182e24;background:var(--lime)}.auth-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-shell .workspace{grid-template-rows:1fr}.auth-shell .topbar{display:none}.loyalty-preview{display:flex;flex-direction:column;padding:36px clamp(28px,5vw,80px);background:radial-gradient(ellipse at 50% 72%,#254b39,#142b23 72%);color:#f6f9f4}.preview-content{width:min(100%,580px);margin:auto;padding-block:clamp(24px,4vh,48px)}.preview-content h2{max-width:15ch;font-size:clamp(34px,4vw,64px);line-height:1.04}.preview-content>p{max-width:32ch;margin:16px 0 32px;line-height:1.6;color:#c4d3ca}.sample-cards{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px 18px;isolation:isolate}.sample-cards .design-card{width:min(86%,340px);min-height:0;padding:15px clamp(12px,1.6vw,22px);box-shadow:0 14px 28px #08191266}.sample-cards .design-card--espresso{--paper: #2d3267;--print: #f5efff;background:linear-gradient(145deg,#5753a0,var(--paper));border:1px solid #9b96d4;transform:rotate(-5deg)}.sample-cards .design-card--botanical{--paper: #f5dce6;--print: #51283f;align-self:flex-end;margin-top:-9px;transform:rotate(5deg)}.sample-cards .design-card--botanical .design-business{font-family:Instrument Sans,system-ui,sans-serif;font-style:normal;font-weight:700}.sample-cards .design-card--espresso header{border-bottom-color:#f5efff66}.sample-cards .design-stamps{width:min(100%,220px);align-self:center}.sample-cards .design-stamps svg{width:55%}h1,h2{font-family:Instrument Sans,system-ui,sans-serif;margin:0;font-weight:700;letter-spacing:-.025em}.workspace{width:min(100%,1200px);min-height:100svh;margin-inline:auto;display:grid;grid-template-rows:auto 1fr;gap:32px;padding:28px clamp(16px,4vw,48px) 48px}.topbar{display:flex;align-items:center;justify-content:space-between}.signout,.back{display:inline-flex;align-items:center;gap:8px;color:var(--accent);background:transparent;border:0;padding:6px 0;font-weight:700;font-size:14px}.back{margin:0 0 16px}.back:hover,.signout:hover{text-decoration:underline;text-underline-offset:4px}.workspace-content{width:min(100%,720px);margin:auto;padding:clamp(24px,4vw,44px);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px #142b2308}.workspace-content:has(>.signin){max-width:510px}h1{font-size:clamp(30px,4vw,42px);line-height:1.12}h2{font-size:20px;line-height:1.25}.intro{color:var(--muted);line-height:1.55}.intro{margin:10px 0 26px}form{display:grid;gap:16px}form label{display:block;font-weight:700;font-size:14px}form input{display:block;width:100%;min-height:48px;margin-top:6px;padding:10px 13px;border:1px solid #cad6cd;border-radius:9px;background:#fff;color:var(--ink);font-size:16px;font-weight:400}form input::placeholder{color:#627269;opacity:1}form input:focus{border-color:#38775b}.password{position:relative}.password input{padding-right:48px}.icon-button{position:absolute;inset:4px 4px 4px auto;display:grid;place-items:center;width:40px;background:transparent;border:0;border-radius:6px;color:var(--muted)}.icon-button:hover{background:var(--tint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 15px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:700}form .button{margin-top:4px}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:#173e2e}.secondary{background:#fff;color:var(--ink);border-color:#cad6cd}.secondary:hover:not(:disabled){background:var(--tint)}.fine-print{color:var(--muted);font-size:13px;line-height:1.5;margin:16px 0 0}.workspace-content:has(>.setup-page){width:min(100%,960px);margin:clamp(20px,7vh,84px) auto auto;padding:0;background:transparent;border:0;box-shadow:none}.setup-intro{margin-bottom:clamp(24px,4vw,40px)}.setup-intro h1{font-size:clamp(32px,4.5vw,56px)}.setup-intro .intro{margin-bottom:0}.setup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}.setup-option{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px}.setup-option:hover{border-color:#789a86;box-shadow:0 8px 24px #152d2010}.setup-art{position:relative;display:grid;place-items:center;min-height:clamp(115px,16vw,180px);background:#e2efe3;color:#234d39}.setup-option-manual .setup-art{background:#eae7f4;color:#493d71}.setup-art-card{display:grid;place-items:center;width:116px;height:74px;border-radius:12px;background:#fffa;box-shadow:0 8px 20px #17231e18;transform:rotate(-8deg)}.setup-option-manual .setup-art-card{transform:rotate(8deg)}.setup-art>span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;transform:translate(37px,13px);border-radius:10px;background:currentColor}.setup-art>span svg{color:#fff}.setup-option-body{display:flex;flex:1;flex-direction:column;padding:clamp(18px,2.5vw,30px)}.setup-option-body h2{font-size:clamp(20px,2vw,27px)}.setup-option-body p{margin:8px 0 22px;color:var(--muted);line-height:1.55}.setup-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--accent);font-weight:700}.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin:0 0 14px;gap:8px;list-style:none}.steps li{display:flex;align-items:center;gap:7px;color:var(--muted);border-radius:9px;padding:8px;font-size:13px;font-weight:700;background:#f3f5f3}.steps li span{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid currentColor;border-radius:50%}.steps [aria-current]{background:#e5f0e8;color:var(--accent)}.capture-box{display:grid;gap:10px;place-content:center;justify-items:center;min-height:190px;overflow:hidden;border:1px dashed #94ae9c;border-radius:12px;color:var(--accent);background:#f4f8f4}.capture-box video,.capture-box img{display:block;width:100%;max-height:320px;object-fit:contain}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.actions .primary{margin-inline-start:auto}.upload{position:relative;cursor:pointer}.upload:focus-within{outline:2px solid #38775b;outline-offset:4px}.upload input{position:absolute;width:1px;height:1px;opacity:0}.error{color:#a22232;font-size:14px;margin:0}.capture-box+.error{margin-top:12px}@media(max-width:760px){.auth-shell{display:block}.auth-shell .workspace{grid-template-rows:auto 1fr}.auth-shell .topbar{display:flex}.loyalty-preview{display:none}.workspace{gap:26px;padding-block:18px 32px}.workspace-content{margin:0 auto auto}}@media(max-width:520px){.workspace-content{padding:22px 18px;border-radius:16px}.setup-options{grid-template-columns:1fr}.actions>.button{flex:1 1 42%}.actions>.primary{flex-basis:100%}}.auth-shell{background:#fbfcf9}.workspace-content:has(>.auth-form){width:min(100%,448px);padding:0;background:transparent;border:0;box-shadow:none}.auth-form h1{font-size:clamp(36px,4vw,52px)}.auth-form .intro{margin-bottom:30px}.auth-form .button{min-height:52px}.auth-form input{min-height:52px;border-color:#d3ddd5}.auth-form .email-field{display:block;position:relative}.email-field svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.email-field input{padding-left:41px}.auth-form .fine-print{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border-radius:9px;background:var(--tint)}.auth-form .fine-print svg{flex:0 0 auto;margin-top:2px}.workspace-content:has(>.flow-page){width:min(100%,820px);margin:clamp(16px,5vh,58px) auto auto;padding:0;background:transparent;border:0;box-shadow:none}.flow-page h1{font-size:clamp(32px,4.5vw,52px)}.flow-panel{padding:clamp(16px,3vw,30px);border:1px solid var(--line);border-radius:18px;background:#fff}.flow-page .steps{margin-bottom:16px}.flow-page .steps li{padding:10px}.flow-page .capture-box{min-height:clamp(185px,28vw,260px);background:#edf5ed;padding:14px;text-align:center}.capture-icon,.flow-success{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:14px;background:#dcecdf;color:var(--accent)}.capture-hint{color:var(--muted);font-size:14px}.card-details{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px 16px}.card-details>label:nth-child(3),.card-details .error,.card-details .button{grid-column:1 / -1}.card-details .button{justify-self:end}@media(max-width:520px){.card-details{grid-template-columns:minmax(0,1fr)}.card-details .button{justify-self:stretch}}.onboarding-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fbfcf9}.onboarding-shell .workspace{width:100%;gap:20px}.onboarding-shell .topbar{justify-content:flex-end;min-height:36px}.onboarding-shell .topbar .wordmark{display:none}.onboarding-shell .workspace-content{margin:auto}.onboarding-shell .setup-options{grid-template-columns:minmax(0,1fr)}.onboarding-shell .setup-option{display:grid;grid-template-columns:clamp(90px,10vw,150px) minmax(0,1fr)}.onboarding-shell .setup-art{min-height:0}.onboarding-shell .setup-art-card{width:62%;height:auto;aspect-ratio:3 / 2}.onboarding-shell .setup-art-card svg{width:60%;height:auto}.onboarding-shell .setup-art>span{width:28px;height:28px;transform:translate(45%,25%)}.onboarding-shell .setup-art>span svg{width:16px}.guide-icon{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border-radius:14px;background:var(--lime);color:var(--ink)}.guide-steps{padding-inline-start:22px;color:#edf5eb;line-height:1.55}.guide-steps li+li{margin-top:10px}@media(max-width:760px){.onboarding-shell{display:block}.onboarding-shell .topbar{justify-content:space-between}.onboarding-shell .topbar .wordmark{display:flex}.onboarding-shell .workspace-content{margin:0 auto auto}.onboarding-guide{display:block;padding:20px clamp(16px,4vw,32px)}.onboarding-guide .wordmark,.onboarding-guide .guide-icon{display:none}.onboarding-guide .preview-content{width:100%;padding:0}.onboarding-guide h2{max-width:none;font-size:24px}.onboarding-guide p{max-width:55ch;margin:8px 0 0}.guide-steps{margin-bottom:0;font-size:14px}}.capture-box video{transform:scaleX(-1)}.auth-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.auth-switch a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700}.auth-switch a:hover{text-decoration:underline}.password-checklist{list-style:none;display:grid;gap:6px;margin:8px 0 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--tint);font-size:13px;color:var(--muted)}.registration-password{position:relative}.registration-password .password-checklist:not(.visually-hidden){position:absolute;z-index:10;inset:100% 0 auto;background:#f4f8f3;box-shadow:0 10px 28px #17231e26;pointer-events:none}.password-checklist li{display:flex;align-items:center;gap:8px}.rule-check{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:4px}.rule-met{color:var(--accent);font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.auth-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;border:1px solid #edc4be;border-radius:10px;background:#fff2ef;color:#842d24;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.auth-notice-success{background:#edf5eb;border-color:#c6dec5;color:var(--accent)}.auth-notice>svg{margin-top:2px}.auth-notice button{display:grid;place-items:center;padding:3px;border:0;border-radius:4px;background:transparent;color:inherit}.auth-notice button:hover{background:#0000000c}.auth-notice{position:fixed;z-index:100;top:20px;right:20px;width:min(400px,calc(100% - 40px));padding:16px;background:#fff;border-inline-start:4px solid #ba493b;box-shadow:0 12px 36px #17231e24;animation:auth-notice-enter .22s ease-out both}.auth-notice-success{border-inline-start-color:#37734f}.auth-notice strong{display:block;margin-bottom:4px}@keyframes auth-notice-enter{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.auth-notice{animation:none}}.registration-password .password-checklist:not(.visually-hidden){grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;padding:12px;gap:6px;background:#fff}.password-checklist .checklist-heading{grid-column:1 / -1;justify-content:space-between;flex-wrap:wrap;padding:0 2px 5px;color:var(--ink)}.checklist-heading>span{color:var(--accent);font-size:12px}.password-checklist li:not(.checklist-heading){min-width:0;padding:5px 7px;border-radius:6px;background:#f5f7f5}.password-checklist .rule-met{font-weight:500;background:#eaf4eb}.password-checklist .rule-met .rule-check{background:var(--accent);border-color:var(--accent);color:#fff}.password-checklist .rule-check{flex:0 0 16px}@media(max-width:350px){.registration-password .password-checklist:not(.visually-hidden){grid-template-columns:1fr}}.verification-banner{grid-column:1 / -1;border-bottom:1px solid #eadab5;background:#fff8e9;color:#523809}.verification-trigger{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:6px 12px;border:0;background:transparent;color:inherit;font-size:13px;font-weight:700}.verification-trigger:hover{background:#f5e8c9}.verification-trigger:focus-visible{outline-offset:-3px}.verification-dialog{width:min(400px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:clamp(16px,5vw,24px);border:1px solid var(--line);border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 20px 56px #142b2333;overflow-wrap:anywhere}.verification-dialog::backdrop{background:#10251db3}.verification-dialog header{display:flex;justify-content:space-between;margin-bottom:12px}.verification-dialog-icon,.verification-close{display:grid;place-items:center;width:44px;height:44px;border-radius:10px}.verification-dialog-icon{background:var(--tint);color:var(--accent)}.verification-close{border:0;background:transparent;color:var(--muted)}.verification-close:hover{background:var(--tint)}.verification-close:focus-visible{outline-offset:-3px}.verification-dialog h2{font-size:24px}.verification-dialog p{margin:8px 0 18px;color:var(--muted);font-size:14px;line-height:1.5}.verification-actions{display:grid;gap:4px}.verification-actions .secondary{border-color:transparent;color:var(--accent)}.onboarding-shell:has(>.verification-banner){grid-template-rows:auto 1fr}.onboarding-shell:has(>.verification-banner) .workspace{min-height:0}.reward-fields,.reward-fields-actions{grid-column:1 / -1;min-width:0}.reward-fields{display:grid;gap:12px;border:1px solid var(--line);border-radius:10px;padding:14px}.reward-fields legend{padding-inline:6px;font-weight:700}.reward-fields-actions{display:flex;flex-wrap:wrap;gap:8px}.card-details select{display:block;width:100%;min-height:48px;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff}.builder-preview-slot:empty{display:none}.builder-preview-slot:not(:empty){width:min(100%,520px);margin:auto;padding-block:28px}.builder-preview-slot:not(:empty)+.preview-content{display:none}.reward-fields summary,details.reward-fields-actions summary{cursor:pointer;color:var(--accent);font-weight:700}.reward-fields details label,details.reward-fields-actions label{margin-top:8px}@media(min-width:761px){.onboarding-shell:has(.card-builder){height:100dvh;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}.onboarding-shell:has(.card-builder):has(>.verification-banner){grid-template-rows:auto minmax(0,1fr)}.onboarding-shell:has(.card-builder) .workspace{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}.onboarding-shell:has(.card-builder) .workspace-content{margin:0 auto auto}.onboarding-shell:has(.card-builder) .onboarding-guide{min-height:0;overflow:hidden}}.onboarding-guide:has(.live-stamp-preview) .builder-preview-slot{min-height:0;padding-block:12px}.live-stamp-preview{padding:clamp(16px,2.7vw,32px);border:1px solid #b7cbeb;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#e1edff);color:#132e54;box-shadow:0 5px #b7cbeb,0 18px 42px #08191255;overflow-wrap:anywhere}.live-stamp-preview .preview-business{margin:0 0 5px;font-size:13px;font-weight:700}.live-stamp-preview h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:Instrument Sans,system-ui,sans-serif;font-size:clamp(25px,3vw,44px);font-weight:700}.live-stamp-preview ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:7px;padding:14px 0 0;margin:14px 0 10px;border-top:1px dashed #afc3df;list-style:none}.live-stamp-preview li{display:flex;align-items:center;justify-content:center;gap:2px;width:min(100%,clamp(23px,6dvh,57px));aspect-ratio:1;border:1px dashed #6985ac;border-radius:50%;font-size:12px;font-weight:700}.live-stamp-preview .reward-stamp{background:#2456a6;color:#edf4ff;border-color:transparent}.live-stamp-preview li svg{width:36%}.live-stamp-preview img{width:42px;height:42px;object-fit:cover;border-radius:8px;margin-bottom:6px}.live-stamp-preview.preview-dense ol{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.preview-dense li{font-size:10px}.card-builder .card-details{background:transparent;border:0;padding:0}.card-builder .reward-fields{background:#fff;padding:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.card-builder .reward-fields details{grid-column:1 / -1}.program-image-options{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:9px}.program-image-options summary{cursor:pointer;color:var(--accent);font-weight:700}.program-image-options label{margin-top:10px}@media(max-width:760px){.card-builder .reward-fields{grid-template-columns:minmax(0,1fr)}}.program-image-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.program-image-options .program-image-choice{position:relative;display:flex;flex:0 1 auto;align-items:center;gap:7px;min-width:0;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.program-image-choice:hover{background:#eaf2eb}.program-image-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.program-image-choice>svg{flex:0 0 auto;color:var(--accent)}.program-image-choice img{width:24px;height:24px;border-radius:4px;object-fit:cover}.program-image-choice span{min-width:0;overflow-wrap:anywhere}.program-image-filename,.program-image-note{display:block;color:var(--muted);font-weight:400}.program-image-note{margin-top:6px}.program-image-choice input{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;margin:0;opacity:0;cursor:pointer}.program-image-filename{overflow-wrap:anywhere;min-width:0}.card-builder .reward-fields{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.card-builder .reward-fields .stamp-dropdown{grid-column:auto;position:relative}.stamp-field{min-width:0;font-size:14px;font-weight:700}.stamp-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;list-style:none;min-height:48px;margin-top:6px;padding:8px 12px;border:1px solid #cad6cd;border-radius:9px;background:#fff}.stamp-dropdown>summary::-webkit-details-marker{display:none}.stamp-dropdown>summary svg{flex-shrink:0}.stamp-menu{position:absolute;z-index:5;top:calc(100% + 5px);inset-inline:0;display:grid;max-height:208px;overflow:auto;padding:5px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 20px #17231e22}.stamp-menu button{text-align:start;padding:8px;background:#fff;color:var(--ink);border:0;border-radius:5px}.stamp-menu button:hover:not(:disabled),.stamp-menu button[aria-pressed=true]{background:var(--tint)}.program-image-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#fff}.program-image-options .program-image-picker{margin:0}.program-image-options .program-image-note{margin-top:2px}@media(max-width:390px){.card-builder .reward-fields{grid-template-columns:minmax(0,1fr)}}.card-builder .reward-fields{position:relative}.reward-remove{position:absolute;inset-block-start:3px;inset-inline-end:8px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;color:var(--muted);transform:translateY(-75%);background:#fff}.reward-remove:hover{color:#842d24;background:#fff2ef}.card-builder .builder-section{grid-column:1 / -1;display:grid;gap:16px;min-width:0;padding:clamp(14px,2vw,22px);border:1px solid var(--line);border-radius:14px;background:#fff}.builder-details{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.builder-section>h2{grid-column:1 / -1}.card-builder .builder-details>label:nth-child(n+4){grid-column:1 / -1}.card-builder .builder-details>label:nth-child(3){grid-column:auto}.builder-rewards>fieldset{margin-inline:0}@media(max-width:520px){.builder-details{grid-template-columns:minmax(0,1fr)}}.final-stamp-position{display:flex;align-items:center;min-height:48px;margin-top:6px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--tint);color:var(--accent)}form input:not([type=file]):focus-visible,.card-details select:focus-visible,.stamp-dropdown>summary:focus-visible{outline:0;border-color:#38775b;box-shadow:inset 0 0 0 1px #38775b}.live-stamp-preview .preview-business{color:inherit}.live-stamp-preview li:not(.reward-stamp){background:transparent;border-color:currentColor}.card-builder input[type=color]{width:56px;padding:5px;cursor:pointer}.program-branding{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:12px}.brand-color-controls{display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px}.card-builder .brand-color-controls input[type=color]{width:100%}.brand-color-controls input:not([type=color]){padding-inline:8px;font-family:monospace}.reward-fields>.reward-name{grid-column:1 / -1}.brand-picker{position:relative;min-width:0}.brand-picker>summary{display:grid;place-items:center;height:48px;margin-top:6px;border:1px solid #cad6cd;border-radius:9px;list-style:none;cursor:pointer}.brand-picker>summary::-webkit-details-marker{display:none}.brand-picker>summary span{width:24px;height:24px;border:1px solid #17231e30;border-radius:5px}.brand-palette{position:absolute;z-index:6;inset-block-start:calc(100% + 6px);inset-inline-start:0;display:grid;grid-template-columns:repeat(8,26px);gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 20px #17231e22}.brand-palette button{width:26px;height:26px;padding:0;border:1px solid #17231e35;border-radius:5px}.brand-palette button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.program-branding{align-items:end}.program-branding .program-image-options{min-height:48px;padding:6px 10px;gap:6px 10px}.program-branding .program-image-options strong{font-size:14px}.program-branding .program-image-note{margin-top:0;font-size:12px}@media(max-width:350px){.brand-palette{grid-template-columns:repeat(6,26px)}}.square-crop{width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--ink);background:#fff}.square-crop::backdrop{background:#142b23a0}.square-crop-frame{position:relative;width:min(100%,260px);aspect-ratio:1;margin:16px auto;overflow:hidden;background:var(--tint);border-radius:8px}.square-crop-frame img{position:absolute;max-width:none}.square-crop label{display:grid;gap:4px;margin-top:8px;font-size:14px}.square-crop input{width:100%;accent-color:var(--accent)}.program-branding{align-items:start;gap:14px}.branding-label{display:flex;align-items:baseline;gap:8px;min-height:20px;font-size:14px;line-height:20px}.branding-label small{color:var(--muted);font-size:12px}.program-branding .program-image-options{display:block;border:0;padding:0;background:transparent}.program-branding .program-image-picker{display:flex;gap:4px;min-height:48px;margin-top:6px;padding:3px;border:1px solid #cad6cd;border-radius:9px;background:#fff}.program-branding .program-image-choice{flex:1 1 auto;min-height:40px;margin:0;padding:4px 7px;border:0;background:transparent}.program-branding .program-image-choice:hover{background:var(--tint)}.program-branding .program-image-picker .button{min-height:36px;margin:0;padding:4px 8px;border-color:transparent}.square-crop{width:min(640px,calc(100% - 24px));padding:22px;box-shadow:0 24px 70px #0d231750}.crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.crop-header p{margin:6px 0 0;font-size:13px;color:var(--muted)}.crop-close{display:grid;place-items:center;padding:6px;border:0;border-radius:7px;background:var(--tint);color:var(--ink)}.square-crop-frame{width:min(100%,460px,56dvh);cursor:grab;touch-action:none}.square-crop-frame:active{cursor:grabbing}.square-crop-frame img{pointer-events:none}.crop-zoom{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;background:var(--tint);color:var(--accent);font-size:13px}.crop-zoom input{flex:1;min-width:0}.crop-zoom svg{flex-shrink:0}.crop-zoom span{min-width:4ch;font-variant-numeric:tabular-nums}.crop-zoom button{padding:4px;border:0;background:transparent;color:inherit;font-weight:700}.live-stamp-preview .reward-stamp{position:relative}.stamp-reward-tooltip{display:none;position:absolute;z-index:2;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);width:max-content;max-width:128px;padding:6px 9px;border-radius:7px;background:#17231e;color:#fff;font-size:12px;line-height:1.3;text-align:center;pointer-events:none}.reward-stamp:hover .stamp-reward-tooltip,.reward-stamp:focus .stamp-reward-tooltip{display:block}.onboarding-shell:has(.flow-result){grid-template-columns:minmax(0,1fr);background:#f6f8f5}.onboarding-shell:has(.flow-result) .onboarding-guide{display:none}.onboarding-shell:has(.flow-result) .workspace{max-width:1440px}.onboarding-shell:has(.flow-result) .topbar{justify-content:space-between}.onboarding-shell:has(.flow-result) .topbar .wordmark{display:flex}.onboarding-shell .workspace-content:has(>.flow-result){width:100%;margin:auto}.result-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 32px #17231e0a}.result-preview,.result-details,.result-heading{display:grid;align-content:center;min-width:0;padding:clamp(20px,4vw,48px)}.result-layout{grid-template-rows:minmax(min-content,1fr) minmax(min-content,2fr)}.result-layout>.result-heading{grid-column:2;align-content:end;padding-bottom:0}.result-layout>.result-preview{grid-area:1 / 1 / 3 / 2}.result-layout>.result-details{grid-column:2;align-content:start;padding-top:0}.result-preview{min-height:340px;border-radius:21px 0 0 21px;background:radial-gradient(ellipse at 50% 80%,#285542,#142c23 80%)}.result-preview .live-stamp-preview{border-color:#17231e26;box-shadow:0 4px #ffffff40,0 16px 28px #07171060}.result-preview .live-stamp-preview h2{display:block}.result-preview .live-stamp-preview ol{margin-bottom:0;border-color:currentColor}.result-preview .live-stamp-preview li{width:min(100%,44px)}.result-heading .flow-success{width:36px;height:36px;margin-bottom:12px;border-radius:50%}.flow-result .result-heading h1{font-size:clamp(28px,4vw,42px)}.result-next{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.result-next h2{display:flex;align-items:center;gap:8px;font-size:17px}.result-next h2 svg{flex-shrink:0;color:var(--accent)}.result-next p{color:var(--muted);margin:8px 0 0;line-height:1.5}.result-next .button{margin-top:16px}.result-next p.error{color:var(--danger, #a52822)}@media(max-width:720px){.result-layout{grid-template-columns:minmax(0,1fr)}.result-preview{min-height:0;border-radius:21px 21px 0 0}}.shell:has(.verification-page){display:block;background:radial-gradient(ellipse at top,#e8f1e6,#f8faf7 65%)}.shell:has(.verification-page)>.loyalty-preview{display:none}.shell:has(.verification-page) .workspace{grid-template-rows:auto 1fr}.shell:has(.verification-page) .topbar{display:flex;justify-content:space-between}.shell:has(.verification-page) .topbar .wordmark{display:flex}.shell .workspace-content:has(>.verification-page){width:min(100%,520px);margin:auto;padding:clamp(24px,5vw,48px);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 44px #17231e0d}.verification-page{text-align:center;overflow-wrap:anywhere}.verification-page-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:20px;background:#e6f1e7;color:var(--accent)}.verification-page h1{font-size:clamp(28px,5vw,38px)}.verification-page .intro{margin:10px auto 0;max-width:34ch}.verification-page .verification-page-actions{display:grid;gap:10px;margin-top:26px}.verification-page-actions .button{width:100%;justify-content:center;margin:0}.verification-page-actions .back{justify-self:center;margin:0}.verification-page[data-verified=false] .verification-page-icon{background:#eef1f8;color:#334d79}.verification-page .intro strong{color:var(--ink)}.verification-page-note{margin:16px 0 0;padding:10px 12px;border-radius:10px;background:var(--tint);color:var(--ink);font-size:14px}.program-qr{display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,24px);margin-top:12px;padding:clamp(12px,2vw,20px);border:1px solid var(--line);border-radius:16px;background:#f5f8f4}.program-qr-copy h3{margin:0;font-size:16px}.program-qr-copy p{font-size:14px}.program-qr>[role],.program-qr>button{grid-column:1 / -1}.program-qr>button{justify-self:start}.result-qr-image{display:block;width:min(100%,168px);height:auto;aspect-ratio:1;padding:14px;image-rendering:pixelated;border:1px solid var(--line);border-radius:12px;background:#fff}.existing-card-picker{display:grid;gap:6px;width:min(100%,360px);margin:0 auto 16px;font-weight:700}.existing-card-picker .stamp-dropdown{position:relative}.existing-card-picker summary{margin-top:0;cursor:pointer}.existing-card-picker summary span,.existing-card-picker .stamp-menu button{overflow-wrap:anywhere}@media(min-width:721px)and (max-width:960px),(max-width:480px){.program-qr{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.shell>.onboarding-guide{display:none}.shell .workspace{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px clamp(12px,4vw,24px) 28px;padding-bottom:max(28px,env(safe-area-inset-bottom))}.workspace-content:has(>.flow-page){margin-top:0}.flow-page h1,.auth-form h1{font-size:clamp(28px,7vw,38px)}.flow-page .intro,.auth-form .intro{margin-bottom:18px}.flow-page .back{min-height:44px;margin-bottom:8px}.setup-option-body{padding:14px}.onboarding-shell .setup-option{grid-template-columns:clamp(56px,16vw,96px) minmax(0,1fr)}.onboarding-shell .setup-art>span{width:22px;height:22px}.setup-option-body p{margin-bottom:12px;font-size:14px}.setup-action{padding-top:10px;font-size:14px}.setup-action svg{flex-shrink:0}.flow-page .capture-box{min-height:160px}.flow-page .actions>.primary{margin-inline-start:0}.card-builder>.live-stamp-preview{margin-bottom:20px;box-shadow:0 3px #b7cbeb,0 6px 16px #17231e12}.live-stamp-preview.preview-dense ol{grid-template-columns:repeat(7,minmax(0,1fr))}.card-builder .reward-fields{grid-template-columns:minmax(0,1fr)}.stamp-menu button{min-height:44px}.reward-remove,.crop-close{min-width:44px;min-height:44px}.reward-remove{inset-block-start:-5px}.branding-label{flex-wrap:wrap}.program-branding .program-image-picker .button{min-height:44px}.card-builder form>.primary{width:100%}.auth-notice{inset-inline:12px;width:auto;overflow-wrap:anywhere}.square-crop{padding:14px;overflow-y:auto}.square-crop-frame{width:min(100%,460px,48dvh)}.crop-zoom input,.crop-zoom button{min-height:44px}.square-crop .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,320px);margin-inline:auto}.square-crop .actions .primary{margin:0}.program-qr{justify-items:center;text-align:center}.program-qr-copy .button,.existing-card-picker{width:100%}}.account-form-heading{text-align:center}.account-form-heading h1{margin-inline:auto}@media(max-width:760px){.auth-shell .workspace-content:has(>.account-form){width:min(100%,400px);position:relative;margin:-16px auto 0;padding:clamp(18px,5vw,26px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 30px #142b2310}.auth-shell:has(.account-form){background:linear-gradient(180deg,#142b23 0,#1d4133 175px,#8ba99a,#e8efe9 355px,#f6f8f5 440px)}.auth-shell:has(.account-form) .loyalty-preview{display:flex;background:transparent;align-items:center;gap:18px;padding:16px 16px 36px}.auth-shell:has(.account-form) .preview-content{width:min(100%,310px);padding:0}.auth-shell:has(.account-form) .preview-content>:is(h2,p),.auth-shell:has(.account-form) .design-card--botanical{display:none}.auth-shell:has(.account-form) .sample-cards{padding:4px 8px}.auth-shell:has(.account-form) .design-card--espresso{width:100%;transform:rotate(-3deg)}.auth-shell:has(.account-form) .workspace{min-height:0;grid-template-rows:auto;padding-block-start:0}.auth-shell:has(.account-form) .topbar{display:none}.account-form .account-form-heading{margin-bottom:20px}.account-form h1{max-width:18ch;font-size:clamp(25px,6.5vw,34px);line-height:1.14}.account-form .intro{margin:8px 0 20px;font-size:14px}.account-form form{gap:12px}.account-form form input{min-height:46px;margin-top:4px}.account-form form>.primary{min-height:48px}.account-form .auth-switch{margin-top:16px;padding-top:8px;font-size:14px}.account-form .auth-switch a{min-height:44px}.auth-shell:has(.registration-page){background:linear-gradient(180deg,#142b23 0,#1d4133 100px,#8ba99a 210px,#e8efe9 340px,#f6f8f5 460px)}.auth-shell:has(.registration-page) .loyalty-preview{display:none}.auth-shell:has(.registration-page) .workspace{min-height:100svh;grid-template-rows:auto 1fr;gap:16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.auth-shell:has(.registration-page) .topbar{display:flex;padding-top:16px;color:#f6f9f4}.auth-shell .workspace-content:has(>.registration-page){margin:auto;padding:16px}.registration-page .account-form-heading{margin-bottom:12px}.registration-page .intro{margin-bottom:0}.registration-page form{gap:10px}.registration-page .auth-switch{margin:10px 0 0;padding-top:0}}@media(max-width:760px){.onboarding-shell:has(.setup-page,.capture-page,.card-builder,.flow-result){background:#f0f4ef}.onboarding-shell:has(.setup-page,.capture-page,.card-builder,.flow-result) .topbar{margin-inline:calc(-1*clamp(12px,4vw,24px));margin-top:-16px;padding:14px clamp(12px,4vw,24px);background:#142b23;color:#f6f9f4}.onboarding-shell:has(.setup-page,.capture-page,.card-builder,.flow-result) .workspace-content{width:min(100%,520px);margin:0 auto auto}.setup-intro{margin:12px 0 22px;text-align:center}.setup-intro h1{margin-inline:auto;max-width:17ch;font-size:clamp(29px,7.5vw,40px)}.setup-intro .intro{margin-top:8px}.onboarding-shell .setup-option{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px;padding:16px;border-radius:16px}.onboarding-shell .setup-art{width:52px;height:52px;border-radius:12px}.onboarding-shell .setup-art-card{width:37px;height:30px;box-shadow:none}.onboarding-shell .setup-art>span{display:none}.setup-option-body{padding:0}.setup-option-body h2{font-size:18px}.setup-option-body p{margin:4px 0 10px}.setup-action{padding-top:0;border:0}.capture-page .flow-panel{padding:12px}.capture-page .steps{gap:5px}.capture-page .steps li{padding:8px;font-size:12px}.capture-page .capture-box{min-height:188px}.capture-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.capture-actions .primary{grid-column:1 / -1}.capture-actions .button{padding-inline:7px;text-align:center}.capture-actions .button svg{flex-shrink:0}.card-builder>.live-stamp-preview{padding:18px;border-color:var(--line);border-radius:14px;box-shadow:0 3px #17231e15}.card-builder .builder-section{gap:12px;padding:14px}.card-builder .reward-fields{padding:12px}.card-builder .reward-fields legend{padding-inline-end:48px}.card-builder form>.primary{min-height:50px}.onboarding-shell:has(.flow-result){display:flex;flex-direction:column;background:linear-gradient(180deg,#142b23,#1d4133 100px,#8ba99a 270px,#e8efe9 480px,#f6f8f5 700px)}.onboarding-shell:has(.flow-result) .workspace{flex:1;min-height:0}.onboarding-shell:has(.flow-result) .workspace-content:has(>.flow-result){margin:auto}.onboarding-shell:has(.flow-result) .topbar{padding-block:10px;background:transparent}.flow-result .existing-card-picker>span,.flow-result .result-back{color:#fff}.onboarding-shell:has(.flow-result) .brand-icon{width:30px;height:30px}.flow-result .existing-card-picker{gap:4px;margin-bottom:12px;font-size:13px}.flow-result .existing-card-picker summary{min-height:44px;font-size:14px}.flow-result .result-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;padding:12px;border-radius:18px;box-shadow:none}.result-layout>:is(.result-heading,.result-preview,.result-details){grid-area:auto;padding:0}.result-layout>.result-heading{display:flex;align-items:center;gap:8px;padding-bottom:12px}.result-heading .flow-success{width:28px;height:28px;margin:0;flex-shrink:0}.flow-result .result-heading h1{font-size:23px}.flow-result[data-existing=true] .result-heading,.flow-result .result-next[data-verified=true]>h2{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.flow-result .result-layout>.result-preview{min-height:0;padding:0;background:transparent}.result-preview .live-stamp-preview{padding:14px;border-radius:12px;box-shadow:none}.result-preview .live-stamp-preview li{width:min(100%,38px)}.result-details:empty{display:none}.result-next{margin:14px 0 0;padding-top:14px}.program-qr{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;border:0;background:transparent}.program-qr .result-qr-image{width:min(100%,156px);padding:12px}.program-qr-copy p{margin-top:4px;font-size:13px}.program-qr-copy .button{width:auto;margin-top:8px}}.scan-review-note p,.scan-review-note ul{margin-block:0}.scan-review-note p+ul{margin-top:8px}.scan-review-note ul{padding-inline-start:20px}.flow-page.capture-page .steps li{display:block;padding:0}.capture-page .steps button{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:start}.capture-page .steps button[aria-pressed=true],.capture-page .steps button:hover:not(:disabled){background:#e5f0e8;color:var(--accent)}.flow-page .capture-box-filled{place-content:normal;align-items:center;min-height:0;padding:12px;border:1px solid var(--line);background:#f3f6f3}.capture-box-filled img{width:auto;max-width:100%;max-height:min(300px,42svh);border-radius:8px}.capture-panel .capture-actions{display:block}.capture-photo-tools,.capture-footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.capture-photo-tools .button{border-color:transparent;background:transparent;color:var(--accent);padding-inline:8px}.capture-photo-tools .button:hover:not(:disabled){background:var(--tint)}.capture-footer{justify-content:flex-end;border-top:1px solid var(--line);margin-top:10px;padding-top:14px;gap:8px}.capture-footer .primary{margin-inline-start:0}@media(max-width:520px){.capture-photo-tools{column-gap:4px}.capture-photo-tools .button{font-size:13px}.capture-footer .button{flex:1 1 125px}}@media(max-width:760px){.brand-picker{position:static}.program-branding{position:relative;grid-template-columns:minmax(0,116px) minmax(0,1fr);gap:10px}.brand-color-controls{gap:4px}.brand-color-controls input:not([type=color]){padding-inline:3px}.program-branding .branding-label{gap:0 5px}.program-branding .program-image-choice svg{flex-shrink:0}.brand-palette{width:min(100%,304px);grid-template-columns:repeat(auto-fit,minmax(38px,1fr))}.brand-palette button{width:100%;height:38px}.card-details select{font-size:16px}.verification-page-actions .back{min-height:44px}.capture-photo-tools .button,.capture-footer .button{min-width:0}.capture-footer .primary{flex:1 1 100%}.stamp-reward-tooltip{overflow-wrap:anywhere}.existing-card-picker .stamp-menu{max-height:min(208px,42dvh)}}@media(max-width:390px){.program-branding .branding-label{min-height:36px;align-content:start;line-height:18px}}@media(max-width:360px){.topbar{flex-wrap:wrap;gap:8px}.square-crop .actions .button{padding-inline:8px}.crop-zoom{gap:5px}.crop-zoom svg{width:12px}.result-preview{padding:14px}}@media(max-width:760px){.onboarding-shell:has(.setup-page){display:flex;flex-direction:column;background:linear-gradient(180deg,#142b23,#1d4133 30%,#46735c 55%,#b9d1c1 82%,#f6f8f5)}.onboarding-shell:has(.capture-page){background:linear-gradient(180deg,#142b23,#214638 250px,#a9c5b3 460px,#f6f8f5 720px)}.onboarding-shell:has(.card-builder) .workspace{background:linear-gradient(180deg,#142b23,#1d4133 225px,#8ba99a 300px,#e8efe9,#f6f8f5 460px)}.onboarding-shell:has(:is(.setup-page,.capture-page,.card-builder)) .topbar{padding-block:10px;background:transparent;color:#f6f9f4}:is(.capture-page,.card-builder)>.back{margin-bottom:4px;color:#def3a5}:is(.capture-page,.card-builder)>h1,.setup-page .setup-intro h1{max-width:none;margin:0;font-size:clamp(25px,6.4vw,34px)}.setup-page .setup-intro{margin:8px 0 20px;text-align:center}:is(.capture-page,.card-builder)>h1,.setup-page .setup-intro h1{color:#f6f9f4}:is(.capture-page,.card-builder,.setup-intro)>.intro{color:#e4efe7;font-size:14px}.setup-page .setup-options{width:min(100%,440px);margin-inline:auto;gap:10px}.onboarding-shell .setup-page .setup-option{grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.onboarding-shell .setup-page .setup-option:is(:hover,:focus-visible){background:var(--tint);border-color:#789a86;box-shadow:none}.setup-page .setup-art{width:38px;height:38px;border-radius:8px;background:var(--tint);color:var(--accent)}.setup-page .setup-art-card{transform:none;background:transparent}.setup-page .setup-option-body{display:contents}.setup-page .setup-option-copy-text{grid-column:2;grid-row:1}.setup-page .setup-option-body h2{font-size:17px}.setup-page .setup-option-body p{margin:4px 0 0;font-size:13px}.setup-page .setup-action{grid-column:3;grid-row:1;margin:0}.setup-page .setup-action>span{display:none}.capture-camera .capture-box,.capture-single-scans button{background:#fff}.mobile-card-preview{margin-bottom:14px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.mobile-card-preview>summary{align-content:center;min-height:44px;color:var(--accent);font-weight:600;cursor:pointer}.mobile-card-preview .live-stamp-preview{margin-bottom:12px;box-shadow:none}.card-builder .builder-section{padding:14px;border-radius:12px}.card-builder .builder-section>h2{font-size:18px}.card-builder .reward-fields{border-radius:8px}}.capture-workspace{padding:0 14px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}.capture-side{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-block:10px;border-bottom:1px solid var(--line)}.capture-thumbnail{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;flex:1;min-width:0;min-height:58px;border-radius:8px}.capture-thumbnail:hover{background:var(--tint)}.capture-thumbnail>:is(img,svg){width:44px;height:38px;border-radius:6px;background:var(--tint);object-fit:contain}.capture-thumbnail>svg{padding:9px;color:var(--accent)}.capture-thumbnail strong{display:block;font-size:14px}.capture-thumbnail strong+span{color:var(--accent);font-size:13px}.capture-side-tools,.capture-single-scans{display:flex;flex-wrap:wrap;gap:2px 8px}.capture-side-tools button,.capture-single-scans button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:0;border-radius:6px;background:transparent;color:var(--accent);font-size:14px;font-weight:600}.capture-side-tools button:hover,.capture-single-scans button:hover{background:var(--tint)}.capture-scan-actions{display:grid;margin-top:16px}.capture-single-scans{justify-content:center}.capture-single-scans button{padding-inline:8px}.capture-side-tools{justify-content:end;flex:0 0 auto;gap:0}.capture-side-tools button{padding-inline:0}.capture-page .capture-scan-actions>.primary:disabled{opacity:1;background:#e5ede7;color:#4c6256}@media(max-width:760px){.onboarding-shell:has(.capture-page){display:flex;flex-direction:column}.onboarding-shell:has(:is(.setup-page,.capture-page)) .workspace{flex:1;min-height:0;grid-template-rows:auto minmax(0,2fr) auto minmax(0,3fr);row-gap:0}.onboarding-shell:has(:is(.setup-page,.capture-page)) .workspace-content:has(>:is(.setup-page,.capture-page)){grid-row:3;margin:12px auto}}.card-appearance{grid-column:1 / -1;min-width:0}.card-appearance>summary{display:list-item;align-content:center;min-height:44px;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer}@media(min-width:761px){.card-appearance[open]>summary{display:none}}@media(max-width:760px){.card-appearance{border-top:1px solid var(--line)}.card-appearance[open] .program-branding{padding-bottom:4px}.brand-color-controls{grid-template-columns:38px minmax(0,1fr)}.brand-color-controls input:not([type=color]){letter-spacing:-.04em}.card-builder .reward-fields{padding-inline:0;border:0;border-top:1px solid var(--line)}.card-builder .reward-fields legend{padding-inline-start:0;font-size:14px}.final-stamp-field>span{display:none}.final-stamp-field .final-stamp-position{min-height:0;margin:0;padding:0;border:0;background:transparent;font-size:13px;font-weight:500}}@media(max-width:760px){.card-builder .reward-fields{border-radius:0;gap:8px}}