@font-face{font-family:Cormorant;src:url('/assets/cormorant.ttf') format('truetype');font-weight:300 700;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--bg:#f7f4ed;--paper:#fffdf7;--ink:#304336;--muted:#909285;--accent:#96383d;--border:#dedfd2;--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--bg);color:var(--ink);font:12px/1.65 var(--sans);display:flex;flex-direction:column;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--accent);color:white}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#ffffffbb,transparent 65%)}.ambient span{position:absolute;width:390px;height:390px;filter:blur(75px);border-radius:50%;opacity:.24;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1.5s ease-out}.ambient span:first-child{background:#d6ddc1;top:25%;left:0}.ambient span:nth-child(2){background:#edcfbb;top:18%;right:1%}.ambient span:nth-child(3){background:#fff8d5;bottom:-150px;left:30%;width:550px}#snow{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.4}.header{display:flex;align-items:center;width:calc(100% - 96px);height:85px;margin:auto;flex-shrink:0;gap:30px}.brand{font:600 37px/1 var(--serif);letter-spacing:-1.6px;display:flex;align-items:center;gap:10px}.brand>span{font-size:29px;color:var(--accent)}.look-switch{display:flex;align-items:center;gap:3px;position:absolute;left:50%;transform:translateX(-50%);padding:4px;border:1px solid var(--border);border-radius:30px;background:#ffffff55}.look-switch button{font-size:8px;color:var(--muted);border:0;background:transparent;padding:6px 12px;border-radius:20px;min-height:29px;display:flex;gap:5px;align-items:center}.look-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.look-switch button:hover:not([aria-pressed=true]){background:#ffffffaa;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:28px;margin-left:auto}.header-actions>button{background:none;border:0;padding:7px 0;font-size:9px;color:#798374}.header-actions>button:hover{color:var(--accent)}#history-count:not(:empty){display:inline-grid;place-items:center;min-width:15px;height:15px;background:var(--ink);color:var(--paper);border-radius:50%;font-size:7px;margin-left:4px}.hero{width:min(1140px,calc(100% - 64px));margin:auto;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:8px 0 18px}.hero-copy{text-align:center;position:relative;z-index:2}.eyebrow{font-size:7px;font-weight:600;letter-spacing:2px;margin:0;color:var(--muted)}.hero-copy .eyebrow{color:var(--accent)}.eyebrow>span{font-size:15px;vertical-align:middle;margin-right:5px}h1{font:400 clamp(44px,4.5vw,68px)/.96 var(--serif);letter-spacing:-2px;margin:16px 0 13px}h1 em{font-weight:400;color:var(--accent)}.subtitle{font-size:10px;color:#8d9284;margin:0}.examples{position:relative;width:100%;height:clamp(315px,45vh,430px);margin-top:17px;display:flex;align-items:center;justify-content:center}.main-example{position:relative;z-index:3;width:auto;height:100%;padding-top:20px;padding-bottom:29px;aspect-ratio:3/4;transform:translateY(-2px)}.video-kicker{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:6px;letter-spacing:1.3px;color:#949886;display:flex;align-items:center;gap:6px}.video-kicker>i{width:4px;height:4px;background:#aa5656;border-radius:50%}.video-frame{height:100%;width:100%;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #263d291d,0 0 0 6px #fff9;background:#a4a38f}.video-frame>video{width:100%;height:100%;object-fit:cover}.hero-sound{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #fff6;background:#ffffffe8;color:#3c4b3d;backdrop-filter:blur(8px);border-radius:25px;padding:7px 12px;font-size:7px}.hero-sound:hover{background:#fff}.hero-sound>span{font-size:15px;line-height:1}.hero-play{position:absolute;right:12px;top:12px;background:#ffffffbf;color:#3d4a3d;border:0;border-radius:50%;width:25px;height:25px;font-size:9px;line-height:1}.example-caption{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;font:italic 21px/1.2 var(--serif);color:#6f7c64;padding:0 5px}.example-caption>span:last-child{font-style:normal;color:var(--accent);font-size:23px}.sample{position:absolute;display:block;border:0;background:#fffdf6;padding:7px 7px 0;width:155px;box-shadow:0 6px 25px #253b2412;text-align:left;z-index:1;transition:transform .5s,box-shadow .3s;transform-origin:center}.sample>img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:1px}.sample>span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 3px;font:italic 15px/1.1 var(--serif);white-space:nowrap}.sample i{font-style:normal;font:12px/1 var(--sans);color:var(--accent)}.sample-a{left:4.5%;top:15%;transform:rotate(-11deg)}.sample-b{left:21%;top:35%;transform:rotate(8deg);width:140px;z-index:2}.sample-c{right:20%;top:27%;transform:rotate(-8deg);width:142px;z-index:2}.sample-d{right:4%;top:11%;transform:rotate(11deg)}.sample:hover{z-index:4;transform:rotate(0) translateY(-8px);box-shadow:0 12px 35px #253b2426}.gallery-star{position:absolute;line-height:1;color:#b5bba0;font-family:var(--serif);pointer-events:none}.star-one{left:19%;top:3%;font-size:49px;transform:rotate(-15deg)}.star-two{right:15%;bottom:3%;font-size:36px;color:#ba8a75}.conversion{display:flex;flex-direction:column;align-items:center;z-index:4;margin-top:18px}.main-buttons{display:flex;align-items:center;justify-content:center;gap:12px}.cta{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:230px;min-height:55px;padding:15px 20px;border-radius:5px;font-size:10px;font-weight:600;border:1px solid #bfc9b7;transition:transform .2s,background .2s}.cta>span{display:flex;align-items:center;gap:9px}.cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.cta b{font-size:11px;white-space:nowrap;font-weight:500}.cta i{font-size:17px;font-style:normal;line-height:1;margin-left:7px}.cta-photo{background:#fffdf680;color:var(--ink)}.cta-video{background:var(--accent);border-color:var(--accent);color:#fffaf1;box-shadow:0 6px 18px #96383d13}.cta:hover{transform:translateY(-2px)}.cta-photo:hover{background:#fff}.cta-video:hover{background:#7f2d32}.under-cta{font-size:8px;color:#8c9483;text-align:center;margin:11px 0 0}.under-cta>span{color:#61735d}.preview-notice{font-size:7px;color:#a1a594;text-align:center;margin:7px 0 0}.footer{width:calc(100% - 96px);min-height:45px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;color:#9ba18f}.footer>span{font-size:6px;letter-spacing:1.2px}.footer>p{font-size:6px;margin:0}.footer>button{background:none;border:0;padding:5px 0;font-size:7px;color:inherit}.footer>button:hover{color:var(--accent)}
dialog{padding:30px;background:var(--paper);color:var(--ink);border:1px solid var(--border);border-radius:10px;width:min(94vw,520px);max-height:92dvh;overflow:auto;box-shadow:0 30px 100px #16302330}dialog::backdrop{background:#213a2ad9;backdrop-filter:blur(10px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:12px;top:9px;border:0;background:none;color:#7f8978;font-size:27px;line-height:1;width:27px;height:30px;padding:0}h2{font:400 39px/1.05 var(--serif);letter-spacing:-1px;margin:12px 0 23px}form{margin:0}.plan-tabs{display:flex;gap:7px;margin-bottom:17px}.plan-tabs>button{flex:1;display:flex;justify-content:space-between;gap:10px;border:1px solid var(--border);background:none;border-radius:5px;padding:10px 12px;font-size:10px;color:#7b8973}.plan-tabs>button[aria-pressed=true]{border-color:var(--accent);background:#96383d04;color:var(--accent)}.plan-tabs b{font-weight:500}.upload{position:relative;display:block;border:1px dashed #bdc5b4;border-radius:5px;background:#f0f2e966;overflow:hidden;cursor:pointer}.upload>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer}.upload:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}#upload-empty{display:flex;flex-direction:column;align-items:center;padding:18px 8px 19px;text-align:center}#upload-empty>span{color:var(--accent);font-size:28px;line-height:1.2}#upload-empty strong{font:500 23px/1.3 var(--serif);margin-top:3px}#upload-empty small{font-size:7px;color:var(--muted);margin-top:7px}.upload>img{width:100%;height:115px;object-fit:contain;background:#e5e9dc}#upload-filename{display:block;padding:6px 10px;text-align:center;font-size:8px;color:#7a8772}.upload:hover,.upload.dragging{background:#e9eddf88;border-color:var(--accent)}.field-help{font-size:7px;color:var(--muted);margin:7px 0;line-height:1.7}.text-button{font:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;color:inherit}.demo-source{display:block;margin:9px auto 18px;color:#8d9782;font-size:8px}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;border:0;margin:17px 0}.scenes>legend,.outfits>legend{font-size:9px;color:#7b8873;margin-bottom:8px;padding:0}.scenes label{position:relative;display:block;padding:4px;border:1px solid var(--border);border-radius:5px;cursor:pointer}.scenes input,.outfits input{position:absolute;width:1px;height:1px;opacity:0}.scenes label:has(input:checked){border-color:var(--accent);background:#96383d04}.scenes label:has(input:focus-visible),.outfits label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.scenes img{height:66px;width:100%;object-fit:cover;object-position:50% 45%;border-radius:2px}.scenes label>span{display:block;text-align:center;font-size:7px;padding:6px 1px 3px;color:#6f7d64}.scenes label:has(input:checked)>span{color:var(--accent)}.outfits{display:flex;align-items:center;gap:20px;margin:12px 0 17px;padding:0;border:0}.outfits label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:8px;position:relative;color:#7b8971}.swatch{display:block;width:11px;height:11px;border-radius:50%;border:1px solid #0001}.swatch.red{background:#9a353e}.swatch.blue{background:#365970}.swatch.white{background:#e5dac3}.outfits label:has(input:checked) .swatch{outline:1px solid #7a866e;outline-offset:3px}.email-field{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#77856e;margin:15px 0}.email-field input,.email-field textarea{width:100%;border:1px solid #d0d7c8;border-radius:5px;padding:12px;background:#ffffff88;color:var(--ink);font-size:11px;resize:vertical}.email-field input::placeholder,.email-field textarea::placeholder{color:#adb39f}.consent{display:flex;align-items:start;gap:8px;font-size:7px;color:#929a86;line-height:1.85;cursor:pointer;margin:17px 0}.consent input{width:12px;height:12px;flex-shrink:0;accent-color:var(--accent);margin:2px 0 0}.button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:45px;border:0;border-radius:5px;padding:12px 17px;font-size:10px;font-weight:500}.button b{font-size:16px;font-weight:400;line-height:1}.primary{background:var(--accent);color:#fffaf1}.primary:hover{filter:brightness(.94)}.secondary{background:transparent;border:1px solid #c3cdb8;color:#627358}.wide{width:100%}.mode-help,.retention{font-size:7px;line-height:1.8;color:#a0a58e;text-align:center;margin:11px 0 0}.form-error{color:#a34e47;background:#a34e4707;padding:10px 12px;font-size:10px;line-height:1.8;margin:12px 0}.price-total{font:400 49px/1.1 var(--serif);color:var(--accent);margin:20px 0 25px}.action-stack{display:flex;flex-direction:column;gap:10px;margin-top:20px}.action-stack .text-action{background:none;border:0;color:#929d83;font-size:8px;line-height:1.7;padding:3px;text-decoration:underline;text-underline-offset:3px}.result-dialog{text-align:center;width:min(94vw,570px)}.result-dialog h2{font-size:37px;margin-bottom:13px}#result-status{font-size:10px;color:#8b977e;line-height:1.8;margin:0}#result-photo,#result-video{display:block;max-height:42dvh;max-width:100%;width:auto;margin:18px auto;object-fit:contain;border-radius:3px}.progress{font-size:43px;color:var(--accent);margin:25px auto;line-height:1.5;animation:turn 8s linear infinite}.result-support{display:block;margin:14px auto 0;font-size:8px;color:#98a088}.order-number{font-size:6px;color:#aab09c;word-break:break-all;margin:11px 0 0}.result-dialog[data-preview=true] #result-badge{color:#aa8869}.history-list{display:flex;flex-direction:column;gap:9px}.history-item{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;border:1px solid var(--border);background:transparent;border-radius:5px;padding:9px;text-align:left}.history-item:hover{background:#edf1e55e}.history-item img{width:46px;height:54px;object-fit:cover;border-radius:3px}.history-item strong{display:block;font-size:10px;font-weight:500}.history-item small{display:block;font-size:7px;color:#a0a78f;margin-top:3px}.history-item>span:last-child{font-size:17px;color:var(--accent)}.empty{font-size:10px;color:#9ca68d;padding:25px 0}.dialog-description{font-size:10px;color:#8d9880;line-height:1.8;margin:-10px 0 20px}.support-dialog .dialog-description{max-width:350px}.support-dialog #support-mail{display:block;font-size:10px;margin:20px 0 0;text-align:center}.privacy-dialog{width:min(94vw,570px)}.privacy-dialog>p:not(.eyebrow){font-size:11px;line-height:1.9;color:#859077}.photo-dialog{text-align:center;max-width:410px}.photo-dialog>img{max-height:60dvh;width:auto;margin:20px auto}.photo-dialog .button{margin-top:15px}@keyframes turn{to{transform:rotate(360deg)}}
/* Alternative 2: crisp red-and-white graphics, flat photographs, modern lettering. */
html[data-look=ribbon]{--bg:#fffdf9;--paper:#fffefa;--ink:#343a31;--accent:#bd3733;--border:#e6ded2}
[data-look=ribbon] .ambient{background:radial-gradient(ellipse at 50% 45%,#fce5df66,transparent 60%)}[data-look=ribbon] .ambient span:first-child{background:#f6d3bd;opacity:.12}[data-look=ribbon] .ambient span:nth-child(2){background:#f4cccc;opacity:.15}[data-look=ribbon] .brand{font-family:var(--sans);font-weight:700;font-size:28px;letter-spacing:-1.5px}[data-look=ribbon] h1{font:500 45px/1.08 var(--sans);letter-spacing:-2px;margin-top:18px}[data-look=ribbon] h1 em{font-style:normal;color:#be3733}[data-look=ribbon] .hero-copy .eyebrow{letter-spacing:2.3px;font-size:6px}[data-look=ribbon] .examples{margin-top:21px}[data-look=ribbon] .video-frame{border-radius:3px;box-shadow:0 15px 45px #8c33201b,0 0 0 6px #fff}[data-look=ribbon] .sample{padding:0;background:transparent;box-shadow:none;transform:none}[data-look=ribbon] .sample>img{border-radius:3px;box-shadow:0 6px 25px #663e2012}[data-look=ribbon] .sample>span{font:400 8px/1.5 var(--sans);padding:12px 0;color:#8d8e7f}[data-look=ribbon] .sample-a{left:6%;top:6%;width:147px}[data-look=ribbon] .sample-b{left:23%;top:34%;width:124px}[data-look=ribbon] .sample-c{right:23%;top:10%;width:124px}[data-look=ribbon] .sample-d{right:6%;top:35%;width:147px}[data-look=ribbon] .sample:hover{transform:translateY(-5px)}[data-look=ribbon] .example-caption{font:400 9px/1.6 var(--sans);padding-top:8px}[data-look=ribbon] .example-caption>span:last-child{font-size:20px}[data-look=ribbon] .star-one{color:#bd3733;font-size:40px;left:18%;top:60%}[data-look=ribbon] .star-two{color:#bd3733;right:16%;bottom:auto;top:0;font-size:31px}[data-look=ribbon] .cta{border-radius:3px;min-width:236px;min-height:53px}[data-look=ribbon] .cta-photo{border-color:#d0aaa0;color:#a53630}[data-look=ribbon] .cta-video{box-shadow:0 8px 25px #bd373315}[data-look=ribbon] .look-switch{border-radius:4px}[data-look=ribbon] .look-switch button{border-radius:2px}[data-look=ribbon] .look-switch button[aria-pressed=true]{background:var(--accent)}[data-look=ribbon] h2{font:400 28px/1.15 var(--sans);letter-spacing:-1px}
/* Alternative 3: pale winter light, floating frames, translucent rounded controls. */
html[data-look=snow]{--bg:#f0f5fb;--paper:#f9fcff;--ink:#33526b;--accent:#4a789f;--border:#d8e3ec}
[data-look=snow] .ambient{background:radial-gradient(ellipse at 60% 40%,#fdfaff 0,transparent 65%)}[data-look=snow] .ambient span:first-child{background:#bcd6ee;opacity:.35}[data-look=snow] .ambient span:nth-child(2){background:#e2d7ef;opacity:.35}[data-look=snow] .brand{font-family:var(--sans);font-size:27px;font-weight:400;letter-spacing:-1.6px}[data-look=snow] .hero-copy .eyebrow{color:#8aa0b6}[data-look=snow] h1{font:300 46px/1.09 var(--sans);letter-spacing:-2.2px;margin-top:17px}[data-look=snow] h1 em{font-style:normal;color:#7da0bc}[data-look=snow] .subtitle{color:#8fa2b0}[data-look=snow] .look-switch{background:#fff7;border-color:#fff;box-shadow:0 4px 20px #607c9810}[data-look=snow] .look-switch button[aria-pressed=true]{background:#fff;color:var(--accent);box-shadow:0 3px 8px #4b759b10}[data-look=snow] .video-frame{border-radius:26px;box-shadow:0 20px 55px #527a9f26,0 0 0 6px #ffffffb0}[data-look=snow] .sample{border-radius:15px;background:#ffffffaa;box-shadow:0 12px 35px #5c80a21b;padding:6px 6px 0}[data-look=snow] .sample>img{border-radius:11px}[data-look=snow] .sample>span{font:400 8px/1.5 var(--sans);padding:10px 5px;color:#8ba2b4}[data-look=snow] .sample-a{left:5%;top:22%;transform:rotate(-7deg);width:146px}[data-look=snow] .sample-b{left:22%;top:9%;transform:rotate(6deg);width:132px}[data-look=snow] .sample-c{right:22%;top:37%;transform:rotate(-6deg);width:132px}[data-look=snow] .sample-d{right:5%;top:12%;transform:rotate(7deg);width:146px}[data-look=snow] .star-one{color:#9ab7cd;left:17%;top:5%;font-size:37px}[data-look=snow] .star-two{color:#b3bdd4;right:15%;bottom:5%;font-size:30px}[data-look=snow] .example-caption{font:400 9px/1.5 var(--sans);padding-top:9px;color:#8ba5b6}[data-look=snow] .cta{border-radius:30px;border-color:#c1d0df;min-width:240px}[data-look=snow] .cta-photo{background:#ffffff88}[data-look=snow] .cta-video{background:#4a789f;box-shadow:0 8px 22px #4a789f1b}[data-look=snow] .cta-video:hover{background:#3c688c}[data-look=snow] dialog{border-radius:20px;border-color:#fff}[data-look=snow] h2{font:400 29px/1.15 var(--sans);letter-spacing:-1px}[data-look=snow] .button,[data-look=snow] .plan-tabs>button{border-radius:12px}
@media(min-width:1550px) and (min-height:950px){.examples{height:465px}.sample-a,.sample-d{width:175px}.sample-b,.sample-c{width:160px}h1{font-size:78px}}
@media(max-width:1050px) and (min-width:701px){.hero{width:calc(100% - 40px)}.sample-a{left:0;width:130px}.sample-b{left:17%;width:112px}.sample-c{right:17%;width:112px}.sample-d{right:0;width:130px}.sample>span{font-size:12px}[data-look=ribbon] .sample-a,[data-look=snow] .sample-a{left:1%;width:130px}[data-look=ribbon] .sample-b,[data-look=snow] .sample-b{left:18%;width:111px}[data-look=ribbon] .sample-c,[data-look=snow] .sample-c{right:18%;width:111px}[data-look=ribbon] .sample-d,[data-look=snow] .sample-d{right:1%;width:130px}.header,.footer{width:calc(100% - 48px)}}
@media(max-height:780px) and (min-width:701px){.header{height:69px}.examples{height:320px;margin-top:15px}h1{font-size:53px;margin-top:12px}.subtitle{font-size:9px}.hero{padding-top:0;padding-bottom:9px}.conversion{margin-top:12px}.cta{min-height:49px}.footer{min-height:34px}.sample{width:125px}.sample-b,.sample-c{width:112px}.sample>span{font-size:12px}.sample-a{top:8%}.sample-d{top:6%}[data-look=ribbon] h1,[data-look=snow] h1{font-size:37px;margin-top:12px}[data-look=ribbon] .sample-a,[data-look=ribbon] .sample-d,[data-look=snow] .sample-a,[data-look=snow] .sample-d{width:125px}[data-look=ribbon] .sample-b,[data-look=ribbon] .sample-c,[data-look=snow] .sample-b,[data-look=snow] .sample-c{width:112px}}
@media(max-width:700px){body{min-height:100svh}.header{width:calc(100% - 36px);height:65px;gap:10px;position:relative}.brand{font-size:31px;gap:7px}.brand>span{font-size:25px}.header-actions{gap:14px}.header-actions>button{font-size:7px}.header-actions>button:first-child{max-width:65px;line-height:1.6}.look-switch{position:fixed;left:50%;bottom:12px;top:auto;z-index:6;border:1px solid #d2d8c4;background:#fffdf5ec;backdrop-filter:blur(16px);box-shadow:0 3px 15px #30433610}.look-switch button{font-size:6px;padding:7px 13px;min-height:28px}.hero{width:100%;padding:9px 0 13px;margin:auto;flex:1}.hero-copy{padding:0 20px}.hero-copy .eyebrow{font-size:5px;letter-spacing:1.5px}.eyebrow>span{font-size:12px}h1{font-size:47px;letter-spacing:-1.6px;line-height:.99;margin:15px 0 12px}.subtitle{font-size:8px;max-width:270px;margin:auto;line-height:1.8}.examples{height:clamp(295px,40vh,355px);margin-top:17px;overflow:hidden;width:100%}.main-example{height:100%;padding-top:19px;padding-bottom:29px;z-index:3}.video-frame{border-radius:8px;box-shadow:0 10px 30px #263d2923,0 0 0 4px #fff9}.video-kicker{font-size:5px;letter-spacing:1px}.example-caption{font-size:18px}.example-caption>span:last-child{font-size:20px}.hero-sound{font-size:6px;padding:6px 9px;bottom:10px}.hero-sound>span{font-size:13px}.hero-play{width:23px;height:23px;top:9px;right:9px}.sample{width:100px;padding:5px 5px 0}.sample>span{font-size:11px;padding:7px 2px}.sample-a{left:-20px;top:11%;transform:rotate(-14deg)}.sample-b{left:-3px;top:54%;transform:rotate(9deg);width:93px}.sample-c{right:-2px;top:12%;transform:rotate(-9deg);width:93px}.sample-d{right:-21px;top:55%;transform:rotate(14deg)}.sample i{font-size:9px}.gallery-star{display:none}.conversion{width:100%;padding:0 26px;margin-top:13px}.main-buttons{width:100%;gap:8px}.cta{min-width:0;flex:1;min-height:50px;padding:11px 12px;gap:10px;font-size:8px;border-radius:5px}.cta>span{gap:6px;white-space:nowrap}.cta svg{width:14px;height:14px}.cta b{font-size:9px}.cta i{display:none}.under-cta{font-size:6px;line-height:1.8;max-width:290px;margin-top:11px}.preview-notice{font-size:6px;max-width:280px;margin-top:5px;line-height:1.8}.footer{width:calc(100% - 36px);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:7px 0 62px;min-height:82px}.footer>span{display:none}.footer>p{font-size:5px;max-width:200px;line-height:1.7}.footer>button{font-size:6px}.header-actions span[aria-hidden]{display:none}#history-count:not(:empty){font-size:6px;width:12px;min-width:12px;height:12px;margin-left:2px}[data-look=ribbon] .brand,[data-look=snow] .brand{font-size:25px}[data-look=ribbon] h1,[data-look=snow] h1{font-size:32px;letter-spacing:-1.5px;margin-top:16px;line-height:1.16}[data-look=ribbon] .hero-copy .eyebrow,[data-look=snow] .hero-copy .eyebrow{font-size:5px;letter-spacing:1.4px}[data-look=ribbon] .examples{margin-top:20px}[data-look=ribbon] .sample-a{left:-18px;top:4%;width:92px}[data-look=ribbon] .sample-b{left:0;top:60%;width:88px}[data-look=ribbon] .sample-c{right:0;top:8%;width:88px}[data-look=ribbon] .sample-d{right:-18px;top:58%;width:92px}[data-look=ribbon] .sample>span{font-size:6px;padding-top:8px}[data-look=ribbon] .example-caption{font-size:8px}[data-look=ribbon] .cta,[data-look=snow] .cta{min-width:0;min-height:50px}[data-look=snow] .sample-a{left:-22px;top:48%;width:95px;transform:rotate(-8deg)}[data-look=snow] .sample-b{left:-7px;top:7%;width:90px;transform:rotate(8deg)}[data-look=snow] .sample-c{right:-7px;top:50%;width:90px;transform:rotate(-8deg)}[data-look=snow] .sample-d{right:-22px;top:7%;width:95px;transform:rotate(8deg)}[data-look=snow] .sample>span{font-size:6px;padding:8px 2px}[data-look=snow] .sample{border-radius:10px;padding:4px 4px 0}[data-look=snow] .sample>img{border-radius:7px}[data-look=snow] .example-caption{font-size:8px}[data-look=snow] .video-frame{border-radius:20px}[data-look=snow] .cta{padding-inline:11px}dialog{padding:26px 21px;max-height:92dvh;border-radius:8px}h2{font-size:32px;margin-bottom:20px}.result-dialog h2{font-size:32px}.scenes img{height:60px}.scenes label>span{font-size:6px}.outfits{gap:18px}.outfits label{font-size:7px}.photo-dialog>img{max-height:57dvh}.result-dialog #result-photo,.result-dialog #result-video{max-height:40dvh}[data-look=ribbon] h2,[data-look=snow] h2{font-size:25px}.support-dialog .dialog-description{font-size:9px}}
@media(max-width:360px){.header-actions{gap:10px}.hero-copy{padding-inline:10px}h1{font-size:42px}.conversion{padding-inline:18px}.cta{padding-inline:10px;font-size:7px}.cta svg{display:none}.cta b{font-size:9px}.sample-a,.sample-d{width:90px}.sample-b,.sample-c{width:83px}.examples{height:295px}.main-example{max-width:210px}.look-switch button{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ambient span{transform:none!important}#snow{display:none}.sample:hover{transform:none!important}}
/* Image attributes provide intrinsic dimensions; cards scale with their frames. */
.sample>img{height:auto}
.header-actions>button{font-size:11px;min-height:40px}.look-switch button{font-size:10px;min-height:34px}
.hero-copy .eyebrow{font-size:9px}.subtitle{font-size:12px}.cta{font-size:12px}.cta b{font-size:13px}.under-cta{font-size:10px}.preview-notice{font-size:9px}.video-kicker{font-size:8px}.hero-sound{font-size:10px}.footer>p,.footer>button{font-size:9px}
.field-help,.mode-help,.retention{font-size:10px}.email-field,.outfits label,.scenes>legend,.outfits>legend{font-size:11px}.email-field input,.email-field textarea{font-size:14px}.consent{font-size:10px;line-height:1.65}.scenes label>span{font-size:10px}.demo-source{font-size:11px}.button,.plan-tabs>button{font-size:12px}.action-stack .text-action,.result-support{font-size:11px}.order-number{font-size:9px}.dialog-description,#result-status{font-size:12px}.history-item strong{font-size:12px}.history-item small{font-size:10px}.privacy-dialog>p:not(.eyebrow){font-size:13px}
@media(max-width:700px){.header-actions>button{font-size:10px}.header-actions>button:first-child{max-width:87px}.look-switch button{font-size:9px;min-height:34px}.hero-copy .eyebrow{font-size:7px}.subtitle{font-size:11px}.video-kicker{font-size:6px}.hero-sound{font-size:9px}.cta{font-size:10px}.cta b{font-size:11px}.under-cta,.preview-notice{font-size:9px}.footer>p{font-size:8px;max-width:180px}.footer>button{font-size:9px}.scenes label>span{font-size:9px}.outfits label{font-size:10px}.email-field input,.email-field textarea{font-size:16px}.support-dialog .dialog-description{font-size:12px}.outfits{gap:16px}.header-actions{gap:8px}[data-look=ribbon] .hero-copy .eyebrow,[data-look=snow] .hero-copy .eyebrow{font-size:7px}[data-look=ribbon] .sample>span,[data-look=snow] .sample>span{font-size:8px}}