@import url('/mvp.css');
@import url('/video.css');
@import url('/fonts.css');
@import url('/release.css');
:root{color-scheme:dark;--bg:#111112;--panel:#1c1c1e;--line:#343337;--muted:#a9a5af;--accent:#e3b0ef;--ink:#f7f4f9;--radius:22px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit;background:none;border:0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.6vw,68px);letter-spacing:-.055em;line-height:1.04;font-weight:600;margin-bottom:20px}h2{font-size:28px;letter-spacing:-.04em;line-height:1.1}p{color:var(--muted);line-height:1.55}em{font-style:normal;color:var(--accent)}.desktop-nav{position:fixed;inset:0 auto 0 0;width:220px;padding:32px 25px;border-right:1px solid #28272b;display:flex;flex-direction:column;z-index:10;background:var(--bg)}.brand{font-size:27px;letter-spacing:-1.3px;font-weight:700;white-space:nowrap}.brand span{color:var(--accent);margin-left:4px}.desktop-nav>p{font-size:9px;letter-spacing:2px;margin-top:12px}.desktop-nav nav{display:grid;gap:10px;margin:45px 0}.desktop-nav nav a{padding:14px;border-radius:13px;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:16px}.desktop-nav nav a.active{background:#28222c;color:var(--accent)}.desktop-nav nav a span{font-size:21px}.editor-link{font-size:12px;color:var(--muted);padding:14px}.sidebar-note{margin-top:auto;color:#77717c;font-size:11px;line-height:1.6}.app-column{margin-left:220px}header{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid #242327}header .brand{display:none}.header-actions{display:flex;gap:12px;margin-left:auto;align-items:center}.credit-pill{padding:11px 15px;border:1px solid #5a4e60;border-radius:100px;background:#2c2231;color:#ead1f1;font-size:12px;font-weight:600}.icon-button{font-size:25px;width:40px;height:40px;display:grid;place-items:center}.preview-label{display:flex;align-items:center;gap:8px;padding:10px 44px;font-size:9px;letter-spacing:1.5px;color:#ada4b2;border-bottom:1px solid #242327}.preview-label>span{background:#c4adcc;width:5px;height:5px;border-radius:50%}.preview-label a{margin-left:auto;letter-spacing:0;font-size:10px}main{max-width:1200px;margin:auto;padding:34px 44px 80px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--accent);margin-bottom:14px;line-height:1.5}.welcome{display:none}.hero-feature{background:#302835;min-height:350px;border-radius:var(--radius);display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.hero-feature>div:first-child{padding:42px}.hero-feature h2{font-size:52px;margin:25px 0;letter-spacing:-2px}.round-cta{font-size:12px;background:#e4b8ec;color:#281c2c;border-radius:100px;padding:14px 20px;display:inline-block;font-weight:700}.hero-visual{position:relative;overflow:hidden;max-height:420px}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#302835,transparent 45%)}.hero-visual>span{position:absolute;bottom:20px;right:20px;z-index:1;font-size:8px;letter-spacing:2px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:42px 0 20px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:10px}.section-heading>a{font-size:12px;white-space:nowrap;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.look-card{min-width:0;position:relative}.card-art{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:18px;background:#29252c}.card-art>img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform .3s}.card-art:hover>img{transform:scale(1.03)}.card-tag{position:absolute;top:12px;left:12px;max-width:calc(100% - 60px);padding:6px 10px;border-radius:100px;background:#1119;backdrop-filter:blur(8px);font-size:10px;z-index:2}.favorite{position:absolute;right:9px;top:7px;font-size:24px;width:40px;height:40px;border-radius:50%;background:#1116;z-index:3}.favorite[aria-pressed=true]{color:var(--accent)}.card-info{padding:11px 2px;display:flex;flex-direction:column;gap:5px}.card-info a{font-size:14px;font-weight:600}.card-info>span{font-size:11px;color:var(--muted)}.style-art{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:20px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 75%,#222) 0%,#1f1d24 100%)}.style-art .art-kicker{font-size:8px;letter-spacing:2px;opacity:.7;margin-top:40px}.style-art strong{position:relative;margin-top:auto;margin-bottom:29px;font-size:clamp(24px,2.7vw,40px);font-weight:500;letter-spacing:-1.5px;line-height:1.06;max-width:85%;z-index:1}.orbit{position:absolute;width:190px;height:290px;right:-40px;top:32%;border:1px solid #ffffff30;border-radius:50%;transform:rotate(28deg);box-shadow:0 0 0 24px #ffffff05,0 0 0 45px #ffffff03}.art-number{font-size:70px;letter-spacing:-6px;font-weight:300;color:#ffffff28;position:absolute;right:23px;top:22%}.art-caption{position:absolute;bottom:10px;left:13px;right:9px;font-size:8px;color:#e5e0e9;letter-spacing:.1px;background:#17131a99;padding:5px 8px;border-radius:5px;z-index:2;width:fit-content;max-width:calc(100% - 20px)}.tool-banner{border:1px solid var(--line);border-radius:18px;padding:23px;display:flex;align-items:center;gap:18px;margin:35px 0}.tool-banner p{margin:6px 0 0;font-size:12px}.tool-banner>span:last-child{margin-left:auto}.tool-icon{background:#342a39;color:var(--accent);font-size:28px;padding:10px 15px;border-radius:16px}.tool-banner strong{font-size:16px;font-weight:500}.fineprint{font-size:11px;line-height:1.6;color:#918a98;margin-top:18px}.bottom-nav{display:none}.page-heading{padding:20px 0 18px}.page-heading p:last-child{max-width:510px;font-size:14px}.search{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid #37333b;border-radius:13px;padding:5px 15px}.search span{font-size:27px}.search input{width:100%;background:transparent;color:var(--ink);border:0;padding:10px;outline:0;font-size:14px}.chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:20px 0 24px;padding:4px}.chips button{padding:11px 17px;border-radius:100px;background:#252428;white-space:nowrap;font-size:12px;color:var(--muted)}.chips .active{background:#ebe2ef;color:#231c27}.back{font-size:12px;color:var(--muted);display:inline-block;margin:0 0 24px}.detail-grid,.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.detail-art{position:relative;aspect-ratio:3/4;border-radius:23px;overflow:hidden}.detail-art>img{width:100%;height:100%;object-fit:cover}.detail-art .style-art{padding:30px}.detail-art .style-art strong{font-size:50px;margin-bottom:50px}.detail-fav{position:absolute;right:14px;top:14px;padding:10px 15px;border-radius:100px;background:#17121b99;font-size:12px}.detail-copy{padding-top:20px}.detail-copy h1{font-size:46px}.lead{font-size:15px}.steps-mini{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:#a398ab;margin:24px 0}.source-picker{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px dashed #4b414f;border-radius:17px;padding:18px;min-height:110px}.source-picker img{width:65px;height:85px;object-fit:cover;border-radius:10px}.source-picker strong{font-size:14px}.source-picker p{margin:7px 0;font-size:11px}.upload-icon{font-size:30px;color:var(--accent)}.source-actions{display:flex;align-items:center;gap:15px;margin:16px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:10px;border-radius:100px;padding:16px 22px;font-weight:650;font-size:13px}.primary{background:linear-gradient(100deg,#dcaff2,#f2c1b3);color:#2e2031}.secondary{background:#29252d;border:1px solid #49414e;color:#f0e7f5}.full{width:100%}.text{font-size:12px;color:var(--accent);padding:8px 0;display:inline-block}.consent{display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.5;color:var(--muted);margin:20px 0}.consent input{accent-color:#d8a0e9;margin:3px 0 0;width:16px;height:16px;flex-shrink:0}.subtle-link{font-size:11px;color:var(--muted);text-decoration:underline}.error{font-size:12px;color:#edb7b7}.work-banner{background:#3b2d41;padding:13px 44px;font-size:12px}.work-banner button{margin-left:10px}.result-frame{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/4;background:#252328}.result-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.original-layer{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:#252328}.result-tag{position:absolute;right:12px;top:12px;font-size:10px;background:#1119;border-radius:20px;padding:8px 12px}.compare-control{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted);padding:18px 0}.compare-control input{width:100%;accent-color:var(--accent)}.result-copy{padding-top:30px}.result-copy h1{font-size:44px}.result-actions{display:grid;gap:12px;margin:28px 0 16px}.result-copy>.text{display:block}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed #39323e;border-radius:20px}.empty>span{font-size:50px;color:var(--accent)}.empty h2{font-size:26px;margin-top:20px}.empty p{font-size:13px}.account-card{max-width:500px;background:linear-gradient(120deg,#322939,#1c1c1e);border:1px solid #51445a;padding:28px;border-radius:20px}.account-card>span{font-size:12px;color:var(--accent)}.account-card>strong{display:block;font-size:62px;letter-spacing:-4px;margin:10px 0}.account-card p{font-size:12px;max-width:300px}.settings-list{max-width:700px;margin:25px 0}.settings-list>a{display:flex;justify-content:space-between;padding:21px 5px;border-bottom:1px solid #302b35;font-size:14px}.settings-list span{color:var(--muted)}.build-notes{background:#1b191e;padding:20px 24px;border-radius:15px;max-width:700px}.build-notes summary{font-size:13px;cursor:pointer}.build-notes p{font-size:12px;margin:16px 0 0}.plans-page{max-width:530px;margin:auto;padding-top:10px}.plans-page h1{font-size:64px}.plans-page>p{font-size:14px}.plan-options{display:grid;gap:12px;margin-top:30px}.plan{display:flex;justify-content:space-between;padding:22px;border:1px solid #46404b;border-radius:20px;background:#222025;text-align:left}.plan.selected{background:#382c40;border:2px solid var(--accent);padding:21px}.plan span{display:grid;gap:8px}.plan span:last-child{text-align:right}.plan small{font-size:11px;color:var(--muted)}.plan strong{font-size:17px}.plan-total{font-size:12px!important;margin:25px 0}.plan-notes{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:13px}.plan-notes p{font-size:12px}.intro{max-width:570px;margin:20px auto}.intro h1{font-size:64px}.intro-options{display:grid;gap:13px;margin:30px 0}.intro-options button{display:flex;gap:18px;align-items:center;text-align:left;background:var(--panel);border:1px solid #39323f;border-radius:16px;padding:20px}.intro-options button>span:nth-child(2){display:grid;gap:8px}.intro-options strong{font-size:17px}.intro-options small{font-size:11px;color:var(--muted)}.intro-options b{margin-left:auto;font-weight:400}.intro-icon{font-size:32px;color:var(--accent)}dialog{background:#241f2a;color:var(--ink);border:1px solid #66566f;border-radius:22px;padding:30px;max-width:min(460px,calc(100vw - 30px))}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog h2{font-size:26px;padding-right:20px}dialog p{font-size:14px}.close{position:absolute;right:15px;top:12px;font-size:25px}#toast{position:fixed;bottom:30px;left:calc(50% + 110px);transform:translate(-50%,12px);background:#eee6f2;color:#2b2230;box-shadow:0 6px 35px #0005;border-radius:16px;padding:16px 22px;max-width:min(500px,90vw);font-size:12px;line-height:1.5;z-index:100;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-feature{min-height:380px}}
@media(max-width:1000px){.desktop-nav{width:180px;padding:30px 20px}.desktop-nav .brand{font-size:24px}.app-column{margin-left:180px}main{padding:26px 26px 70px}header{padding:0 26px}.preview-label{padding:10px 26px}.detail-grid,.result-grid{gap:25px}.detail-copy h1{font-size:36px}.style-art{padding:15px}.style-art strong{font-size:27px}.hero-feature h2{font-size:42px}.hero-feature>div:first-child{padding:30px}.source-actions{flex-wrap:wrap}.detail-art .style-art strong{font-size:38px}.card-grid{gap:20px 13px}.art-caption{font-size:7px}.card-tag{font-size:9px}.work-banner{padding:12px 26px}}
@media(max-width:720px){.desktop-nav{display:none}.app-column{margin-left:0}header{height:72px;padding:0 20px;position:sticky;top:0;background:#111112ee;backdrop-filter:blur(14px);z-index:20}header .brand{display:block;font-size:26px}.header-actions{gap:4px}.credit-pill{font-size:10px;padding:9px 11px}.upgrade{display:none}.icon-button{font-size:23px;width:32px}.preview-label{padding:9px 20px;font-size:8px;letter-spacing:1px}.preview-label a{font-size:9px}main{padding:23px 20px 110px}.welcome{display:block}.welcome .eyebrow{font-size:8px;letter-spacing:1.5px}.welcome h1{font-size:45px;margin-bottom:14px}.welcome p:last-child{font-size:13px;margin-bottom:25px;line-height:1.5}.hero-feature{min-height:230px;grid-template-columns:1.1fr 1fr;border-radius:18px}.hero-feature>div:first-child{padding:23px 0 22px 20px;position:relative;z-index:1}.hero-feature .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-feature h2{font-size:29px;letter-spacing:-1.2px;margin:22px 0}.round-cta{font-size:9px;padding:11px 12px;white-space:nowrap}.hero-visual{max-height:250px}.hero-visual>span{font-size:6px;right:10px;bottom:12px}.hero-visual:after{background:linear-gradient(90deg,#302835,transparent 30%)}.section-heading{margin:31px 0 16px;align-items:end}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px;max-width:230px}.section-heading>a{font-size:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.card-art{border-radius:15px;aspect-ratio:3/4.3}.card-info a{font-size:12px}.card-info>span{font-size:10px}.card-tag{top:9px;left:9px;font-size:8px;padding:5px 8px}.favorite{font-size:21px;right:4px;top:3px;width:34px;height:34px}.style-art{padding:14px}.style-art .art-kicker{font-size:7px;letter-spacing:1px;margin-top:35px}.style-art strong{font-size:26px;letter-spacing:-1px;margin-bottom:32px;max-width:100%}.art-number{font-size:48px;letter-spacing:-3px;right:17px;top:26%}.orbit{width:110px;height:190px;right:-40px;top:30%}.art-caption{font-size:6px;left:8px;bottom:8px;padding:4px 6px}.tool-banner{padding:18px 14px;gap:12px;margin:24px 0}.tool-banner strong{font-size:13px}.tool-banner p{font-size:10px}.tool-icon{font-size:23px;padding:9px 12px}.fineprint{font-size:10px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#19171bef;backdrop-filter:blur(18px);border-top:1px solid #38303c;padding:10px 10px calc(12px + env(safe-area-inset-bottom));justify-content:space-around;z-index:30}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#9c949f;font-size:9px;width:70px}.bottom-nav span{font-size:24px;line-height:26px}.bottom-nav .active{color:var(--accent)}.page-heading{padding:8px 0 12px}.page-heading h1{font-size:40px}.page-heading p:last-child{font-size:12px}.chips{margin:16px -4px 20px;gap:7px}.chips button{padding:10px 14px;font-size:11px}.search{border-radius:12px}.search input{font-size:13px}.detail-grid,.result-grid{grid-template-columns:1fr;gap:25px}.detail-art{max-height:480px;aspect-ratio:3/3.7}.detail-art .style-art strong{font-size:53px;max-width:75%;margin-bottom:40px}.detail-art .style-art .art-kicker{font-size:10px}.detail-art .art-number{font-size:130px}.detail-art .art-caption{font-size:9px;bottom:15px;left:15px}.detail-copy{padding-top:0}.detail-copy h1{font-size:38px;margin-bottom:15px}.lead{font-size:13px}.back{margin-bottom:18px;font-size:11px}.related .look-card:last-child{display:none}.source-actions{flex-wrap:nowrap;gap:15px}.source-actions>.secondary{font-size:12px;padding:12px 16px}.source-actions>.text{font-size:11px}.result-copy{padding-top:0}.result-copy h1{font-size:38px}.result-copy>p{font-size:13px}.result-frame{aspect-ratio:3/4;max-height:520px}.result-actions{margin-top:20px}.work-banner{padding:11px 20px;font-size:10px}.work-banner .text{font-size:10px}.account-card{padding:25px}.plans-page h1{font-size:53px}.plans-page>p{font-size:13px}.plan{padding:20px}.plan.selected{padding:19px}.plan strong{font-size:15px}.plan small{font-size:10px}.plans-page .fineprint{font-size:11px}.intro{margin:10px auto}.intro h1{font-size:52px}.intro>p{font-size:13px}.intro-options button{padding:19px 17px;gap:14px}.intro-options strong{font-size:15px}.intro-options small{font-size:10px}#toast{left:50%;bottom:95px;width:calc(100vw - 40px);max-width:460px}.empty{padding:45px 18px}.empty h2{font-size:23px}.empty p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Live-app comparison: a visual discovery loop, earned coins and quick AI edits. */
.gold-coin{display:inline-grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:2px solid #fce59b;border-radius:50%;font-size:15px;font-style:normal;font-weight:800;color:#855008;background:radial-gradient(circle at 35% 25%,#fff0b8,#efb53b 55%,#b57b12);box-shadow:inset 0 0 0 2px #c18b26,0 2px 0 #765010;text-shadow:0 1px #fff5c6}
.credit-pill{display:flex;align-items:center;gap:7px;background:#49370d;border-color:#8c691f;color:#fff0bc;font-size:14px;padding:8px 12px}.credit-pill .upgrade{font-size:10px;color:#dcc78e}.gift-button{background:#29202e;color:#e8baf3;border:1px solid #48354e;border-radius:50%;width:38px;height:38px;font-size:23px}.home-shortcuts{display:flex;gap:9px;overflow:auto;scrollbar-width:none;margin:-7px 0 22px}.home-shortcuts>a,.home-shortcuts>button{border-radius:100px;white-space:nowrap;padding:11px 19px;background:#252327;color:#c5bdcb;font-size:12px}.home-shortcuts>.selected{background:#f5edf7;color:#2d2032}.setup-card{display:flex;align-items:center;gap:18px;padding:16px;border-radius:20px;background:linear-gradient(120deg,#3a304c,#292337);margin-bottom:22px}.setup-card>img{width:64px;height:83px;object-fit:cover;border-radius:12px}.setup-card>div{flex:1;min-width:0}.setup-card strong{font-size:16px;font-weight:600}.setup-card small{display:block;font-size:9px;color:#baafc7;line-height:1.4}.setup-card b{font-size:11px;display:inline-block;margin-top:8px;background:#eee4f8;color:#382b43;border-radius:20px;padding:7px 15px}.setup-track{display:block;max-width:450px;background:#66517770;height:5px;border-radius:4px;margin:10px 0 7px;overflow:hidden}.setup-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#ad72e2,#e0a2ee)}
.feature-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.photo-feature{position:relative;display:block;height:370px;border-radius:23px;overflow:hidden;background:#2e2b2d}.photo-feature>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .4s}.photo-feature:hover>img{transform:scale(1.03)}.photo-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#131017e8,transparent 80%)}.photo-feature>div{position:absolute;bottom:25px;left:25px;right:20px;z-index:1}.photo-feature small{letter-spacing:1.8px;font-size:9px;color:#e9d9e9}.photo-feature h2{font-size:38px;letter-spacing:-1.4px;margin:9px 0 17px;line-height:1}.photo-feature span{display:inline-block;border-radius:100px;background:#f3e5f4;color:#35223d;font-size:11px;padding:11px 16px;font-weight:700}.section-heading.compact{margin:25px 0 14px;align-items:center}.compact h2{font-size:21px}.tool-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tool-rail>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#242226;border:1px solid #322e36;border-radius:18px;padding:21px 7px;color:#e2dbe7}.tool-rail span{font-size:29px;line-height:1;color:#e2b6ee}.tool-rail strong{font-size:12px;font-weight:500}.coin-stack{position:relative;display:inline-block;width:47px;height:46px;flex-shrink:0}.coin-stack>.gold-coin{position:absolute;width:34px;height:34px;font-size:20px;left:0;top:9px;transform:rotate(-14deg)}.coin-stack>.gold-coin:nth-child(2){left:14px;top:0;transform:rotate(12deg)}.reward-banner{display:flex;align-items:center;gap:15px;text-align:left;width:100%;margin-top:23px;padding:18px;border:1px solid #79613b;border-radius:18px;background:linear-gradient(100deg,#4d3920,#2b2520)}.reward-banner strong{font-size:14px;color:#ffedbd;display:block}.reward-banner small{font-size:11px;color:#d7c6a8;display:block;margin-top:5px}.reward-banner>b{font-size:11px;color:#ffe6a5;margin-left:auto;white-space:nowrap}.reward-modal{text-align:center}.reward-modal h2{padding:0;font-size:29px;letter-spacing:-1px;margin-bottom:10px}.reward-modal .eyebrow{font-size:9px;letter-spacing:1.4px}.reward-hero{height:90px;display:grid;place-items:center}.reward-hero .gold-coin{width:73px;height:73px;font-size:40px;border-width:4px;box-shadow:inset 0 0 0 4px #b88b27,0 7px 0 #765010,0 12px 45px #dcb54744;transform:rotate(-12deg)}.reward-modal .reward-amount{font-size:19px;color:#ffdc88;margin:17px 0 25px;font-weight:600}.reward-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:16px 0 22px}.reward-day{display:flex;flex-direction:column;align-items:center;gap:10px;padding:11px 3px;background:#2c2731;border:1px solid #49414e;border-radius:11px;position:relative}.reward-day small{font-size:9px;color:#b4a9bc;white-space:nowrap}.reward-day strong{font-size:12px;color:#f5deb0}.reward-day .gold-coin{width:22px;height:22px;font-size:12px}.reward-day.today{border-color:#f0c87c;background:#443825}.reward-day.done{border-color:#6f7867;background:#30372b}.reward-day.done strong{color:#c3dfa9}.reward-modal .fineprint{font-size:10px;line-height:1.7;margin:16px 0 7px}.reward-modal .primary{background:linear-gradient(100deg,#ffda7e,#edb65a);color:#3c2d14}.celebrate .reward-hero{animation:reward-pop .7s ease-out}.wallet-heading{text-align:center;margin:0 auto 30px}.coin-stack.large{width:87px;height:87px;margin-bottom:20px}.large>.gold-coin{width:63px;height:63px;font-size:37px}.large>.gold-coin:nth-child(2){left:27px;top:0}.wallet-heading h1{font-size:45px;margin-bottom:15px}.wallet-heading p:last-child{font-size:13px}.balance{display:flex;gap:12px;justify-content:center;align-items:center;font-size:43px;font-weight:650;letter-spacing:-1px;margin-bottom:18px}.balance .gold-coin{width:35px;height:35px;font-size:20px}.reward-panel{border:1px solid #514434;background:#241f1d;border-radius:20px;padding:22px;max-width:700px;margin:auto}.reward-panel .compact{margin-top:0}.reward-panel .reward-week{max-width:600px;margin:auto}.reward-panel .fineprint{margin-bottom:0}.draft-label{font-size:10px;border-radius:20px;padding:7px 10px;background:#332b39;color:#cab5d4;white-space:nowrap}.coin-packs{display:grid;gap:12px;margin-bottom:22px}.coin-pack{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid #48404f;background:#242027;border-radius:18px;padding:20px 22px}.coin-pack.selected{border:2px solid #f1c97a;background:#3a3020;padding:19px 21px}.coin-pack>span{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650}.coin-pack small{font-size:12px;font-weight:400;color:#bdafc4}.coin-pack>b{font-size:19px}.coin-pack>em{position:absolute;top:-9px;right:20px;background:#edc77e;color:#483317;border-radius:20px;padding:4px 9px;font-size:9px}.profile-wallet{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#49371e,#2d232a);border:1px solid #6a5134;border-radius:20px;padding:24px}.profile-wallet small{display:block;color:#c4b194;font-size:11px;margin-bottom:7px}.profile-wallet strong{font-size:25px;color:#f7e2b4}.profile-wallet>b{margin-left:auto}.profile-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;gap:12px}.profile-shortcuts>a,.profile-shortcuts>button{text-align:center;border:1px solid #3c3442;background:#211d26;padding:22px 6px;border-radius:16px;display:grid;gap:8px}.profile-shortcuts strong{font-size:25px;color:var(--accent)}.profile-shortcuts span{font-size:12px;color:#bab0c2}.membership-banner{display:flex;flex-direction:column;gap:12px;border-radius:19px;padding:25px;background:linear-gradient(100deg,#62406d,#313b58);margin:22px 0}.membership-banner>span{font-size:12px;color:#dbc8e6}.membership-banner>strong{font-size:24px;letter-spacing:-.5px}.membership-banner>small{font-size:9px;color:#cabed2}.studio-heading h1{font-size:44px}.studio-modes{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:0 0 23px}.studio-modes>button{padding:12px 17px;border-radius:100px;background:#28222f;color:#c5b9cc;white-space:nowrap;font-size:12px}.studio-modes>.active{background:#d7afe8;color:#302137}.creative-compose{max-width:700px;margin:auto}.studio-source{width:100%;height:250px;background:#242027;border:1px dashed #665571;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;position:relative;margin-bottom:12px}.studio-source .add-photo{font-size:43px;font-weight:300;color:#d7aae6}.studio-source>strong{font-size:16px}.studio-source>small{font-size:11px;color:#b7a9bf}.studio-source>img{width:100%;height:100%;object-fit:contain}.studio-source>img+span{position:absolute;bottom:14px;right:14px;background:#1b1521bb;font-size:11px;border-radius:25px;padding:10px 16px}.prompt-label{display:block;font-size:12px;color:#d6c9df;margin:22px 0 10px}.creative-compose textarea{width:100%;min-height:135px;padding:18px;border:1px solid #55485e;border-radius:18px;background:#29222f;color:#eee4f4;font:inherit;font-size:14px;line-height:1.6;resize:vertical}.creative-compose textarea:focus{outline:2px solid #c599da;outline-offset:2px}.prompt-examples{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:11px 0}.prompt-examples>button{font-size:10px;color:#b7a6c3;white-space:nowrap;padding:7px 10px;border:1px solid #41364b;border-radius:9px}.progress-page{max-width:530px;text-align:center;margin:20px auto}.progress-page h1{font-size:42px}.progress-page h2{margin:23px 0 8px;font-size:23px}.progress-page p{font-size:13px}.developing-photo{position:relative;max-width:330px;aspect-ratio:3/4;margin:auto;border-radius:24px;overflow:hidden;background:#2b2335}.developing-photo>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.developing-photo>span{position:absolute;bottom:22px;left:20px;right:20px;border-radius:30px;padding:12px;background:#211829cc;color:#efdcf5;font-size:12px;backdrop-filter:blur(8px)}.scan-light{position:absolute;left:0;right:0;height:30%;top:0;background:linear-gradient(transparent,#cfa3f166,transparent);animation:scan 3s ease-in-out infinite}
@keyframes scan{0%,100%{transform:translateY(0)}50%{transform:translateY(240%)}}@keyframes reward-pop{0%{transform:scale(.6) rotate(-15deg)}65%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1)}}
.motion-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#28212d}.motion-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 31%;will-change:clip-path}.motion-after{clip-path:inset(0)}.motion-label{position:absolute;bottom:12px;left:12px;padding:6px 9px;border-radius:20px;background:#151018b8;color:#f7ebff;font-size:8px;letter-spacing:.7px;z-index:2;backdrop-filter:blur(8px)}.before-label{opacity:0}.motion-preview.is-playing .motion-after{animation:look-reveal 7s ease-in-out infinite}.motion-preview.is-playing .before-label{animation:before-word 7s linear infinite}.motion-preview.is-playing .after-label{animation:after-word 7s linear infinite}.motion-paused .motion-after{clip-path:inset(0)!important;animation:none!important}.motion-paused .before-label{opacity:0;animation:none!important}.motion-paused .after-label{opacity:1;animation:none!important}.photo-feature>.motion-preview{position:relative;inset:auto;z-index:0}.photo-feature>.motion-preview .motion-label{top:15px;bottom:auto;left:15px;font-size:7px}.photo-feature>.motion-preview img{object-position:center 27%}.photo-feature>.motion-preview+div{pointer-events:none}.motion-control{font-size:10px;white-space:nowrap}.detail-art>.motion-preview .motion-label{font-size:10px;padding:9px 13px}.showcase-main{padding:0!important;max-width:700px}.showcase{height:calc(100dvh - 127px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.showcase-slide{height:100%;min-height:550px;position:relative;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.showcase-slide>.motion-preview{position:absolute;inset:0}.showcase-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100c15f2,transparent 60%,#100c1555);pointer-events:none}.showcase-top{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;z-index:4}.showcase-top>span{font-size:9px;letter-spacing:1px;color:#eee0ef}.motion-toggle{background:#23132b99;border:1px solid #cdb7d355;border-radius:30px;padding:9px 13px;font-size:10px}.showcase-copy{position:absolute;bottom:30px;left:25px;right:25px;z-index:3}.showcase-copy h1{font-size:47px;margin:8px 0 12px}.showcase-copy>p{font-size:13px;max-width:420px;color:#e6dbe9;line-height:1.5;margin-bottom:12px}.showcase-copy>p:first-child{text-transform:uppercase;font-size:9px;letter-spacing:1.8px;color:#e1bbed}.showcase-copy>div{display:flex;align-items:center;gap:15px;margin:20px 0}.showcase-save{width:45px;height:45px;border:1px solid #dbc4e366;background:#312039aa;border-radius:50%;font-size:25px}.showcase-copy small{font-size:9px;letter-spacing:.5px;color:#bfb0c7}.showcase-slide .motion-label{top:65px;bottom:auto;left:20px}
@keyframes look-reveal{0%,18%{clip-path:inset(0 100% 0 0)}40%,85%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes before-word{0%,20%{opacity:1}40%,90%{opacity:0}100%{opacity:1}}@keyframes after-word{0%,20%{opacity:0}40%,85%{opacity:1}100%{opacity:0}}
.motion-divider{position:absolute;top:0;bottom:0;left:100%;width:2px;background:#fff8e7df;box-shadow:0 0 14px #f7e7fc66;opacity:0;z-index:2}.motion-divider>b{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:28px;height:28px;border:1px solid #fff9;border-radius:50%;background:#f5e5f8dd;box-shadow:0 3px 15px #0003;color:#452f50;display:grid;place-items:center;font:15px Arial}.motion-preview.is-playing .motion-divider{animation:reveal-divider 7s ease-in-out infinite}.motion-paused .motion-divider{display:none}@keyframes reveal-divider{0%,18%{left:0;opacity:0}19%{opacity:1}39%{opacity:1}40%,85%{left:100%;opacity:0}86%{opacity:1}99%{opacity:1}100%{left:0;opacity:0}}
@media(max-width:720px){.showcase{height:calc(100dvh - 165px)}.showcase-slide{min-height:500px}.showcase-copy{left:20px;right:20px;bottom:22px}.showcase-copy h1{font-size:35px}.showcase-copy>p{font-size:11px}.showcase-copy .primary{font-size:11px;padding:14px 19px}.motion-label{font-size:7px;bottom:9px;left:9px;padding:5px 7px}.detail-art .motion-label{font-size:9px}.photo-feature>.motion-preview .motion-label{top:12px;left:12px}}
@media(max-width:720px){header{height:66px;padding:0 17px}header .brand{font-size:25px}.header-actions{gap:8px}.credit-pill{padding:7px 9px;font-size:12px}.credit-pill .gold-coin{width:20px;height:20px;font-size:12px}.gift-button{width:32px;height:32px;font-size:20px}main{padding:20px 15px 105px}.preview-label{padding:8px 17px}.home-shortcuts{gap:7px;margin:-3px 0 17px}.home-shortcuts>a,.home-shortcuts>button{font-size:10px;padding:10px 14px}.setup-card{padding:12px;gap:13px;margin-bottom:17px;border-radius:17px}.setup-card>img{width:57px;height:79px}.setup-card strong{font-size:13px}.setup-card small{font-size:8px}.setup-card b{font-size:9px;padding:6px 12px}.feature-rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;margin:0 -15px;padding:0 15px}.photo-feature{flex:0 0 87%;height:235px;scroll-snap-align:center;border-radius:18px}.photo-feature>img{object-position:center 27%}.photo-feature>div{left:19px;bottom:18px}.photo-feature small{font-size:7px;letter-spacing:1.5px}.photo-feature h2{font-size:31px;margin:7px 0 12px}.photo-feature span{font-size:9px;padding:9px 13px}.photo-feature:after{background:linear-gradient(90deg,#19121bb8,transparent 85%),linear-gradient(0deg,#131017a8,transparent 75%)}.section-heading.compact{margin:23px 0 12px}.compact h2{font-size:19px}.tool-rail{display:flex;overflow:auto;scrollbar-width:none;gap:8px;margin:0 -15px;padding:0 15px}.tool-rail>a{min-width:73px;padding:17px 7px;gap:10px;border-radius:15px}.tool-rail span{font-size:26px}.tool-rail strong{font-size:9px}.reward-banner{margin-top:20px;padding:14px 12px;gap:11px;border-radius:16px}.reward-banner strong{font-size:12px}.reward-banner small{font-size:9px}.reward-banner>b{font-size:10px}.reward-banner .coin-stack{width:36px;height:36px}.reward-banner .gold-coin{width:27px;height:27px;font-size:16px}.reward-banner .gold-coin:nth-child(2){left:11px}.wallet-heading h1{font-size:35px}.wallet-heading p:last-child{font-size:11px}.reward-panel{padding:17px 12px}.reward-panel .compact h2{font-size:17px}.reward-day{padding:10px 2px;gap:9px;border-radius:9px}.reward-day small{font-size:8px}.reward-day strong{font-size:11px}.reward-week{gap:4px}.reward-day .gold-coin{width:21px;height:21px;font-size:11px}.reward-modal h2{font-size:26px}.reward-modal .reward-amount{font-size:18px}.reward-modal .eyebrow{font-size:8px}dialog{padding:28px 18px 20px;width:calc(100vw - 24px);max-width:430px}.coin-pack{padding:19px 16px}.coin-pack.selected{padding:18px 15px}.coin-pack>span{font-size:19px;gap:8px}.coin-pack>b{font-size:17px}.coin-pack small{font-size:10px}.coin-pack>em{font-size:8px}.profile-wallet{padding:20px}.profile-wallet strong{font-size:22px}.profile-shortcuts{gap:9px}.profile-shortcuts>a,.profile-shortcuts>button{padding:19px 5px}.profile-shortcuts span{font-size:10px}.membership-banner>strong{font-size:22px}.studio-heading h1{font-size:36px}.studio-heading .eyebrow{font-size:8px}.studio-modes{gap:7px;margin:0 -15px 20px;padding:0 15px}.studio-modes>button{font-size:11px;padding:11px 15px}.studio-source{height:230px}.creative-compose textarea{font-size:13px;min-height:146px}.progress-page h1{font-size:34px}.developing-photo{max-width:290px}.card-info a{font-size:13px}.card-art .art-caption{font-size:7px}}


.identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.identity-card{background:#1e1c24;border:1px solid #36313e;border-radius:22px;padding:18px}.identity-card h2{font-size:22px;margin:14px 0 5px}.identity-strip{display:flex;gap:5px;overflow:hidden}.identity-strip img{width:calc(25% - 4px);min-width:0;aspect-ratio:3/4;object-fit:cover;border-radius:10px}.identity-strip img:first-child{width:calc(40% - 4px)}.identity-picker{display:grid;gap:12px;margin-bottom:18px}.identity-picker>button{display:block;text-align:left;padding:12px;background:#25222c;border:1px solid #40394c;border-radius:14px;color:inherit}.identity-picker strong,.identity-picker small{display:block;margin-top:8px}.identity-edit-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.identity-edit-photos>div{min-width:0;border:1px solid #423a4a;border-radius:12px;overflow:hidden}.identity-edit-photos img{width:100%;height:160px;object-fit:cover}.identity-edit-photos .text{font-size:12px;padding:8px}.identity-edit-photos>div>div{display:flex;justify-content:space-between}.identity-card>.primary{display:block;margin-bottom:6px}.identity-card>.text{margin-right:12px}dialog input:not([type=checkbox]):not([type=file]){max-width:100%}