
/* FULL IMMERSIVE FIRE STATION FLOW. Loaded after all legacy styles. */
:root{--fire-red:#e53942;--fire-blue:#0b2854;--fire-ink:#eaf4ff;--fire-glass:rgba(7,22,49,.79);--fire-stroke:rgba(170,212,255,.22)}
html{min-height:100%;background:#050e22}
body:has(.immersive-booth){margin:0!important;min-height:100dvh;background:#050e22!important;color:var(--fire-ink)}
body:has(.immersive-booth) main.wrap{width:100%!important;max-width:none!important;min-height:100dvh;margin:0!important;padding:0!important;display:block!important}
body:has(.immersive-booth)>footer{display:none!important}
.immersive-booth.snap-app.design-one{position:relative!important;isolation:isolate;width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#071731!important;overflow:clip}
.immersive-booth::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url('firestation-scene.png') center/cover no-repeat;filter:saturate(1.08) brightness(.58)}
.immersive-booth::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,rgba(4,13,31,.81),rgba(6,21,49,.70) 52%,rgba(4,12,28,.83)),radial-gradient(ellipse at 50% 30%,rgba(26,70,142,.28),transparent 70%)}
.immersive-booth .snap-orb,.immersive-booth .bfp-watermark{display:none!important}
.immersive-booth .snap-shell{position:relative!important;width:100%!important;max-width:1180px!important;min-height:100dvh!important;margin:0 auto!important;padding:clamp(18px,3vw,44px)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.immersive-booth .snap-step{position:relative!important;min-height:calc(100dvh - 88px);color:var(--fire-ink)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:fireStepEnter .34s cubic-bezier(.2,.75,.3,1) both}
.immersive-booth .snap-step:not(.active){display:none!important}
@keyframes fireStepEnter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
.immersive-booth .snap-step.firestation-landing{width:100%!important;max-width:none!important;min-height:calc(100dvh - 88px)!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important}
.immersive-booth .firestation-landing::before,.immersive-booth .firestation-landing::after{display:none!important}
.immersive-booth .snap-step:not([data-step="0"]){padding:clamp(18px,3vw,35px) 0!important}
.immersive-booth .snap-intro{max-width:920px!important;margin:0 auto 20px!important;padding:0!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
.immersive-booth .snap-intro h2{font-size:clamp(26px,4vw,45px)!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#fff!important;text-shadow:0 5px 24px #020a20;margin:0 0 12px!important}
.immersive-booth .snap-intro p{color:#c8d7ee!important}
.immersive-booth .snap-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:22px auto 0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.immersive-booth button,.immersive-booth a.snap-secondary,.immersive-booth a.snap-download{font-family:inherit;touch-action:manipulation}
.immersive-booth .snap-primary:not(.bfp-shutter),.immersive-booth #chooseCenteredTemplate{background:linear-gradient(135deg,#f34d4e,#ba182e)!important;border:1px solid rgba(255,177,181,.5)!important;color:#fff!important;box-shadow:0 9px 22px rgba(133,12,35,.26)!important;border-radius:13px!important;font-weight:800!important}
.immersive-booth .snap-back,.immersive-booth .snap-secondary,.immersive-booth #templatePrev,.immersive-booth #templateNext{background:rgba(8,28,62,.8)!important;color:#eef6ff!important;border:1px solid rgba(184,215,255,.27)!important;border-radius:13px!important;box-shadow:none!important}
.immersive-booth button:focus-visible,.immersive-booth a:focus-visible{outline:3px solid #fbbf24!important;outline-offset:3px}
.immersive-booth button:disabled{opacity:.46!important;cursor:not-allowed!important}
.immersive-booth .snap-notice{position:relative;z-index:12}
/* TEMPLATE: one carousel, one chooser, one back. No secondary wrapper card */
.immersive-booth [data-step="1"]{display:flex;flex-direction:column;justify-content:center}
.immersive-booth #templateCards{width:100%!important;max-width:1100px!important;margin:0 auto!important;padding:16px 0 22px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.immersive-booth #templateCards .snap-template{background:rgba(255,255,255,.08)!important;border:1px solid var(--fire-stroke)!important;border-radius:20px!important;box-shadow:0 15px 36px rgba(0,0,0,.28)!important;overflow:hidden}
.immersive-booth #templateCards .snap-template.is-centered{border:2px solid #ff6773!important;box-shadow:0 18px 45px rgba(0,0,0,.44),0 0 0 3px rgba(240,57,74,.18)!important}
.immersive-booth #templateCards .template-card-caption{color:#fff!important;background:rgba(8,23,50,.92)!important}
.immersive-booth .template-chooser-bottom{color:#fff!important;text-align:center;background:transparent!important;border:0!important;box-shadow:none!important;margin:0 auto!important;padding:0!important}
.immersive-booth .template-chooser-bottom h3{color:#fff!important;margin:6px 0!important}
.immersive-booth .template-chooser-bottom p{color:#c4d5ef!important}
.immersive-booth .template-chooser-controls{display:flex;justify-content:center;gap:10px;align-items:center}
.immersive-booth #chooseCenteredTemplate{min-height:50px;padding:12px 24px!important}
.immersive-booth .template-dots span{background:rgba(255,255,255,.35)}
.immersive-booth .template-dots span.active{background:#ff5864}
/* TIP: one bold immersive message, not a nested card inside a card */
.immersive-booth [data-step="2"]{display:flex;flex-direction:column;justify-content:center;align-items:center}
.immersive-booth .snap-tip{width:min(100%,700px)!important;margin:12px auto!important;padding:clamp(26px,5vw,60px)!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(10,34,76,.93),rgba(5,19,45,.88))!important;border:1px solid rgba(164,206,255,.25)!important;box-shadow:0 20px 55px rgba(0,0,0,.27)!important;text-align:center!important;color:#fff!important}
.immersive-booth .snap-tip h3{font-size:clamp(23px,4vw,39px)!important;color:#fff!important}
.immersive-booth .snap-tip p{color:#e0ebfa!important;font-size:clamp(15px,2vw,19px)!important}
.immersive-booth .snap-tip-meta,.immersive-booth .snap-tip-foot{color:#fdb5b5!important}
.immersive-booth .snap-tip-icon{font-size:clamp(40px,6vw,74px)!important}
/* CAMERA: single immersive live view; shutter remains the ONLY capture button */
.immersive-booth [data-step="3"]{display:flex;flex-direction:column;align-items:center;justify-content:center}
.immersive-booth .snap-camera{position:relative!important;width:min(100%,800px)!important;min-height:260px!important;aspect-ratio:4/3!important;margin:0 auto!important;overflow:hidden!important;border-radius:24px!important;background:#050e1e!important;border:2px solid rgba(168,208,255,.35)!important;box-shadow:0 22px 65px rgba(0,0,0,.48),0 0 0 6px rgba(255,255,255,.045)!important}
.immersive-booth .snap-camera video{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.immersive-booth .snap-camera::after{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.30);border-radius:17px;pointer-events:none;z-index:1}
.immersive-booth .bfp-shutter{z-index:4!important;box-shadow:0 0 0 7px rgba(255,255,255,.18),0 8px 28px rgba(0,0,0,.5)!important}
.immersive-booth .snap-countdown{z-index:5!important;text-shadow:0 4px 20px #000!important}
.immersive-booth .snap-camera-hint{z-index:2!important}
.immersive-booth .snap-live-filters{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:min(100%,800px);margin:18px auto 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#e3ecfb!important}
.immersive-booth .snap-live-filters label{color:#e3ecfb!important}
.immersive-booth .snap-live-filters select{background:#10284d!important;color:#fff!important;border:1px solid var(--fire-stroke)!important;border-radius:10px!important;min-height:42px}
/* EDITOR: unified workspace; existing six toolbar actions only, no duplicated receipt card */
.immersive-booth [data-step="4"]{width:100%}
.immersive-booth .snap-finish.snap-mobile-editor{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;width:min(100%,880px)!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.immersive-booth .snap-photo{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:800px!important;gap:12px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.immersive-booth .snap-editor-actionbar{order:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0 auto 8px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important}
.immersive-booth .snap-editor-actionbar>*{position:static!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:60px!important;padding:8px 4px!important;margin:0!important;font-size:12px!important;line-height:1.25!important;white-space:normal!important;text-align:center!important;text-decoration:none!important;border-radius:12px!important}
.immersive-booth .snap-editor-actionbar #download[hidden]{display:none!important}
.immersive-booth .snap-edit-surface{order:1!important;position:relative!important;width:min(100%,650px)!important;max-width:100%!important;margin:0 auto!important;border-radius:18px!important;overflow:hidden!important;border:2px solid rgba(255,255,255,.22)!important;background:#0b1e3b!important;box-shadow:0 22px 65px rgba(0,0,0,.4)!important;touch-action:pan-y}
.immersive-booth #editCanvas{display:block!important;max-width:100%!important;height:auto!important;margin:auto!important}
.immersive-booth .snap-anime-panel{order:3!important;width:100%!important;margin:12px auto 0!important;padding:17px!important;background:rgba(9,30,65,.92)!important;border:1px solid var(--fire-stroke)!important;border-radius:16px!important;box-shadow:none!important;color:#fff!important}
.immersive-booth .snap-anime-heading strong,.immersive-booth .snap-anime-heading small,.immersive-booth .snap-ai-consent,.immersive-booth .snap-anime-status{color:#e8f2ff!important}
.immersive-booth .snap-anime-choice{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:var(--fire-stroke)!important}
.immersive-booth .snap-anime-choice.is-active{background:#b91e36!important;border-color:#e34e61!important}
.immersive-booth .snap-sticker-quickactions{order:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:min(100%,650px)!important;margin:0 auto!important}
.immersive-booth .snap-sticker-quickactions button{min-height:43px!important;padding:8px 5px!important;font-size:12px!important}
.immersive-booth .snap-editor-tools{order:4!important;width:100%!important;margin:12px 0 0!important;padding:16px!important;background:rgba(9,30,65,.92)!important;border:1px solid var(--fire-stroke)!important;border-radius:16px!important;box-shadow:none!important}
.immersive-booth .snap-editor-tools strong,.immersive-booth .snap-sticker-hint{color:#e8f2ff!important}
.immersive-booth .snap-sticker-palette{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.immersive-booth .snap-output{width:100%!important;max-width:800px!important;margin:14px auto 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#e6efff!important;text-align:center!important}
.immersive-booth .snap-receipt-head{display:none!important}
.immersive-booth .snap-receipt-tip{color:#d3e2f6!important}
.immersive-booth #qrResult{margin:15px auto!important;padding:20px!important;max-width:470px!important;background:rgba(255,255,255,.97)!important;color:#162c49!important;border-radius:18px!important}
.immersive-booth #qrResult h3,.immersive-booth #qrResult p{color:#162c49!important}
.immersive-booth #share{max-width:100%!important}
@media(max-width:700px){
 .immersive-booth .snap-shell{padding:12px 12px 28px!important}
 .immersive-booth .snap-step{min-height:calc(100dvh - 30px)}
 .immersive-booth .snap-step.firestation-landing{min-height:calc(100dvh - 30px)!important}
 .immersive-booth .snap-intro{margin-bottom:15px!important}
 .immersive-booth .snap-editor-actionbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .immersive-booth .snap-editor-actionbar>*{min-height:52px!important;font-size:11px!important}
 .immersive-booth .snap-camera{aspect-ratio:3/4!important}
 .immersive-booth .snap-tip{padding:28px 18px!important}
 .immersive-booth .snap-anime-heading{align-items:flex-start}
}
@media(max-width:400px){.immersive-booth .snap-sticker-quickactions button{font-size:11px!important}.immersive-booth .snap-editor-actionbar>*{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.immersive-booth .snap-step{animation:none!important}}
