body:has(.snap-app){background:#090e20;color:#fff}body:has(.snap-app) .top{background:#0a1022;border-bottom:1px solid #ffffff20}body:has(.snap-app) .wrap{max-width:1280px;margin:20px auto}body:has(.snap-app) footer{color:#aab5d1}.snap-app{font-family:Inter,system-ui,Segoe UI,sans-serif;position:relative;isolation:isolate;overflow:hidden;min-height:750px;border-radius:28px;background:radial-gradient(ellipse at 10% 0%,#5b1d41 0%,transparent 38%),radial-gradient(ellipse at 100% 75%,#263e76 0%,transparent 48%),linear-gradient(145deg,#11182c,#0a1020);color:#fff}.snap-orb{position:absolute;z-index:-1;filter:blur(3px);border-radius:50%;opacity:.35;pointer-events:none}.orb-a{width:370px;height:370px;top:-140px;right:-100px;background:linear-gradient(135deg,#ff5b55,#f7ad64)}.orb-b{width:280px;height:280px;bottom:-120px;left:-80px;background:linear-gradient(135deg,#9e62ff,#2f8aff)}.snap-shell{max-width:1090px;margin:auto;padding:34px 26px 60px}.snap-heading{display:flex;align-items:center;gap:18px;padding:10px 0 30px}.snap-mark{width:65px;height:65px;display:grid;place-items:center;font-size:32px;border-radius:20px;background:#ffffff18;border:1px solid #ffffff3a;box-shadow:inset 0 1px #ffffff45}.snap-kicker{color:#f8b0a5;letter-spacing:2px;font-size:10px;font-weight:800}.snap-heading h1{font-size:clamp(26px,4vw,44px);letter-spacing:-1.5px;margin:2px 0}.snap-heading h1 em{font-style:normal;color:#ff8779}.snap-heading p{margin:0;color:#bdc7dc;font-size:14px}.snap-app button{font:inherit;cursor:pointer}.snap-sound{margin-left:auto;white-space:nowrap;background:#ffffff13;color:#fff;border:1px solid #ffffff3a;border-radius:50px;padding:10px 14px;font-size:12px!important}.snap-progress{display:flex;gap:8px;margin-bottom:28px}.snap-progress span{flex:1;text-align:center;padding:12px 5px;background:#ffffff0d;border:1px solid #ffffff1e;border-radius:13px;font-size:11px;color:#a4adc2;font-weight:700}.snap-progress span b{margin-left:4px;font-weight:600}.snap-progress .active{background:#ff62552a;border-color:#ff8b77;color:white}.snap-progress .complete{background:#6fd3ad20;border-color:#6fd3ad55;color:#b0f4dc}.snap-step{display:none;animation:snapIn .35s ease}.snap-step.active{display:block}@keyframes snapIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.snap-intro{text-align:center;margin:20px auto 26px}.snap-pill{display:inline-block;border-radius:30px;padding:7px 12px;background:#ff756326;color:#ffc1b6;font-size:11px;font-weight:900;letter-spacing:1.5px}.snap-intro h2{font-size:clamp(26px,4vw,42px);letter-spacing:-1px;margin:12px 0 6px}.snap-intro p{color:#b8c3da;margin:0}.snap-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px;margin:38px auto}.snap-choice,.snap-template,.snap-tip,.snap-camera,.snap-photo,.snap-output{background:#ffffff12!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff36!important;box-shadow:0 18px 60px #00000030,inset 0 1px #ffffff20;border-radius:23px}.snap-choice{color:#fff;text-align:left;padding:30px;min-height:210px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s}.snap-choice:hover,.snap-template:hover{transform:translateY(-5px);border-color:#ffb8a6!important}.snap-emoji{font-size:36px}.snap-choice strong{font-size:25px}.snap-choice small{color:#bac5db}.snap-arrow{align-self:end;color:#ffb1a5;font-size:27px}.snap-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.snap-template{padding:14px;color:white;text-align:center;transition:.2s}.snap-template.selected{outline:3px solid #ff9b86;background:#ff6b5830!important}.snap-template strong{display:block;margin-top:14px;font-size:15px}.snap-template small{color:#b9c6da;display:block;font-size:11px;margin:5px}.snap-mini-sheet{background:#f8f8f8;color:#222;min-height:245px;max-width:190px;margin:auto;padding:11px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 20px #0004}.snap-mini-head{font-size:10px;font-weight:900;border-bottom:2px solid #222;padding-bottom:5px}.snap-mini-photos{display:grid;grid-template-columns:1fr;gap:4px;flex:1}.snap-mini-photos.grid{grid-template-columns:repeat(2,1fr)}.snap-mini-photo{background:linear-gradient(135deg,#c6c6c6,#eee);color:#777;display:grid;place-items:center;min-height:30px;font-size:21px}.snap-mini-tip{border:1px solid #333;font-size:8px;font-weight:900;padding:5px}.snap-mini-foot{font-size:8px;border-top:1px dashed #333;padding-top:5px}.snap-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.snap-actions button,.snap-download{border-radius:14px;padding:13px 22px;font-weight:800!important;min-height:48px;border:1px solid #ffffff30;text-decoration:none;text-align:center}.snap-primary{background:linear-gradient(135deg,#ff5a54,#f48457)!important;color:white!important;border:0!important;box-shadow:0 10px 30px #f85c5344}.snap-secondary{background:#ffffff20!important;color:white!important}.snap-back{background:transparent!important;color:#c5cde0!important}.snap-app button:disabled{opacity:.4;cursor:not-allowed}.snap-tip{max-width:650px;margin:25px auto;padding:38px;text-align:center}.snap-tip-icon{font-size:52px}.snap-tip-meta{color:#ffb5a3;font-size:11px;letter-spacing:2px;font-weight:900;margin-top:14px}.snap-tip h3{font-size:clamp(22px,3vw,32px);margin:10px 0}.snap-tip p{font-size:18px;color:#e5e9f3;line-height:1.65}.snap-tip-foot{font-size:11px;letter-spacing:2px;color:#a5b1cb;border-top:1px solid #ffffff2b;padding-top:18px;margin-top:22px}.snap-camera{max-width:720px;margin:auto;position:relative;overflow:hidden;aspect-ratio:4/3;background:#070c18!important}.snap-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.snap-countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(80px,16vw,160px);font-weight:900;text-shadow:0 6px 30px #000}.snap-camera-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#10182cbb;padding:10px 18px;border-radius:30px;white-space:nowrap}.snap-camera-hint[hidden]{display:none}.snap-finish{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;max-width:880px;margin:auto}.snap-photo{min-height:350px;padding:16px;display:grid;place-items:center;color:#aab6cb}.snap-photo img{max-width:100%;max-height:460px;border-radius:12px;object-fit:contain;filter:grayscale(1) contrast(1.12)}.snap-output{padding:22px}.snap-receipt-head{font-size:15px;font-weight:900;padding-bottom:12px;border-bottom:1px solid #ffffff35}.snap-receipt-tip{padding:16px 0;color:#d7dfed}.snap-receipt-tip p{font-size:14px}.snap-share a{color:#ffc0af;overflow-wrap:anywhere}.snap-actions.vertical{flex-direction:column;margin-top:18px}.snap-notice{display:none;background:#244d45;color:#c6ffea;border:1px solid #72d2ad66;padding:12px 16px;border-radius:12px;margin-bottom:15px}.snap-notice.visible{display:block}.snap-notice.error{background:#542a35;color:#ffe1df;border-color:#e88484}@media(max-width:720px){.snap-shell{padding:20px 14px 35px}.snap-heading{gap:10px;flex-wrap:wrap}.snap-mark{width:48px;height:48px;font-size:23px}.snap-kicker{font-size:8px}.snap-heading p{font-size:12px}.snap-sound{margin-left:0}.snap-progress span{font-size:11px}.snap-progress b{display:none}.snap-choices,.snap-finish{grid-template-columns:1fr}.snap-choice{min-height:145px;padding:22px}.snap-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.snap-template{padding:8px}.snap-mini-sheet{min-height:190px}.snap-actions button,.snap-download{flex:1}.snap-tip{padding:22px}.snap-camera{aspect-ratio:3/4}}
@media(prefers-reduced-motion:reduce){.snap-step,.snap-choice,.snap-template{animation:none;transition:none}}

/* v3: editing and touch controls */
.snap-edit-surface{position:relative;width:min(100%,390px);margin:auto;touch-action:pan-y}.snap-edit-surface canvas{width:100%;height:auto;display:block;background:#fff;border-radius:10px}.snap-edit-surface #stickerLayer{position:absolute;inset:0;pointer-events:none}.snap-sticker{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);font-size:clamp(25px,5vw,46px);line-height:1;cursor:grab;touch-action:none;user-select:none;pointer-events:auto;filter:drop-shadow(0 1px 2px #fff);border:1px dashed transparent;border-radius:12px;padding:2px}.snap-sticker:focus,.snap-sticker:active{border-color:#f44}.snap-editor-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;justify-content:center;padding:12px}.snap-editor-tools strong{flex-basis:100%;text-align:center}.snap-sticker-palette{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}.snap-sticker-palette button{font-size:27px;padding:7px 10px;border-radius:12px;min-height:48px;min-width:48px}.snap-editor-tools>.snap-secondary{font-size:12px;padding:8px}.snap-timer{font-size:24px;font-weight:800;color:#ffdca4}.snap-photo{display:block;min-height:0;padding:8px}.snap-finish{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.snap-camera video{transform:scaleX(-1)}@media(max-width:720px){.snap-finish{grid-template-columns:1fr}.snap-output{padding:14px}.snap-sticker{font-size:32px}.snap-sticker-palette button{font-size:25px}.snap-edit-surface{max-width:330px}.snap-actions.vertical button,.snap-actions.vertical a{width:100%}}
/* V4 mobile editing, sticker sizing, photo filters and QR download */
.snap-filter-tools,.snap-sticker-controls{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:8px;background:#ffffff12;border:1px solid #ffffff2b;border-radius:14px}.snap-filter-tools label,.snap-sticker-controls label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.snap-filter-tools select{max-width:185px;padding:9px;background:#17233a;color:white;border:1px solid #ffffff50;border-radius:9px}.snap-filter-tools input,.snap-sticker-controls input{width:110px;accent-color:#ff7565}.snap-sticker.chosen{outline:2px dashed #ff6255;outline-offset:3px}.snap-qr-result{margin-top:20px;padding:16px;text-align:center;border:1px solid #ffffff4d;border-radius:18px;background:#ffffff13}.snap-qr-result[hidden]{display:none}.snap-qr-result canvas{display:block;max-width:100%;height:auto;margin:12px auto;background:white;border:10px solid white;border-radius:8px}.snap-qr-result a{color:#ffd2c4;overflow-wrap:anywhere}.snap-qr-result p{color:#cad2e1;font-size:12px}.snap-edit-surface{touch-action:pan-y}.snap-sticker{background:transparent!important;color:initial!important;line-height:1.15!important;min-width:36px;min-height:36px;padding:0!important}.snap-sticker-palette button{background:#ffffff20;color:white;border:1px solid #ffffff35}.snap-output .snap-actions.vertical{gap:10px}@media(max-width:720px){.snap-filter-tools,.snap-sticker-controls{flex-direction:column;align-items:stretch}.snap-filter-tools label,.snap-sticker-controls label{justify-content:space-between}.snap-filter-tools input,.snap-sticker-controls input{width:48%}.snap-edit-surface{width:100%}.snap-editor-tools{padding:10px 4px}.snap-sticker-palette{max-height:145px;overflow:auto}}