@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Anton&display=swap');
:root{--paper:#f6f2e9;--ink:#181817;--red:#ed334b;--line:#c9c4b8;--muted:#76736b;--pink:#f7cad5;--blue:#c6e4ee;--yellow:#f4df82;--shadow:5px 6px 0 #181817;--font:'DM Sans',Arial,sans-serif;--display:'Anton','Arial Narrow',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.shell{max-width:1260px;margin:auto;padding:0 28px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.brand-mark{background:var(--red);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:24px var(--display);padding:2px 8px;transform:rotate(-3deg)}.brand-sub{font:10px var(--mono);line-height:1.3;letter-spacing:.04em}.top-actions{display:flex;gap:20px;align-items:center}.link-button{border:0;background:none;font-size:13px;font-weight:700;padding:10px 2px}.sound-toggle{border:1px solid var(--line);background:transparent;border-radius:100px;padding:8px 12px;font-size:12px}.hero{position:relative;padding:68px 0 56px;display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:center;min-height:490px}.eyebrow,.label{font:11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.eyebrow{color:var(--red);font-weight:500}.hero h1{font:clamp(76px,12vw,156px)/.82 var(--display);letter-spacing:-.025em;margin:20px 0 15px;max-width:760px}.hero h1 span{color:var(--red)}.hero-tagline{font-size:clamp(19px,2vw,25px);margin:0 0 28px;font-weight:600}.hero-copy{max-width:440px;color:#56534d;font-size:14px;line-height:1.65;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:2px solid var(--ink);background:var(--ink);color:white;padding:14px 21px;box-shadow:var(--shadow);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 var(--ink)}.btn.red{background:var(--red)}.btn.light{background:var(--paper);color:var(--ink)}.btn.small{padding:10px 13px;font-size:11px;box-shadow:3px 3px 0 var(--ink)}.btn:disabled{opacity:.55;cursor:wait}.hero-art{position:relative;height:344px;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;background:var(--yellow);right:9px;top:20px}.strip-preview{position:relative;width:154px;padding:12px 12px 26px;background:#fff;box-shadow:8px 10px 0 var(--ink);transform:rotate(7deg);border:1px solid #ddd}.strip-preview .fake-shot{height:67px;margin:0 0 5px;background:linear-gradient(135deg,#ecc8bf,#aaa0c7 50%,#293d54);position:relative;overflow:hidden}.strip-preview .fake-shot:nth-child(2){background:linear-gradient(135deg,#efc4ad,#eb7380 50%,#482c43)}.strip-preview .fake-shot:nth-child(3){background:linear-gradient(135deg,#d4c5a5,#e5b4b7 55%,#323d51)}.strip-preview .fake-shot:nth-child(4){background:linear-gradient(135deg,#dfd4bd,#777a8f 55%,#1d2937)}.strip-preview .fake-shot:after{content:'✦';position:absolute;right:9px;top:6px;color:#fff;font-size:18px}.strip-caption{font:8px var(--mono);text-align:center;margin-top:9px;letter-spacing:.08em}.sticker{position:absolute;font-size:35px}.s1{top:20px;right:2px;transform:rotate(15deg)}.s2{bottom:22px;left:2px;font-size:29px;transform:rotate(-13deg)}.s3{bottom:32px;right:0;font:12px var(--mono);background:var(--red);color:white;padding:7px;transform:rotate(8deg)}.ticker{background:var(--ink);color:white;font:11px var(--mono);padding:12px 0;overflow:hidden;white-space:nowrap;letter-spacing:.06em}.ticker span{display:inline-block;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.how{padding:46px 0 58px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:19px}.section-head h2{font:34px var(--display);margin:0}.section-head span{font:10px var(--mono);color:var(--muted)}.moods{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mood-card{min-height:170px;border:1px solid var(--ink);padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:3px 4px 0 var(--ink)}.mood-card:nth-child(1){background:#f7cad5}.mood-card:nth-child(2){background:#dfc6c0}.mood-card:nth-child(3){background:#d9e3ed}.mood-card:nth-child(4){background:#eee4d1}.mood-card:nth-child(5){background:#d8d7d3}.mood-card:nth-child(6){background:#dce4c5}.mood-icon{font-size:28px}.mood-card b{font:19px var(--display);text-transform:uppercase}.mood-card small{font-size:10px;color:#45433f}.footer{border-top:1px solid var(--line);padding:20px 0 35px;display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono)}.footer button{font:inherit;color:inherit;border:0;background:none;text-decoration:underline}
.overlay{position:fixed;inset:0;background:#151515bf;z-index:20;display:grid;place-items:center;padding:18px;overflow:auto}.dialog{width:min(680px,100%);background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--red);padding:clamp(20px,5vw,36px);position:relative;max-height:94dvh;overflow:auto}.dialog.editor{width:min(1080px,100%);max-height:96dvh}.close{position:absolute;right:16px;top:13px;border:1px solid var(--ink);background:transparent;width:34px;height:34px;border-radius:50%;font-size:20px}.dialog h2{font:clamp(38px,7vw,62px)/.95 var(--display);margin:4px 38px 7px 0}.dialog .intro{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 24px}.step{display:none}.step.active{display:block}.option-group{margin:20px 0}.option-group h3{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.options{display:flex;gap:8px;flex-wrap:wrap}.option{border:1px solid var(--ink);padding:10px 12px;background:transparent;font-size:12px;font-weight:700}.option.active{background:var(--ink);color:white}.option.theme{display:flex;align-items:center;gap:8px}.swatch{width:14px;height:14px;border:1px solid #888;border-radius:50%;background:var(--swatch)}.dialog-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:27px}.helper{font-size:11px;color:var(--muted);line-height:1.5}.hidden-input{display:none}.camera-view{background:#171717;position:relative;aspect-ratio:4/3;max-height:54dvh;display:grid;place-items:center;overflow:hidden;color:white}.camera-view video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-view video.rear{transform:none}.camera-view .countdown{position:absolute;font:clamp(65px,15vw,120px) var(--display);text-shadow:0 3px 18px #000;animation:pop .8s ease}@keyframes pop{from{transform:scale(1.45);opacity:0}25%{opacity:1}to{transform:scale(.85);opacity:1}}.flash{position:absolute;inset:0;background:#fff;animation:flash .23s ease-out forwards;pointer-events:none}@keyframes flash{to{opacity:0}}.camera-controls{display:flex;justify-content:center;gap:9px;margin-top:13px;flex-wrap:wrap}.capture-progress{font:11px var(--mono);text-align:center;margin:11px;color:var(--muted)}.editor-layout{display:grid;grid-template-columns:minmax(225px,1fr) minmax(180px,300px);gap:22px;align-items:start}.canvas-wrap{background:#dedad0;padding:12px;display:flex;justify-content:center;max-height:68dvh;overflow:auto;border:1px solid var(--line)}#stripCanvas{width:auto;max-width:100%;height:auto;max-height:64dvh;object-fit:contain;touch-action:none;box-shadow:0 3px 12px #0002;background:white}.editor-tools{display:flex;flex-direction:column;gap:15px;max-height:68dvh;overflow:auto;padding-right:4px}.tool-section{border-top:1px solid var(--line);padding-top:12px}.tool-section h3{font:10px var(--mono);text-transform:uppercase;margin:0 0 9px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:transparent;border:1px solid var(--line);font-size:10px;padding:7px 9px}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.tool-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.tool-row input[type=color]{width:34px;height:32px;padding:2px;border:1px solid var(--line);background:none}.tool-row input[type=range]{width:100px}.tool-row input[type=text]{width:100%;background:white;border:1px solid var(--line);padding:10px;font-size:12px}.sticker-btn{font-size:21px;padding:5px 8px}.status{font-size:11px;color:var(--muted);min-height:17px}.pose{font:clamp(16px,4vw,23px) var(--display);color:var(--yellow);position:absolute;bottom:13px;left:0;right:0;text-align:center;text-shadow:0 2px 7px black}.modal-page{line-height:1.6;font-size:14px}.modal-page h3{font:22px var(--display)}.paper-anim{animation:print .7s ease-out}@keyframes print{from{transform:translateY(-12px);opacity:.2}to{transform:translateY(0);opacity:1}}@media(max-width:800px){.shell{padding:0 18px}.hero{grid-template-columns:1fr 220px;gap:20px;min-height:410px;padding:48px 0}.hero-art{transform:scale(.8);transform-origin:center}.moods{grid-template-columns:repeat(3,1fr)}}@media(max-width:580px){.shell{padding:0 16px}.topbar{height:64px}.brand-mark{font-size:21px}.brand-sub{font-size:9px}.top-actions{gap:10px}.link-button{font-size:11px}.hero{display:block;padding:45px 0 30px;min-height:0}.hero h1{font-size:clamp(74px,22vw,122px);margin-top:17px}.hero-copy{font-size:13px}.hero-art{height:250px;margin:-7px auto 0;transform:scale(.74)}.actions .btn{flex:1;text-align:center;padding:13px 8px}.ticker{font-size:10px}.how{padding-top:36px}.moods{grid-template-columns:repeat(2,1fr);gap:9px}.mood-card{min-height:135px}.footer{gap:15px;flex-direction:column}.dialog{padding:23px 17px}.dialog.editor{padding:18px 13px}.editor-layout{grid-template-columns:1fr;gap:12px}.canvas-wrap{max-height:47dvh;padding:7px}#stripCanvas{max-height:44dvh}.editor-tools{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-section{padding-top:8px}.tool-section.span{grid-column:1/-1}.editor-top-actions{display:flex;gap:7px}.editor-top-actions .btn{flex:1}.camera-view{aspect-ratio:3/4;max-height:54dvh}.step .option{padding:9px}.section-head h2{font-size:29px}}

/* SHUT UP! V1.1 */
.screen-flash{position:fixed;inset:0;z-index:99999;background:#fffdf7;pointer-events:none;animation:screen-flash .2s ease-out forwards}
@keyframes screen-flash{0%{opacity:1}100%{opacity:0}}
.dialog.fill-soft{background:#fffaf0;color:#211d19;box-shadow:8px 8px 0 var(--red)}
.dialog.fill-bright{background:#fff;color:#171717;box-shadow:8px 8px 0 var(--red)}
.dialog.fill-soft .intro,.dialog.fill-bright .intro{color:#504b46}
.dialog.fill-soft .helper,.dialog.fill-bright .helper{color:#57524d}
.dialog.fill-bright .camera-view{border:5px solid #fff;background:#171717;box-shadow:0 0 0 16px #fff,0 0 55px 22px #fff7}
.low-light-hint{position:absolute;left:10px;top:10px;font:10px var(--mono);padding:7px 9px;border-radius:20px;background:#0009;color:#fff}
.light-note{text-align:center;margin-top:9px}
.filter-section{min-width:0}
.filter-tabs,.share-formats{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 9px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.filter-tab{flex:0 0 auto;border:1px solid var(--line);background:transparent;padding:7px 9px;font:10px var(--mono);white-space:nowrap}
.filter-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:210px;overflow:auto;padding:2px 3px 4px;-webkit-overflow-scrolling:touch}
.filter-tile-wrap{position:relative;min-width:0}
.filter-tile{width:100%;min-height:57px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:5px;padding:6px 22px 6px 7px;background:#fff;border:1px solid var(--line);font:9px var(--mono);text-align:left}
.filter-tile.active{outline:2px solid var(--red);border-color:var(--ink)}
.filter-swatch{display:block;width:100%;height:22px;border:1px solid #0002;background:linear-gradient(135deg,#f3d6c8,#b5b8ce 55%,#586071)}
.filter-swatch[data-category="Clean"]{background:linear-gradient(135deg,#fff4df,#f1cfbf 55%,#c5d4d1)}
.filter-swatch[data-category="K-Booth"]{background:linear-gradient(135deg,#f9e8ef,#e2eaf2 55%,#f4d8c7)}
.filter-swatch[data-category="Film"]{background:linear-gradient(135deg,#e5c990,#af7e58 55%,#504c45)}
.filter-swatch[data-category="Digicam"]{background:linear-gradient(135deg,#cbebee,#f78d8a 55%,#394e83)}
.filter-swatch[data-category="Moody"]{background:linear-gradient(135deg,#8b7b96,#273d59 55%,#151c2a)}
.filter-swatch[data-category="Retro"]{background:linear-gradient(135deg,#e6bc7f,#ca8870 55%,#82734e)}
.filter-swatch[data-category="B&W"]{background:linear-gradient(135deg,#fff,#888 55%,#171717)}
.filter-swatch[data-category="Fun"]{background:linear-gradient(135deg,#ffb1c9,#fff071 55%,#81d0b0)}
.filter-favorite{position:absolute;right:3px;top:2px;border:0;background:#fff9;padding:1px 3px;font-size:14px;line-height:1;color:#82735c}
.filter-favorite.favorited{color:#ed334b}
.footer-templates{margin-bottom:9px}
#footerMessage{width:100%;padding:9px 10px;border:1px solid var(--line);background:#fff;font-size:12px}
.final-preview{max-height:46dvh;margin:12px auto 18px;width:100%}
.final-preview canvas,.share-preview canvas,.print-mockup canvas{display:block;width:auto;max-width:100%;height:auto;object-fit:contain;box-shadow:0 3px 12px #0002}
.final-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.final-actions .btn{text-align:center;padding:14px 8px}
.secondary-actions{display:flex;justify-content:center;gap:9px;margin:10px 0}
.share-preview{max-height:44dvh;margin:10px auto}
.print-layout{display:grid;grid-template-columns:minmax(160px,.8fr) 1fr;gap:18px;align-items:center;margin:14px 0}
.print-mockup{min-height:190px;display:grid;place-items:center;padding:15px;background:linear-gradient(135deg,#e9e4d9,#faf8f1);border:1px solid var(--line);box-shadow:inset 0 0 0 8px #fff}
.print-mockup canvas{max-height:40dvh;box-shadow:0 8px 18px #0003}
.print-options{display:flex;flex-direction:column;gap:12px}
.field-label{display:grid;gap:5px;font:10px var(--mono)}
.field-label select,.field-label input{padding:10px;border:1px solid var(--line);background:#fff;font:12px var(--font)}
@media(max-width:580px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:190px}.filter-tile{min-height:53px}.final-actions{gap:6px}.final-actions .btn{font-size:10px;padding:13px 4px}.print-layout{grid-template-columns:1fr 1fr;gap:10px}.print-mockup{min-height:150px;padding:8px}.dialog-foot .actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.dialog-foot .actions .btn{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.screen-flash{animation:none;opacity:0}.ticker span{animation:none}}
.loading-dots{font:24px var(--mono);letter-spacing:.4em;text-align:center;padding:24px;color:var(--red);animation:print .55s ease-in-out infinite alternate}
.overlay.fill-soft{background:#fff8ec}
.overlay.fill-bright{background:#fff}
.overlay.fill-bright .dialog{background:#fff;color:#171717}
@media(max-width:580px){.overlay.fill-soft,.overlay.fill-bright{padding:0}.overlay.fill-soft .dialog,.overlay.fill-bright .dialog{max-height:100dvh;height:100dvh;width:100%;border:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.overlay.fill-bright .camera-view{width:100%}}

/* Clear editing controls and frame palette */
.filter-reset-row{display:flex;justify-content:flex-end;margin:-1px 0 7px}
.filter-reset{font:9px var(--mono);padding:6px 8px;border-color:#ed334b}
.frame-choices{max-height:142px;overflow:auto;padding:2px 2px 5px}
.frame-chip{display:inline-flex;gap:5px;align-items:center;padding:7px 8px;font-size:9px}
.frame-chip span{font-size:14px}
.frame-colors{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}
.frame-color{width:25px;height:25px;border:1px solid #282522;border-radius:50%;background:var(--frame-swatch);display:grid;place-items:center;font:11px var(--mono);color:#222;padding:0}
.frame-color.active{outline:2px solid #ed334b;outline-offset:2px}
.custom-color{position:relative;overflow:hidden;background:#fff;font-size:18px;line-height:1}
.custom-color input{position:absolute;inset:-8px;width:45px;height:45px;padding:0;border:0;opacity:0;cursor:pointer}
.fill-max.overlay{background:#fff}
.fill-max .dialog{background:#fff;color:#171717;box-shadow:0 0 0 3px #fff,0 0 90px 48px #fff;border-color:#171717}
.fill-max .camera-view{border:12px solid #fff;background:#fff;box-shadow:0 0 0 18px #fff,0 0 100px 58px #fff}
.fill-max .camera-view video{border:4px solid #fff}
.fill-max .intro,.fill-max .helper{color:#343434}
@media(max-width:580px){.frame-choices{max-height:120px}.fill-max.overlay{padding:0}.fill-max .dialog{max-height:100dvh;height:100dvh;width:100%;border:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.fill-max .camera-view{width:100%;box-shadow:0 0 0 22px #fff,0 0 100px 64px #fff}}
.sticker-controls{margin-top:10px;padding:10px;background:#fff8;border:1px solid var(--line);display:grid;gap:8px}
.sticker-control-title{font:10px var(--mono);color:#49453f;min-height:14px}
.sticker-controls .chip:disabled{opacity:.45;cursor:not-allowed}
.sticker-size-label{font:9px var(--mono);display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.sticker-size-label input{grid-column:1/-1;width:100%;accent-color:#ed334b}

/* Filter intensity control */
.filter-strength{margin:11px 1px 4px;padding:10px 11px;background:#fff9;border:1px solid var(--line)}
.filter-strength label{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:.06em}
.filter-strength label strong{font:700 11px var(--mono);color:#ed334b}
.filter-strength input[type=range]{display:block;width:100%;margin:10px 0 5px;accent-color:#ed334b;cursor:grab;touch-action:pan-y}
.filter-strength input[type=range]:active{cursor:grabbing}
.filter-strength-ends{display:flex;justify-content:space-between;color:#6b665e;font:8px var(--mono);letter-spacing:.04em}
.date-toggle{display:flex;align-items:center;gap:8px;margin-top:10px;font:9px var(--mono);letter-spacing:.04em;cursor:pointer}
.date-toggle input{accent-color:#ed334b;width:16px;height:16px;margin:0}
.sticker-color-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.04em}
.sticker-color-label input{width:42px;height:28px;padding:2px;border:1px solid var(--line);background:#fff;border-radius:3px;cursor:pointer}
.sticker-color-label input:disabled{opacity:.45;cursor:not-allowed}
.feature-dialog{width:min(950px,100%)}.feature-label{display:flex;flex-direction:column;gap:7px;margin:13px 0;font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase}.feature-label input,.feature-label textarea,.feature-label select,.invite-panel input{width:100%;background:#fff;border:1px solid var(--line);padding:11px;font:13px var(--body);color:var(--ink);text-transform:none;letter-spacing:normal}.feature-label textarea{min-height:82px;resize:vertical}.feature-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-note,.feature-status{font-size:12px;line-height:1.55;color:var(--muted);margin:12px 0}.feature-status{color:var(--ink);font-weight:700;min-height:1.5em}.feature-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.feature-video{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.feature-video video{background:#171717;width:100%;aspect-ratio:4/3;object-fit:cover}.invite-panel{padding:14px;border:1px dashed var(--ink);margin:14px 0}.invite-panel[hidden]{display:none}.invite-panel b{font:10px var(--mono)}.memory-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:20px;align-items:start}.memory-card{position:relative;width:100%;aspect-ratio:3/4;perspective:900px}.memory-side{position:absolute;inset:0;backface-visibility:hidden;display:grid;place-items:center;overflow:hidden;background:#fff;transition:transform .5s ease;border:1px solid var(--line)}.memory-side canvas{max-width:100%;max-height:100%;object-fit:contain}.memory-side#memoryBackSide{transform:rotateY(180deg)}.memory-card.flipped #memoryFront{transform:rotateY(180deg)}.memory-card.flipped #memoryBackSide{transform:rotateY(360deg)}.memory-side.concealed canvas{filter:blur(28px);opacity:.12}.memory-side.concealed:after{content:'DON’T SHOW ME YET';position:absolute;font:14px var(--mono);background:var(--paper);padding:12px}.memory-fields{max-height:56dvh;overflow:auto;padding-right:6px}.memory-check{display:flex;gap:8px;align-items:center;font:10px var(--mono);margin:11px 0}.capsule-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.capsule-image{width:100%;max-height:60dvh;object-fit:contain;background:#f3efe7}.capsule-note,.capsule-secret{border:1px solid var(--line);padding:14px;margin:10px 0;white-space:pre-wrap}.capsule-secret{border-color:var(--red);background:#fff7f7}.capsule-note p,.capsule-secret p{margin:8px 0}.feature-dialog audio{width:100%;margin:12px 0}@media(max-width:650px){.feature-dialog{max-height:100dvh;height:100dvh;width:100%;border:0;box-shadow:none;padding:20px 14px}.memory-layout{grid-template-columns:1fr}.memory-card{max-width:270px;margin:auto;aspect-ratio:3/3.5}.memory-fields{max-height:none;overflow:visible}.feature-two{grid-template-columns:1fr}.feature-video{grid-template-columns:1fr 1fr}.feature-dialog h2{font-size:36px}}
#remoteVideo{transform:scaleX(-1)}#remoteVideo.rear{transform:none}.feature-label[hidden],.feature-actions [hidden]{display:none!important}

/* Couple camera: keep the preview and exported frames at their real aspect ratio. */
.feature-video{position:relative;align-items:center}
.feature-video video{height:auto;max-height:48dvh;object-fit:contain}
.remote-countdown{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(76px,16vw,132px);aspect-ratio:1;border-radius:50%;background:#111a;color:#fff;font:clamp(54px,12vw,90px)/1 var(--display);text-shadow:0 3px 18px #000;pointer-events:none}
.remote-pose{position:absolute;z-index:2;left:50%;bottom:10px;transform:translateX(-50%);width:min(92%,600px);padding:10px 14px;background:#111c;color:#fff;text-align:center;font:clamp(13px,2.5vw,20px)/1.25 var(--display);text-shadow:0 2px 8px #000;pointer-events:none}
.remote-countdown[hidden],.remote-pose[hidden]{display:none!important}
.remote-controls{justify-content:center}
.invite-progress{margin:14px 0;padding:14px;background:#fff;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.invite-progress[hidden]{display:none!important}
.invite-progress-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.invite-progress-head>b{font:10px var(--mono);letter-spacing:.06em}
.invite-progress-head>span{font:9px var(--mono);color:var(--red);text-align:right}
.invite-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.invite-step{display:flex;gap:7px;align-items:flex-start;min-height:58px;padding:8px 6px;border-top:2px solid var(--line);color:var(--muted)}
.invite-step>span{flex:0 0 21px;width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:8px var(--mono)}
.invite-step>div{min-width:0;display:flex;flex-direction:column;gap:3px}
.invite-step b{font:8px var(--mono);line-height:1.25}
.invite-step small{font:9px var(--body);line-height:1.25}
.invite-step.current{border-color:var(--red);color:var(--ink);background:#fff8f6}
.invite-step.current>span,.invite-step.complete>span{background:var(--red);border-color:var(--red);color:#fff}
.invite-step.complete{border-color:var(--ink);color:var(--ink)}
.invite-progress-note{margin:7px 0 0;font-size:10px;line-height:1.4;color:var(--muted)}
.invite-progress-note[hidden]{display:none!important}
.dialog.fill-soft .feature-video{background:#fffaf0;padding:8px;box-shadow:0 0 34px 12px #fff8}
.dialog.fill-bright .feature-video{background:#fff;padding:12px;box-shadow:0 0 0 10px #fff,0 0 48px 24px #fff9}
.dialog.fill-max .feature-video{background:#fff;padding:18px;box-shadow:0 0 0 18px #fff,0 0 95px 52px #fff}
@media(max-width:650px){.feature-video{grid-template-columns:1fr}.feature-video video{max-height:34dvh}.remote-controls .btn{flex:1;min-width:calc(50% - 8px);text-align:center;padding:10px 7px;font-size:10px}.invite-progress{padding:11px}.invite-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-step:last-child{grid-column:1/-1}.invite-step{min-height:48px}}