@charset "UTF-8";
:root{color-scheme:dark;--bg:#101114;--surface:#191b20;--raised:#23262d;--text:#f5f6f8;--muted:#adb3bf;--accent:#afafaf;--border:#343841;--r:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}button,a{transition:background .18s,color .18s,transform .18s}p{color:var(--muted);line-height:1.65;text-wrap:pretty}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(40px,4.7vw,68px);line-height:1.05}h2{font-size:32px}h3{font-size:20px}.review-bar{min-height:34px;background:#1c1c1c;border-bottom:1px solid #303030;padding:5px 4.2%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;color:#b9b9b9}.review-bar i{font-style:normal;background:#353535;padding:2px 5px;margin-left:7px}.review-bar button{font-size:11px;color:var(--accent);padding:5px}header{height:88px;margin:auto;padding:0 4.2%;display:flex;align-items:center;gap:64px;border-bottom:1px solid #23262b;max-width:1600px}.wordmark{font-weight:750;font-size:33px;letter-spacing:-2px;line-height:1}.wordmark span{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:4px 0 0 5px}header nav{display:flex;gap:32px;height:100%;align-items:center}header nav a{color:var(--muted);height:100%;display:grid;place-items:center;position:relative;font-size:14px}header nav a.active{color:var(--text)}header nav a.active:after{content:"";position:absolute;bottom:0;height:2px;background:var(--accent);width:22px}header nav a:hover{color:var(--accent)}.header-actions{margin-left:auto;display:flex;gap:22px;align-items:center}.credit-pill{border:1px solid var(--border);padding:10px 14px;border-radius:30px;display:flex;align-items:center;gap:8px;font-size:13px}.credit-pill:hover{background:var(--raised)}.spark{color:var(--accent)}.avatar{width:36px;height:36px;border-radius:50%;background:#30342d;color:#dfdfdf;font-size:11px}main{max-width:1408px;padding:38px 56px 64px;margin:auto;min-height:72vh}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--muted);display:block;margin-bottom:17px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;min-height:360px;margin-bottom:48px}.hero-copy{padding:16px 16px 16px 0}.hero h1{margin-bottom:22px;max-width:620px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:350px;font-size:15px;margin-bottom:26px}.primary,.secondary{min-height:46px;border-radius:10px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;font-weight:600}.primary{color:#171717;background:var(--accent)}.primary:hover{background:#c6c6c6;transform:translateY(-1px)}.secondary{background:var(--surface);border:1px solid var(--border)}.secondary:hover{background:var(--raised)}.hero-media{height:358px;position:relative;overflow:hidden;border-radius:var(--r);background:#222}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:brightness(.75)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 65%)}.media-tag{position:absolute;top:18px;left:18px;z-index:1;border:1px solid #ffffff55;border-radius:20px;padding:6px 10px;background:#10111450;font-size:10px;letter-spacing:.1em}.hero-caption{position:absolute;bottom:23px;left:24px;right:24px;z-index:1;display:flex;justify-content:space-between;align-items:end}.hero-caption h3{font-size:25px;margin:0 0 6px}.hero-caption p{font-size:12px;margin:0;color:#ddd}.round-arrow{width:44px;height:44px;background:#ffffff18;border:1px solid #ffffff70;border-radius:50%;font-size:22px;display:grid;place-items:center}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{font-size:27px;margin:0}.subtle{color:var(--muted);font-size:12px}.search{background:var(--surface);border:1px solid #2b2e35;border-radius:9px;display:flex;align-items:center;padding:0 14px;gap:10px;width:254px;height:42px;color:var(--muted)}.search input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:13px}.filters{display:flex;gap:8px;margin-bottom:25px;overflow:auto;scrollbar-width:none}.filter{white-space:nowrap;padding:9px 17px;border:1px solid var(--border);border-radius:24px;font-size:12px;color:var(--muted)}.filter.active{color:#171717;background:var(--accent);border-color:var(--accent)}.filter:hover:not(.active){color:var(--text);background:var(--surface)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.card{min-width:0}.card-media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:var(--surface);cursor:pointer}.card-media img{height:100%;width:100%;object-fit:cover;transition:transform .45s,filter .3s;filter:brightness(.87)}.card-media:hover img{transform:scale(1.035);filter:brightness(1)}.card-media:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.card-tag{position:absolute;top:12px;left:12px;background:#10111480;backdrop-filter:blur(10px);border:1px solid #ffffff33;font-size:9px;letter-spacing:.1em;padding:5px 8px;border-radius:5px}.save{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:50%;background:#10111450;font-size:20px;z-index:2}.save.saved{color:var(--accent)}.card-bottom{position:absolute;bottom:13px;left:13px;right:13px;z-index:1;display:flex;justify-content:space-between;font-size:11px;align-items:center}.play{display:inline-grid;place-items:center;border:1px solid #fff8;border-radius:50%;width:28px;height:28px;font-size:9px}.card-title{display:flex;align-items:center;justify-content:space-between;margin:13px 0 5px;gap:8px}.card-title h3{margin:0;font-size:16px;letter-spacing:-.02em}.card-title span{color:var(--muted);font-size:11px;white-space:nowrap}.card p{font-size:12px;margin-bottom:0}.operator-note{display:flex;gap:12px;align-items:center;border-top:1px solid #282b32;padding-top:24px;margin-top:38px;color:var(--muted);font-size:12px}.operator-note span:first-child{font-size:10px;letter-spacing:.1em;border:1px solid var(--border);padding:6px 9px;border-radius:5px;white-space:nowrap}footer{border-top:1px solid #282b32;max-width:1408px;margin:auto;padding:30px 56px;display:flex;gap:24px;align-items:center;color:var(--muted);font-size:11px}footer .wordmark{color:var(--text);font-size:24px}footer>span:last-child{margin-left:auto}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:27px}.breadcrumb a:hover{color:var(--accent)}.studio{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:start}.preview-frame{position:relative;background:#1a1b20;border-radius:16px;overflow:hidden;height:610px}.preview-frame>img{width:100%;height:100%;object-fit:cover}.preview-frame:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.preview-caption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:12px}.preview-label{position:absolute;top:20px;left:20px;background:#10111490;padding:7px 11px;border:1px solid #fff4;border-radius:20px;font-size:10px}.studio-form h1{font-size:40px;margin-bottom:13px}.studio-form>p{font-size:14px}.specs{display:flex;gap:8px;margin:20px 0 28px}.specs span{background:var(--surface);border:1px solid #2c3037;padding:7px 11px;border-radius:5px;font-size:11px;color:var(--muted)}.step-title{display:flex;gap:10px;align-items:center;margin:25px 0 12px;font-size:14px;font-weight:500}.step-title i{font-style:normal;border:1px solid var(--border);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px;color:var(--muted)}.step-title small{font-weight:400;margin-left:auto;color:var(--muted);font-size:11px}.upload-zone{border:1px dashed #50564c;background:#1c1c1c;border-radius:12px;padding:22px;text-align:center;position:relative}.upload-icon{font-size:24px;color:var(--accent);margin-bottom:7px}.upload-zone strong{font-size:13px;font-weight:500;display:block}.upload-zone p{font-size:11px;margin:6px 0 13px}.upload-zone img{max-height:100px;border-radius:8px;max-width:100%}.upload-zone .secondary{min-height:35px;font-size:11px;padding:8px 15px}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.sample-button{display:block;margin:11px auto 0;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:var(--muted)}.options{display:flex;gap:8px}.option{flex:1;padding:11px 8px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px}.option.selected{border-color:var(--accent);background:#7f7f7f08;color:var(--accent)}.cost-box{border-top:1px solid var(--border);margin-top:26px;padding-top:18px}.cost-line{display:flex;justify-content:space-between;margin-bottom:17px;font-size:13px}.full{width:100%}.micro{font-size:11px;line-height:1.6;margin:13px 0 0}.check{display:flex;align-items:start;gap:9px;font-size:11px;color:var(--muted);line-height:1.5;margin-top:16px}.check input{accent-color:var(--accent);margin:2px 0}.error{color:#ffb2aa;font-size:12px;margin-top:9px}.empty{text-align:center;border:1px dashed var(--border);border-radius:16px;padding:68px 20px;grid-column:1/-1}.empty h2{margin:14px 0}.empty p{max-width:360px;margin:0 auto 22px}.library-head{padding:15px 0 27px}.library-head h1{font-size:43px;margin-bottom:12px}.status-pill{border-radius:20px;padding:5px 9px;font-size:10px;color:var(--accent);background:#242424}.result-wrap{max-width:970px;margin:auto}.result-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.result-top h1{font-size:35px;margin:0}.result-stage{height:470px;background:#191b20;border:1px solid #2c3037;border-radius:16px;display:flex;justify-content:center;position:relative;overflow:hidden}.result-stage img{height:100%;max-width:100%;object-fit:contain}.result-stage .preview-label{left:20px}.result-actions{display:flex;gap:12px;justify-content:center;margin:25px 0}.progress-card{text-align:center;padding:55px 24px;max-width:600px;margin:20px auto}.loader{width:66px;height:66px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 30px;animation:spin 1.3s linear infinite}.progress-steps{display:flex;justify-content:center;gap:30px;margin:30px 0;color:var(--muted);font-size:12px}.progress-steps .current{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}dialog{background:var(--surface);color:var(--text);border:1px solid #454b55;border-radius:20px;padding:36px;max-width:540px;width:calc(100% - 32px);box-shadow:0 24px 100px #0009}dialog::backdrop{background:#06070bd0;backdrop-filter:blur(6px)}dialog h2{font-size:30px;margin-bottom:12px}dialog p{font-size:13px}.close{position:absolute;right:12px;top:10px;width:36px;height:36px;font-size:25px;color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.plan{text-align:left;padding:20px 16px;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px}.plan.selected{border-color:var(--accent);background:#afafaf08}.plan span{font-size:11px;color:var(--muted)}.plan strong{font-size:27px;font-weight:500}.plan small{font-size:11px;color:var(--muted)}.plan b{font-size:20px;font-weight:500}.plan em{font-style:normal;font-size:10px;color:var(--muted)}.purchase-summary,.account-row{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--border);font-size:13px}.account-row:last-of-type{margin-bottom:18px}#tweaks label:not(.check){display:grid;gap:12px;color:var(--muted);font-size:13px}select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:12px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#ececec;color:#171717;padding:14px 22px;border-radius:12px;font-size:13px;box-shadow:0 5px 30px #0005;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}body[data-layout=compact] .hero{min-height:240px;grid-template-columns:1.1fr .9fr;margin-bottom:30px}body[data-layout=compact] .hero-media{height:250px}body[data-layout=compact] .hero h1{font-size:46px}body[data-layout=compact] .card-media{aspect-ratio:1}body[data-layout=immersive] .hero{grid-template-columns:1fr 1.3fr;min-height:430px}body[data-layout=immersive] .hero-media{height:430px}body[data-layout=immersive] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.no-motion *,body.no-motion *:after{animation:none!important;transition:none!important}
@media(min-width:1600px){main{padding-top:48px}.hero-media{height:390px}}@media(max-width:1050px){header{gap:36px}main{padding:30px}.hero{gap:20px}.hero h1{font-size:47px}.hero-media{height:330px}.grid{gap:16px}.studio{gap:30px}.preview-frame{height:570px}footer{padding:25px 30px}}@media(max-width:760px){.review-bar{padding:6px 18px;font-size:8px}.review-bar>span:nth-child(2){display:none}header{height:70px;padding:0 20px;gap:0}header nav{display:none}.wordmark{font-size:29px}.header-actions{gap:12px}.credit-pill{padding:9px 11px;font-size:11px}.avatar{width:32px;height:32px}main{padding:26px 20px 35px}.hero,body[data-layout=compact] .hero,body[data-layout=immersive] .hero{grid-template-columns:1fr;gap:19px;min-height:0;margin-bottom:33px}.hero-copy{padding:3px 0 0}.eyebrow{font-size:9px;margin-bottom:15px}.hero h1,body[data-layout=compact] .hero h1{font-size:44px;margin-bottom:17px;letter-spacing:-.05em}.hero p{font-size:13px;max-width:300px;margin-bottom:19px}.hero-media,body[data-layout=compact] .hero-media,body[data-layout=immersive] .hero-media{height:230px}.hero-caption{bottom:18px;left:18px;right:18px}.hero-caption h3{font-size:22px}.section-head{flex-wrap:wrap;gap:16px;margin-bottom:17px}.section-head h2{font-size:25px}.search{width:100%;height:43px}.filters{margin-bottom:20px;gap:7px}.filter{font-size:11px;padding:9px 13px;min-height:38px}.grid,body[data-layout=immersive] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.card-title{display:block;margin-top:11px}.card-title h3{font-size:14px;margin-bottom:6px}.card-title span{font-size:10px}.card p{font-size:10px}.card-tag{font-size:8px;top:10px;left:9px;padding:4px 6px}.save{right:4px;top:3px}.operator-note{font-size:10px;align-items:start;line-height:1.6;margin-top:28px}.operator-note span:first-child{font-size:8px}footer{padding:24px 20px 92px;gap:14px;flex-wrap:wrap}footer>span:last-child{width:100%;margin:0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#14161bf5;border-top:1px solid var(--border);justify-content:space-around;padding:9px 10px calc(9px + env(safe-area-inset-bottom));z-index:5}.mobile-nav a,.mobile-nav button{font-size:12px;min-height:38px;padding:10px}.studio{grid-template-columns:1fr;gap:25px}.preview-frame{height:320px}.studio-form h1{font-size:33px}.studio-form .eyebrow{margin-bottom:10px}.specs{margin:16px 0 23px}.breadcrumb{font-size:11px;margin-bottom:20px}.result-stage{height:420px}.result-top h1{font-size:28px}.result-top{align-items:start;gap:15px}.result-actions{flex-direction:column}.library-head h1{font-size:36px}dialog{padding:32px 22px}dialog h2{font-size:26px}.plan{padding:17px 13px}.plan strong{font-size:25px}#toast{bottom:83px;text-align:center;width:max-content}.progress-steps{gap:20px}.progress-card{padding:36px 0}.hero-copy .primary{min-height:44px}.primary,.secondary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}@media(max-width:350px){.hero h1{font-size:38px}.header-actions{gap:7px}.credit-pill{padding:8px}.avatar{display:none}.grid{gap:20px 10px}}
/* Review refinements: honest media affordances, readable metadata and touch targets. */
.hero .hero-detail{font-size:12px;margin:14px 0 0;color:var(--muted)}
.effect-action{font-size:11px;border-bottom:1px solid #ffffff70;padding-bottom:3px}
.card-title h3{font-size:17px}.card-title span,.card p{font-size:12px}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #afafaf22}
.save{width:44px;height:44px}.option{min-height:44px}
.sample-button{min-height:44px;margin:4px auto 0;padding:10px 5px}
.upload-zone .secondary{min-height:44px;cursor:pointer}
.close{width:44px;height:44px;right:8px;top:6px}
.check{min-height:44px;align-items:center;font-size:12px;cursor:pointer}.check input{flex:none}
.breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.mobile-nav a.active{color:var(--accent);background:#afafaf0a;border-radius:8px}
@media(max-width:760px){
 .review-bar button{min-height:44px}.review-bar{padding-top:0;padding-bottom:0}
 .credit-pill,.avatar{min-height:44px}.avatar{width:44px}
 .wordmark{min-height:44px;display:inline-flex;align-items:center}
 .hero h1{font-size:42px}.hero-media{height:205px}
 .filter{min-height:44px}.card-title h3{font-size:15px}.card-title span,.card p{font-size:12px}
 .mobile-nav a,.mobile-nav button{min-height:44px;padding:13px 12px}
 .specs{flex-wrap:wrap}.micro{font-size:12px}.studio-form>p{font-size:14px}
}

/* V2: effect-first image and video workspace. */
.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px 0 34px}
.catalog-intro h1{font-size:48px;margin:0 0 14px;letter-spacing:-.045em}.catalog-intro p{margin:0;font-size:15px}
.workflow-strip{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:12px}.workflow-strip b{display:block;font-size:10px;color:var(--accent);font-weight:500;margin-bottom:7px;letter-spacing:.12em}.workflow-strip i{font-style:normal;color:#626874}
.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-top:1px solid #292d34;border-bottom:1px solid #292d34}.catalog-toolbar .filters{margin:0}.catalog-subbar{display:flex;justify-content:space-between;gap:16px;padding:23px 0;font-size:13px;color:var(--muted)}
.text-label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;min-height:150px;padding:16px;resize:vertical;line-height:1.6}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.input-caption{display:flex;gap:12px;justify-content:space-between;color:var(--muted);font-size:11px;line-height:1.5;margin-top:9px}.input-caption span:last-child{white-space:nowrap}
.result-stage video{width:100%;height:100%;object-fit:contain;background:#08090b}.result-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:12px;margin-top:17px}.image-zoom{height:100%;width:100%;cursor:zoom-in;padding:0}.image-zoom img{max-width:100%;height:100%;object-fit:contain}#image-view{max-width:1100px;width:calc(100% - 32px);padding:44px 20px 16px}#enlarged{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.plan em{font-size:11px;line-height:1.5}
@media(max-width:1050px){.catalog-intro h1{font-size:40px}.workflow-strip{gap:10px}}
@media(max-width:760px){.catalog-intro{padding:8px 0 24px;display:block}.catalog-intro h1{font-size:35px}.catalog-intro p{font-size:14px}.workflow-strip{display:none}.catalog-toolbar{display:block;padding:15px 0}.catalog-toolbar .search{margin-top:15px}.catalog-toolbar .filters{gap:6px}.catalog-subbar{font-size:12px;padding:18px 0}.catalog-subbar .subtle{font-size:10px;text-align:right}.card-bottom{left:10px;right:10px;font-size:9px}.effect-action{font-size:10px}.result-meta{font-size:11px;flex-wrap:wrap}.result-stage{height:360px}.header-actions{gap:7px}.credit-pill{gap:5px}.input-caption{font-size:12px}}

/* Motion-first covers: output type remains independent of preview media. */
.catalog-intro{padding:6px 0 25px}.catalog-intro h1{font-size:42px}.workflow-strip{display:none}
.motion-card .card-media{aspect-ratio:3/4;border-radius:14px;border:1px solid #ffffff16;background:#16181c}
.cover-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.motion-card .card-media>a{display:block;width:100%;height:100%}
.motion-card .card-media:after{inset:40% 0 0;background:linear-gradient(transparent,#07080bc9);pointer-events:none}
.motion-card .card-bottom{bottom:22px;left:19px;right:19px;display:flex;flex-direction:column;align-items:start;gap:11px}
.cover-title{font-size:25px;letter-spacing:-.035em;font-weight:600}.cover-cta{font-size:12px;border-bottom:1px solid #ffffff70;padding-bottom:4px}
.cover-toggle{position:absolute;right:12px;bottom:14px;z-index:3;width:44px;height:44px;background:#0b0d13a0;border:1px solid #ffffff50;backdrop-filter:blur(8px);border-radius:50%;font-size:13px}
.preview-kind{position:absolute;left:17px;top:48px;font-size:8px;color:#fff9;letter-spacing:.1em;pointer-events:none}.motion-card .card-tag{font-size:9px}
.motion-card .save{background:#0b0d1370}.is-playing{border-color:#afafaf55!important}.is-playing .preview-kind:before{content:'● ';color:var(--accent)}
.motion-meta{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-top:15px;font-size:11px;color:var(--muted);line-height:1.5}.motion-meta strong{font-size:12px;font-weight:500;color:var(--text);white-space:nowrap}
.detail-video{width:100%;height:100%;object-fit:contain;background:#08090b}.preview-frame:has(.detail-video):after{display:none}.preview-frame:has(.detail-video) .preview-caption{bottom:65px;pointer-events:none}.preview-frame:has(.detail-video) .preview-label{pointer-events:none}
.preview-error:before{content:'Preview unavailable — retry';position:absolute;z-index:3;top:50%;left:10px;right:10px;padding:10px;background:#101114d9;font-size:11px;text-align:center}
@media(max-width:760px){.catalog-intro{padding:0 0 18px}.catalog-intro h1{font-size:32px}.catalog-intro p{font-size:13px}.catalog-toolbar{padding:12px 0}.catalog-subbar{padding:13px 0}.motion-card .card-media{aspect-ratio:3/5}.motion-card .card-bottom{left:12px;bottom:18px;right:8px;gap:8px}.cover-title{font-size:18px}.cover-cta{font-size:10px}.cover-toggle{right:7px;bottom:56px}.motion-meta{display:block;font-size:11px}.motion-meta strong{display:block;margin-top:5px}.preview-kind{left:11px;top:42px;font-size:7px}.motion-card .card-tag{font-size:8px}.grid{gap:25px 12px}}


/* Balanced covers: three desktop columns, two mobile columns. */
main:has(#grid){max-width:1500px;padding:24px 32px 64px}
.catalog-intro{padding:0 0 18px}.catalog-intro .eyebrow{margin-bottom:10px}.catalog-intro h1{font-size:34px;margin-bottom:9px}.catalog-intro p{font-size:14px}
.catalog-toolbar{padding:12px 0}.catalog-subbar{padding:16px 0}
#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
#grid .motion-card .card-media{aspect-ratio:4/5;height:auto;border-radius:16px}
#grid .cover-title{font-size:27px}#grid .cover-cta{font-size:12px}
#grid .motion-card .card-bottom{left:20px;right:65px;bottom:22px;gap:10px}
#grid .cover-toggle{width:44px;height:44px;right:13px;bottom:18px;font-size:14px}
#grid .motion-card .card-tag{top:14px;left:14px;font-size:10px;padding:6px 8px}
#grid .preview-kind{top:51px;left:16px;font-size:8px}
#grid .save{top:8px;right:8px;width:44px;height:44px}
#grid .motion-meta{font-size:12px;margin-top:12px}#grid .motion-meta strong{font-size:13px}
@media(max-width:760px){
 main:has(#grid){padding:20px 16px 40px}.catalog-intro h1{font-size:29px}.catalog-intro .eyebrow{display:none}.catalog-intro{padding-bottom:15px}.catalog-intro p{font-size:12px}
 #grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 #grid .motion-card .card-media{aspect-ratio:3/5;height:auto;border-radius:13px}
 #grid .cover-title{font-size:19px}#grid .cover-cta{font-size:11px}
 #grid .motion-card .card-bottom{left:12px;bottom:17px;right:8px;gap:8px}
 #grid .cover-toggle{width:44px;height:44px;right:7px;bottom:76px}
 #grid .motion-card .card-tag{font-size:8px;top:12px;left:9px;padding:5px 6px}
 #grid .preview-kind{left:11px;top:46px;font-size:7px}
 #grid .save{top:45px;right:6px}
 #grid .motion-meta{display:block;font-size:11px}#grid .motion-meta strong{font-size:12px;display:block;margin-top:5px}
 .catalog-toolbar .search{margin-top:10px}.catalog-subbar{padding:13px 0}
}

/* Day / night appearance. Media keeps its original luminance and white overlays. */
.theme-toggle{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;font-size:23px;line-height:1;color:var(--text);background:var(--surface)}
.theme-toggle:hover{background:var(--raised)}
:root[data-theme="light"]{color-scheme:light;--bg:#f6f6f6;--surface:#ffffff;--raised:#ececec;--text:#1f1f1f;--muted:#5a5a5a;--accent:#afafaf;--border:#d5d5d5}
[data-theme="light"] header,[data-theme="light"] footer,[data-theme="light"] .catalog-toolbar,[data-theme="light"] .operator-note{border-color:var(--border)}
[data-theme="light"] .review-bar{background:#e8e8e8;color:#525252;border-color:#d6d6d6}
[data-theme="light"] .review-bar i{background:#d5d5d5;color:#393939}
[data-theme="light"] .review-bar button{color:#3e3e3e}
[data-theme="light"] .avatar{background:#dfdfdf;color:#383838}
[data-theme="light"] .spark,[data-theme="light"] header nav a:hover{color:#464646}
[data-theme="light"] header nav a.active:after{background:#5c5c5c}
[data-theme="light"] .search{background:var(--surface);border-color:var(--border)}
[data-theme="light"] .search:focus-within{border-color:#5c5c5c;box-shadow:0 0 0 2px #5c5c5c22}
[data-theme="light"] :is(button,a,input,select,textarea):focus-visible{outline-color:#4f4f4f}
[data-theme="light"] .mobile-nav{background:#f6f6f6f5;border-color:var(--border)}
[data-theme="light"] .mobile-nav a.active{color:#3c3c3c;background:#e3e3e3}
[data-theme="light"] .upload-zone{background:#efefef;border-color:#9c9c9c}
[data-theme="light"] .upload-icon{color:#464646}
[data-theme="light"] .specs span{border-color:var(--border)}
[data-theme="light"] .option.selected{background:#e6e6e6;border-color:#6c6c6c;color:#363636}
[data-theme="light"] .plan.selected{background:#eeeeee;border-color:#6c6c6c}
[data-theme="light"] dialog{border-color:var(--border);box-shadow:0 24px 100px #24242426}
[data-theme="light"] dialog::backdrop{background:#1c1c1c73}
[data-theme="light"] .status-pill{background:#e3e3e3;color:#3c3c3c}
[data-theme="light"] .progress-steps .current{color:#3e3e3e}
[data-theme="light"] .loader{border-top-color:#5c5c5c}
[data-theme="light"] .error{color:#b33227}
[data-theme="light"] :is(.card-media,.preview-frame,.result-stage){color:#f5f6f8}
[data-theme="light"] :is(.card-tag,.card-bottom,.cover-toggle,.preview-label,.preview-caption,.preview-error:before){color:#f5f6f8}
[data-theme="light"] .save{color:#f5f6f8}[data-theme="light"] .save.saved{color:#afafaf}
[data-theme="light"] .card-media{background:#191b20}
[data-theme="light"] .filter.active{color:#171717}
@media(max-width:760px){.header-actions{gap:7px}.theme-toggle{width:44px;height:44px;font-size:22px}header{padding-left:16px;padding-right:16px}.credit-pill{font-size:11px;padding-left:8px;padding-right:8px}}

/* Portrait discovery feed: consistent 9:16 media and responsive dense columns. */
main:has(#grid){max-width:2200px;padding:20px 24px 64px}
.catalog-intro{padding:0 0 16px}.catalog-intro h1{font-size:26px;margin:0}.catalog-intro .eyebrow,.catalog-intro p{display:none}
.catalog-toolbar{display:flex;flex-direction:column-reverse;align-items:stretch;gap:16px;border:0;padding:0}
.catalog-toolbar .search{width:100%;max-width:none;box-sizing:border-box;border-radius:14px;min-height:48px;background:var(--raised)}
.catalog-toolbar .search input{width:100%}.catalog-toolbar .filters{gap:8px}
.catalog-subbar{padding:16px 0;font-size:12px}
#grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;align-items:start}
#grid .motion-card .card-media{aspect-ratio:9/16;height:auto;border-radius:14px;overflow:hidden}
.cover-still{display:block;width:100%;height:100%;object-fit:cover}
#grid .cover-title{font-size:20px}#grid .cover-cta{font-size:11px}
#grid .motion-card .card-bottom{left:14px;right:55px;bottom:18px;gap:8px}
#grid .cover-toggle{right:8px;bottom:14px}
#grid .save{top:8px;right:8px;width:40px;height:40px}
#grid .motion-card .card-tag{top:12px;left:10px;font-size:8px;padding:6px}
#grid .preview-kind{top:42px;left:12px;font-size:7px}
#grid .motion-meta{margin-top:10px;display:flex;gap:6px;font-size:10px}#grid .motion-meta strong{font-size:11px;margin:0}
.preview-frame:has(.detail-video),.preview-frame:has(.detail-still){aspect-ratio:9/16;height:auto;max-width:420px;margin:auto}
.detail-still{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:1200px){#grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1600px){#grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1050px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 main:has(#grid){padding:18px 14px 80px}.catalog-intro h1{font-size:24px}
 .catalog-toolbar .search{margin:0;min-height:44px}.catalog-toolbar{gap:12px}
 #grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 #grid .motion-card .card-media{aspect-ratio:9/16;border-radius:12px}
 #grid .cover-title{font-size:17px}#grid .cover-cta{font-size:10px}
 #grid .motion-card .card-bottom{left:12px;right:10px;bottom:16px;gap:7px}
 #grid .cover-toggle{bottom:75px;right:7px;width:40px;height:40px}
 #grid .save{top:40px;right:5px}#grid .preview-kind{top:42px;left:10px;font-size:6px}
 #grid .motion-meta{display:block;font-size:10px}#grid .motion-meta strong{display:block;margin-top:3px}
 .catalog-subbar{font-size:11px}.catalog-subbar .subtle{font-size:10px}
}

/* Reference-detail pass: input peeks, centered metadata and compact discovery controls. */
.catalog-intro{display:none}
.catalog-toolbar{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
.catalog-toolbar .search{order:-2;width:220px;min-height:44px;border-radius:24px;margin:0}
.input-filter{order:-1}.input-filter select{height:44px;border-radius:24px;background:var(--surface);padding:0 30px 0 15px;font-size:12px;cursor:pointer}
.catalog-toolbar .filters{flex-wrap:wrap}.catalog-toolbar .filter{min-height:44px}
.catalog-subbar{padding:14px 0}.catalog-subbar>span:first-child{font-size:12px}
#grid{gap:14px 12px}
#grid .motion-card .card-media{border-radius:12px;border:0}
#grid .motion-card .card-media:after{inset:44% 0 0;background:linear-gradient(transparent,rgba(8,9,12,.6) 55%,rgba(8,9,12,.94))}
#grid .motion-card .card-bottom{left:12px;right:12px;bottom:17px;gap:6px;text-align:center;align-items:center}
#grid .cover-title{font-size:19px;line-height:1.2;letter-spacing:-.025em}
.cover-source{font-size:10px;color:#dedee5;line-height:1.4}
.cover-badges{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.cover-badges>span{border-radius:20px;font-size:10px;font-weight:600;line-height:1;padding:6px 8px;color:#fff}
.media-badge.video{background:#287e89}.media-badge.image{background:#7653a7}.format-badge{background:#545368}.credit-badge{background:#ffffff20}
#grid .cover-cta{font-size:10px;border:0;color:#eee;opacity:0;max-height:0;overflow:hidden;padding:0;transition:opacity .15s}
#grid .card-media:hover .cover-cta,#grid .card-media:focus-within .cover-cta{opacity:1;max-height:20px}
.input-peek{position:absolute;left:10px;top:10px;z-index:2;display:flex;align-items:center;flex-direction:column;gap:4px;color:#fff}
.input-peek>img,.input-peek>b{width:32px;height:44px;border:1.5px solid #fff;border-radius:7px;box-shadow:0 2px 8px #0005;object-fit:cover;transform:rotate(-5deg)}
.input-peek>b{display:grid;place-items:center;background:#252631d9;font-size:21px;font-weight:500;position:relative}
.input-peek>b>span{position:absolute;right:3px;top:1px;font-size:10px;color:#afafaf}
.input-peek>span{font-size:8px;background:#1119;border-radius:6px;padding:3px 5px;line-height:1}
#grid .save{width:40px;height:40px;top:8px;right:8px;background:#15151d66;backdrop-filter:blur(8px)}
#grid .cover-toggle{width:36px;height:36px;right:10px;bottom:125px;font-size:11px;border-color:#ffffff40;background:#15151d66}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
 .catalog-toolbar{gap:8px}.catalog-toolbar .search{width:calc(100% - 130px)}.input-filter{width:122px}.input-filter select{width:100%;padding-left:10px;padding-right:12px;font-size:11px}
 .catalog-toolbar .filters{width:100%;gap:6px}.catalog-subbar .subtle{font-size:9px}
 #grid{gap:12px 10px}#grid .cover-title{font-size:16px}#grid .motion-card .card-bottom{left:7px;right:7px;bottom:13px;gap:5px}
 .cover-source{font-size:9px}.cover-badges>span{font-size:9px;padding:5px 7px}
 .input-peek{left:9px;top:9px}.input-peek>img,.input-peek>b{width:28px;height:38px}
 #grid .cover-toggle{bottom:116px;width:36px;height:36px}#grid .save{top:7px;right:6px;width:36px;height:36px}
 #grid .cover-cta{opacity:1;max-height:20px;font-size:9px}
}
.catalog-toolbar{justify-content:flex-start}

/* Two-person effects: numbered input mapping persists into the composer. */
.input-peek .pair-peeks{display:flex;flex-direction:column;gap:8px;background:none;padding:0}
.pair-peeks>span{position:relative;display:block}.pair-peeks img{display:block;width:32px;height:44px;border:1.5px solid white;border-radius:7px;object-fit:cover;transform:rotate(-5deg)}
.pair-peeks i{position:absolute;bottom:-3px;left:-4px;display:grid;place-items:center;width:15px;height:15px;background:#eb4c9b;border:1px solid #fff;border-radius:50%;font-style:normal;font-weight:700;color:#fff;font-size:10px}
.pair-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair-upload{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:14px;text-align:center;min-width:0}
.pair-upload>strong{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.pair-upload strong i{font-style:normal;background:var(--accent);color:#1f1f1f;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
.pair-photo{height:150px;background:var(--raised);border-radius:9px;margin:12px 0;display:grid;place-items:center;overflow:hidden}.pair-photo img{height:100%;width:100%;object-fit:contain}.pair-photo>span{font-size:28px;color:var(--muted)}
.pair-upload .secondary{width:100%;font-size:12px;padding:10px 5px}.pair-upload .sample-button{display:block;margin:10px auto;font-size:11px}.pair-upload .error{font-size:11px}.pair-upload-grid~.check{margin-top:18px}
@media(max-width:760px){.pair-upload{padding:10px}.pair-photo{height:125px}.pair-peeks img{width:28px;height:38px}}

/* Compact single/two-photo composer: input left, effect right, action below. */
main:has(.effect-composer){max-width:980px;padding:28px 24px 64px}
.effect-composer{padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 24px 80px #0002}
.composer-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px}.composer-heading h1{font-size:28px;letter-spacing:-.03em;margin:0 0 12px}.composer-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.composer-tags>span{padding:7px 11px;border:1px solid var(--border);border-radius:22px;color:var(--muted);font-size:11px}.composer-tags .creator-tag{color:var(--text)}
.composer-actions{display:flex;gap:5px}.composer-actions>*{display:grid;place-items:center;width:40px;height:40px;font-size:27px;color:var(--muted)}.composer-actions [aria-pressed=true]{color:var(--accent)}
.composer-media{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;position:relative;align-items:start}.composer-arrow{position:absolute;left:calc(49% - 15px);top:230px;color:var(--accent);font-size:37px;z-index:2;pointer-events:none;text-shadow:0 2px 4px #0007}
.composer-inputs>.step-title,.composer-inputs>.micro:first-of-type{display:none}
.composer-preview .preview-frame{width:100%;max-width:none;aspect-ratio:9/16;height:auto;border-radius:14px;border:1px solid var(--border)}.composer-preview .preview-caption{display:none}.composer-preview .preview-label{top:12px;left:12px;font-size:9px}.composer-preview .micro{font-size:10px;line-height:1.5}
.composer-inputs .pair-upload-grid{grid-template-columns:1fr;gap:12px}.composer-inputs .pair-upload{padding:0;position:relative;height:220px;border-radius:14px;overflow:hidden;background:var(--raised)}
.composer-inputs .pair-upload>strong{position:absolute;left:10px;top:10px;z-index:2;color:white;background:#1119;border-radius:20px;padding:4px 8px;font-size:11px}
.composer-inputs .pair-photo{height:100%;margin:0;border-radius:0}.composer-inputs .pair-photo img{object-fit:cover}.composer-inputs .pair-upload .secondary{position:absolute;bottom:40px;left:12px;right:12px;width:calc(100% - 24px);background:#15151abf;color:#fff;border:1px solid #ffffff40;border-radius:30px;backdrop-filter:blur(10px);font-size:13px}
.composer-inputs .pair-upload .sample-button{position:absolute;bottom:6px;left:12px;margin:0;color:var(--text);font-size:10px;min-height:28px;background:var(--surface);padding:3px 8px;border-radius:9px}.composer-inputs .pair-upload [data-pair-remove]{left:auto;right:12px}
.composer-inputs .pair-upload .error{position:absolute;top:40px;left:8px;right:8px;background:var(--surface)}
.composer-inputs .check{font-size:11px;line-height:1.5;align-items:start}.composer-inputs .micro{font-size:10px}.composer-inputs #swap-people{font-size:11px;min-height:34px;padding:7px 12px}
.composer-inputs .upload-zone{position:relative;min-height:410px;padding:20px 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:14px}.composer-inputs #upload-preview{width:100%}.composer-inputs #upload-preview img{height:270px;width:100%;object-fit:contain;border-radius:10px}.composer-inputs .upload-zone .secondary{width:100%;border-radius:24px;margin-top:14px}.composer-inputs .upload-zone .sample-button{margin:8px 0;font-size:11px}
.composer-settings .step-title{margin:12px 0;font-size:12px}.composer-settings .options{display:grid;grid-template-columns:repeat(3,1fr)}.composer-settings .option{padding:12px}.composer-settings>.micro{font-size:10px;margin:8px 0}
.effect-composer .cost-box{margin-top:16px;padding-top:14px}.effect-composer .cost-line{display:none}.effect-composer #generate{min-height:56px;font-size:16px;border-radius:14px}.effect-composer .cost-box .micro{font-size:10px;margin:8px 0;line-height:1.5}.effect-composer #simulate-fail{font-size:10px}
[data-theme=light] .composer-arrow{color:#4f4f4f;text-shadow:none}
@media(max-width:760px){main:has(.effect-composer){padding:14px 10px 80px}.effect-composer{padding:14px;border-radius:18px}.composer-heading{gap:8px;margin-bottom:16px}.composer-heading h1{font-size:22px}.composer-tags{gap:4px}.composer-tags>span{font-size:9px;padding:5px 7px}.composer-actions{gap:0}.composer-actions>*{width:32px;height:36px;font-size:23px}.composer-media{gap:12px;grid-template-columns:1fr 1fr}.composer-arrow{font-size:25px;left:calc(50% - 13px);top:150px}.composer-inputs .pair-upload{height:155px}.composer-inputs .pair-upload>strong{font-size:9px;left:5px;top:5px;padding:3px 5px}.composer-inputs .pair-upload strong i{height:16px;width:16px}.composer-inputs .pair-upload .secondary{font-size:10px;left:5px;right:5px;width:calc(100% - 10px);min-height:34px;bottom:42px;padding:7px 3px}.composer-inputs .pair-upload .sample-button{font-size:8px;left:4px;bottom:5px;padding:3px 4px}.composer-inputs .pair-upload [data-pair-remove]{left:auto;right:4px}.composer-preview .preview-frame{min-height:322px}.composer-preview .preview-label{font-size:7px;left:5px;top:5px;max-width:calc(100% - 10px);padding:5px}.composer-inputs .upload-zone{min-height:322px;padding:10px 7px}.composer-inputs #upload-preview img{height:180px}.composer-inputs .upload-zone strong{font-size:12px}.composer-inputs .upload-zone p{font-size:10px}.composer-inputs .upload-zone .secondary{font-size:11px;padding:9px 4px}.composer-inputs .check{font-size:10px;gap:6px}.composer-inputs .check input{flex:none}.composer-inputs .pair-photo>span{font-size:22px}.composer-settings .option{font-size:12px}}
.composer-inputs .pair-photo{position:absolute;inset:0}.composer-inputs .pair-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.composer-preview .preview-frame{max-width:315px;margin:0 auto}.composer-preview .micro{text-align:center}@media(max-width:760px){.composer-preview .preview-frame{max-width:none}}
.composer-inputs .upload-zone:has(img){padding:0;overflow:hidden;display:block}.composer-inputs .upload-zone:has(img) #upload-preview{position:absolute;inset:0}.composer-inputs .upload-zone:has(img) #upload-preview img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;border-radius:0}.composer-inputs .upload-zone:has(img) #upload-label{position:absolute;bottom:72px;left:8px;width:calc(100% - 16px);background:#15151abf;color:white;backdrop-filter:blur(10px)}.composer-inputs .upload-zone:has(img) .sample-button{position:absolute;bottom:34px;left:8px;right:8px;margin:0;background:#15151abf;color:white;border-radius:10px;min-height:30px}.composer-inputs .upload-zone:has(img) #remove-photo{bottom:2px}.composer-inputs .upload-zone:has(img) .error{position:absolute;top:0;background:var(--surface)}

/* Generator lives in the native modal layer; catalog retains its scroll and filters. */
body.generator-open{overflow:hidden}
#generator-dialog{width:min(900px,calc(100vw - 48px));max-width:900px;max-height:calc(100dvh - 48px);padding:0;border-radius:22px;overscroll-behavior:contain;scrollbar-width:thin}
#generator-dialog::backdrop{background:#050609ad;backdrop-filter:blur(7px)}
#generator-dialog .effect-composer{border:0;border-radius:0;box-shadow:none;padding:22px}
#generator-dialog .composer-heading{position:sticky;top:-22px;background:var(--surface);z-index:4;padding:16px 0 12px;margin-top:-16px}
#generator-dialog .generator-content>.studio{padding:24px;gap:24px}#generator-dialog .generator-content>.breadcrumb{padding:18px 24px;margin:0}
#generator-dialog .composer-preview .preview-frame{max-width:265px}
#generator-dialog .composer-inputs .pair-upload{height:180px}
#generator-dialog .composer-inputs .upload-zone{min-height:370px}
#generator-dialog .cost-box{padding-bottom:4px}
@media(max-width:760px){#generator-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:18px}#generator-dialog .effect-composer{padding:14px}#generator-dialog .composer-heading{top:-14px;padding-top:14px;margin-top:-14px}#generator-dialog .composer-inputs .pair-upload{height:155px}#generator-dialog .composer-inputs .upload-zone{min-height:322px}#generator-dialog .generator-content>.studio{padding:14px}}

.generation-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:18px;background:var(--bg)}.generation-modes button{min-height:44px;border-radius:8px;color:var(--muted);font-size:13px}.generation-modes button.active{background:var(--raised);color:var(--text);font-weight:600}.extend-upload{min-height:370px;border:1px dashed var(--border);background:var(--bg);border-radius:14px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.extend-upload video{width:100%;max-height:210px;background:#08090b;border-radius:8px}.extend-upload strong{font-size:12px;overflow-wrap:anywhere;max-width:100%}.extend-upload p{font-size:12px;line-height:1.6;margin:0}.extend-upload .sample-button{font-size:11px}.extend-upload h3{font-size:19px;margin:0}@media(max-width:760px){.generation-modes button{font-size:10px;padding:5px}.extend-upload{padding:12px 8px;min-height:322px}.extend-upload p{font-size:10px}.extend-upload .secondary{font-size:11px;padding:10px}.extend-upload h3{font-size:15px}}

/* Creator destinations and follow relationship. */
.cover-source[data-creator]{cursor:pointer;pointer-events:auto;position:relative;z-index:3;padding:3px 7px;margin:-3px -7px;border-radius:8px}.cover-source[data-creator]:hover{text-decoration:underline;background:#ffffff12}
.composer-tags>.creator-tag{padding:7px 11px;border:1px solid var(--border);border-radius:22px;color:var(--text);font-size:11px}.composer-tags>.creator-tag:hover{background:var(--raised)}
.creator-profile{padding:0 0 26px;margin-bottom:24px;border-bottom:1px solid var(--border)}.creator-back{display:inline-block;color:var(--muted);font-size:12px;padding:10px 0;margin-bottom:18px}.creator-profile-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.creator-identity{display:flex;gap:17px;align-items:center}.creator-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#171717;font-size:25px;font-weight:700}.creator-identity .eyebrow{font-size:9px;margin-bottom:7px}.creator-identity h1{font-size:28px;margin:0 0 4px;letter-spacing:-.03em}.creator-handle{font-size:12px;color:var(--muted)}.creator-bio{font-size:14px;margin:20px 0 12px}.creator-stats{display:flex;gap:22px;font-size:12px;color:var(--muted)}.creator-stats strong{color:var(--text)}.creator-follow{min-width:125px;border-radius:26px}.creator-follow[aria-pressed=true]{background:var(--raised);color:var(--text);border:1px solid var(--border)}.creator-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.creator-catalog-head h2{font-size:19px;margin:0}.creator-catalog-head .filters{margin:0}.creator-profile #follow-status{margin-top:10px}
@media(max-width:760px){.creator-avatar{width:54px;height:54px;font-size:20px}.creator-identity{gap:10px}.creator-identity h1{font-size:22px}.creator-follow{min-width:100px;padding:10px 14px;font-size:12px}.creator-catalog-head{display:block}.creator-catalog-head h2{margin-bottom:13px}.creator-bio{font-size:12px}.creator-stats{font-size:11px;gap:12px}}

#grid .cover-cta{max-height:20px;min-height:12px}#grid .cover-title:hover{text-decoration:underline}

.generation-modes{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Keep the empty-state plus above the upload action at every viewport size. */
.composer-inputs .pair-photo>span{position:absolute;top:45px;bottom:66px;left:0;right:0;display:grid;place-items:center;font-size:32px;line-height:1}
.composer-inputs .pair-upload:not(:has(.pair-photo img)) .secondary{bottom:16px}
.composer-inputs .upload-zone:has(img) #upload-label{bottom:44px}
@media(max-width:760px){.composer-inputs .pair-photo>span{top:39px;bottom:62px;font-size:28px}.composer-inputs .pair-upload:not(:has(.pair-photo img)) .secondary{bottom:14px}}

/* Refined visual system: quieter surfaces, deliberate hierarchy, useful continuation. */
:root{--bg:#0e1013;--surface:#191c21;--raised:#24282e;--border:#32373f;--muted:#a6aeb9;--accent:#b8b8b8}
:root[data-theme=light]{--bg:#f8f8f8;--surface:#fff;--raised:#ececec;--border:#dbdbdb;--muted:#676767;--text:#222222;--accent:#b8b8b8}
header{height:78px;gap:44px}header nav a{font-weight:500}.header-actions{gap:12px}.review-bar{min-height:26px;font-size:9px;letter-spacing:.06em}.wordmark{font-size:31px}
main:has(#grid){padding:28px 28px 64px}.discovery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.discovery-heading .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:10px}.discovery-heading h1{font-size:34px;letter-spacing:-.045em;margin:0;line-height:1.1}.discovery-heading h1 em{font-style:normal;color:var(--accent)}[data-theme=light] .discovery-heading h1 em{color:#525252}.discovery-heading p{font-size:12px;margin:0 0 3px;color:var(--muted)}
.catalog-toolbar{gap:8px}.catalog-toolbar .search{width:240px;background:var(--surface)}.catalog-subbar{padding:18px 0 14px}.filter{font-weight:500}.filter.active{box-shadow:0 2px 12px #9b9b9b12}
#grid{gap:16px 14px}#grid .motion-card .card-media{border-radius:16px;box-shadow:0 3px 12px #00000012;isolation:isolate}#grid .motion-card .card-media:hover{box-shadow:0 0 0 1px #ababab60,0 12px 25px #0002}#grid .motion-card .card-bottom{bottom:16px;gap:7px}#grid .cover-title{font-weight:650;font-size:18px}.cover-source{font-size:11px}.cover-badges>span{font-size:9px;padding:6px 8px}#grid .save{border:1px solid #ffffff20;background:#161b226e}
.draft-strip{display:flex;align-items:center;gap:10px;margin:0 0 22px;overflow:auto;padding:2px}.draft-strip>span{font-size:11px;color:var(--muted);white-space:nowrap;margin-right:4px}.draft-strip>a{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:11px;white-space:nowrap}.draft-strip img{width:29px;height:34px;object-fit:cover;border-radius:7px}.draft-strip b{font-weight:400;color:var(--muted);margin-left:6px}.reuse-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:20px;font-size:12px;line-height:1.6}.reuse-banner strong{display:block}.reuse-banner .secondary{font-size:11px;min-height:36px;padding:7px 14px}
#generator-dialog{max-width:820px;width:min(820px,calc(100vw - 40px));border:1px solid var(--border);box-shadow:0 35px 140px #0007;border-radius:24px}
#generator-dialog .effect-composer{padding:24px}.composer-heading h1{font-size:25px;font-weight:600}.composer-actions>*{border-radius:50%;font-size:25px}.composer-actions>*:hover{background:var(--raised)}.composer-actions a{font-size:28px}.composer-tags>span,.composer-tags>.creator-tag{font-size:10px;padding:6px 10px}.composer-tags>.creator-tag{border-color:#6c6c6c60}.composer-media{grid-template-columns:1fr 1fr;gap:22px}.composer-arrow{left:calc(50% - 12px);font-size:27px;top:180px}
#generator-dialog .composer-preview .preview-frame{max-width:250px;border-radius:15px;border-color:#ffffff18}.composer-preview .micro{font-size:9px;max-width:250px;margin:10px auto 0}.composer-inputs .pair-upload{border:1px solid var(--border)}.composer-inputs .pair-upload>strong{background:#14181ead;font-size:10px;font-weight:500}.composer-inputs .pair-upload .secondary{font-weight:500;background:#14181acf;border-color:#ffffff26}.composer-inputs .check{font-size:10px;line-height:1.5}.composer-inputs .check input{width:15px;height:15px;flex:none}.composer-inputs .micro{line-height:1.5}.composer-settings .step-title i{display:none}.composer-settings .step-title{color:var(--muted);font-size:11px}.composer-settings .option{border-radius:10px;font-size:12px}.option.selected{box-shadow:inset 0 0 0 1px #aaaaaa22}
#generator-dialog .cost-box{margin-top:16px;padding-top:16px}#generator-dialog #generate{min-height:52px;border-radius:12px;letter-spacing:-.01em;font-size:15px;box-shadow:0 5px 20px #8e8e8e12}#generator-dialog #generate:disabled{background:var(--raised);color:var(--muted);opacity:1;border:1px solid var(--border);box-shadow:none}#generator-dialog #generate-help{font-size:11px;text-align:center;margin:10px 0}#generator-dialog .cost-box>.micro:not(#generate-help){font-size:9px;text-align:center}#simulate-fail{display:none}.generation-modes{border-radius:12px;margin-bottom:20px}.generation-modes button.active{box-shadow:0 2px 8px #0002}
[data-theme=light] .composer-inputs .pair-upload:not(:has(img))>strong{background:#dedede;color:#373737}[data-theme=light] .composer-inputs .pair-upload:not(:has(img)) .secondary{background:#fff;color:#2a2a2a;border-color:#cbcbcb}[data-theme=light] #generator-dialog::backdrop{background:#1f1f1f66}
.creator-profile{padding-top:6px}.creator-avatar{box-shadow:0 0 0 6px #aaaaaa10}.creator-identity h1{font-weight:600}.creator-follow{min-height:44px}.creator-profile-top{padding:4px 0}.creator-stats{padding-top:4px}
.result-wrap{max-width:930px}.result-stage{background:#080b0e;border-radius:20px}.result-top h1{font-size:32px}.next-creation{margin-top:35px;padding:26px;border:1px solid var(--border);background:var(--surface);border-radius:20px}.next-creation h2{font-size:25px;margin:0 0 9px}.next-creation p{font-size:12px;margin-bottom:20px}.next-creation .eyebrow{font-size:9px;margin-bottom:10px}.next-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.next-action{display:flex;flex-direction:column;align-items:start;gap:10px;padding:17px;text-align:left;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.next-action:hover{border-color:#7e7e7e;background:var(--raised)}.next-action>span{font-size:23px;color:var(--accent)}[data-theme=light] .next-action>span{color:#525252}.next-action strong{font-size:13px}.next-action small{font-size:11px;color:var(--muted);line-height:1.5}.creator-result-link{display:inline-block;font-size:11px;margin-top:18px;color:var(--muted)}
dialog:not(#generator-dialog){border-color:var(--border);border-radius:23px}.plan{border-radius:14px}.plan.selected{box-shadow:inset 0 0 0 1px #aaaaaa40}.close:hover{background:var(--raised);border-radius:50%}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:22px}.empty{background:var(--surface);padding:55px 24px}.empty h2{font-size:28px}.operator-note{font-size:10px;line-height:1.6}.operator-note span:first-child{font-size:8px}
@media(max-width:760px){header{height:68px;padding:0 16px}.header-actions{gap:7px}.review-bar{font-size:8px}.wordmark{font-size:28px}main:has(#grid){padding:20px 14px 80px}.discovery-heading{display:block;margin-bottom:20px}.discovery-heading h1{font-size:28px}.discovery-heading p{font-size:11px;margin-top:10px}.discovery-heading .eyebrow{font-size:8px}.catalog-toolbar .search{width:calc(100% - 130px)}#grid{gap:13px 10px}#grid .cover-title{font-size:16px}#grid .motion-card .card-media{border-radius:13px}.draft-strip{margin-bottom:18px}.draft-strip>span{font-size:10px}#generator-dialog{width:calc(100vw - 16px);border-radius:18px;max-height:calc(100dvh - 16px)}#generator-dialog .effect-composer{padding:14px}.composer-heading h1{font-size:21px}.composer-media{gap:12px}.composer-tags>span,.composer-tags>.creator-tag{padding:5px 7px;font-size:9px}.composer-arrow{top:150px;font-size:24px}.composer-inputs .pair-upload .secondary{font-size:10px}#generator-dialog #generate{font-size:13px}.next-creation{padding:18px}.next-actions{grid-template-columns:1fr}.next-action{gap:7px}.result-top h1{font-size:26px}.reuse-banner{padding:12px;font-size:11px}.creator-catalog-head .filters{gap:5px}.creator-catalog-head .filter{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Initial age declaration: content stays unrendered and concealed until confirmed. */
html[data-access=pending] body{background:radial-gradient(ellipse at 24% 18%,#3d3d3d33,transparent 52%),radial-gradient(ellipse at 83% 85%,#34364c55,transparent 55%),#101216;min-height:100dvh}
html[data-access=pending] body>:not(#age-gate){visibility:hidden!important}
body.age-pending{overflow:hidden}
#age-gate{width:min(620px,calc(100vw - 32px));max-width:620px;max-height:calc(100dvh - 32px);padding:36px 42px 28px;text-align:center;border:1px solid #ffffff19;border-radius:28px;background:linear-gradient(145deg,#272c30,#191c22 65%);color:#f5f6f8;box-shadow:0 30px 120px #0007}
#age-gate::backdrop{background:#080b1066;backdrop-filter:blur(18px)}
.age-brand{font-weight:750;font-size:29px;letter-spacing:-1.6px;margin-bottom:23px}.age-brand>span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px}
.age-emblem{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:20px;border:1px solid #b8b8b850;background:#b8b8b80d;color:#b8b8b8;font-size:25px;letter-spacing:-1px;font-weight:600;margin-bottom:23px}.age-emblem>span{font-size:17px;align-self:flex-start;margin-top:13px}
#age-gate .eyebrow{color:#bdc5ce;font-size:9px;margin-bottom:12px}#age-gate h1{font-size:36px;letter-spacing:-.045em;line-height:1.12;margin:0 0 16px;font-weight:650}#age-gate #age-description{color:#bdc5ce;font-size:14px;line-height:1.75;margin:0 0 25px}
#age-gate button{width:100%;min-height:54px;border-radius:14px;font-size:14px}#age-gate .primary{background:#b8b8b8;color:#171717;box-shadow:0 6px 24px #aaaaaa14;justify-content:center}#age-gate .secondary{margin-top:12px;border-color:#ffffff24;background:#ffffff06;color:#e1e5e9;font-weight:500}#age-gate .secondary:hover{background:#ffffff10}#age-gate .age-note{font-size:10px;line-height:1.6;color:#929da9;max-width:370px;margin:20px auto 0}
[data-theme=light] #age-gate{background:linear-gradient(145deg,#fff,#f3f3f3);color:#222222;border-color:#dbdbdb;box-shadow:0 30px 120px #1e1e1e33}[data-theme=light] #age-gate :is(#age-description,.eyebrow){color:#666666}[data-theme=light] #age-gate .secondary{background:#fff;border-color:#d3d3d3;color:#373737}[data-theme=light] #age-gate .age-note{color:#6e6e6e}[data-theme=light] .age-emblem{color:#4c4c4c;background:#e5e5e5;border-color:#cbcbcb}
@media(max-width:760px){#age-gate{padding:28px 22px 24px;border-radius:23px}#age-gate h1{font-size:29px}#age-gate #age-description{font-size:13px}#age-gate button{font-size:12px;min-height:52px}.age-brand{font-size:27px}.age-emblem{margin-bottom:20px}}

/* Membership invitation: visual storytelling with explicit billing and an easy exit. */
.upgrade-entry{border:1px solid #a2a2a265;background:#a2a2a210;color:var(--text);padding:10px 14px;border-radius:24px;font-size:12px;white-space:nowrap}.upgrade-entry:hover{background:var(--raised)}body.premium-open{overflow:hidden}
#premium-dialog{width:min(1120px,calc(100vw - 40px));max-width:1120px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #ffffff20;border-radius:26px;color:#f3f3f3;background:#13171a;box-shadow:0 40px 140px #0009;overflow:auto}
#premium-dialog[open]{display:grid;grid-template-columns:1fr 1fr}#premium-dialog::backdrop{background:#06090cba;backdrop-filter:blur(14px)}.premium-close{position:absolute;right:15px;top:15px;z-index:5;width:38px;height:38px;border-radius:50%;background:#ffffff12;color:#e6e6e6;font-size:26px}.premium-close:hover{background:#ffffff25}
.premium-art{position:relative;overflow:hidden;min-height:740px;background:radial-gradient(ellipse at 50% 15%,#4e4f4866,transparent 65%),#272727}.premium-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#14141445 55%,#141414 97%);pointer-events:none}.premium-frame{position:absolute;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px #0005;border:1px solid #ffffff20;aspect-ratio:9/16}.premium-frame img{width:100%;height:100%;object-fit:cover}.pf-one{width:61%;left:-10%;top:65px;transform:rotate(-13deg)}.pf-two{width:56%;left:47%;top:-56px;transform:rotate(12deg)}.pf-three{width:39%;right:-3%;top:290px;transform:rotate(12deg)}.premium-art-copy{position:absolute;z-index:2;left:38px;bottom:42px;right:26px}.premium-art-copy>span{font-size:10px;letter-spacing:.2em;color:#cecece}.premium-art-copy h2{font-size:39px;line-height:1.1;letter-spacing:-.045em;margin:15px 0}.premium-art-copy p{font-size:12px;color:#cccccc;margin:0}
.premium-offer{padding:42px 40px 28px;align-self:center}.premium-logo{font-size:26px;font-weight:750;letter-spacing:-1.3px;margin-bottom:33px;display:flex;align-items:center;gap:5px}.premium-logo>span{font-size:10px;align-self:start;margin-top:3px}.premium-logo b{font-size:9px;letter-spacing:.16em;color:#b8b8b8;border:1px solid #b8b8b845;border-radius:5px;padding:5px 7px;margin-left:8px}.premium-offer .eyebrow{font-size:9px;margin-bottom:12px;color:#bbbbbb}.premium-offer h1{font-size:40px;line-height:1.08;font-weight:600;letter-spacing:-.045em;margin:0 0 12px}.premium-lead{font-size:13px;color:#acb7ae;line-height:1.65;margin-bottom:23px}.premium-billing{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #ffffff18;border-radius:12px;background:#0c1113}.premium-billing button{color:#aeb7af;min-height:39px;border-radius:8px;font-size:12px}.premium-billing button.active{background:#323232;color:#f2f2f2}.premium-billing button span{font-size:9px;color:#b8b8b8;margin-left:5px}.premium-price{margin:20px 0 22px}.premium-price strong{font-size:44px;letter-spacing:-.055em;font-weight:600}.premium-price>span{color:#aeb7af;font-size:12px;margin-left:7px}.premium-price p{font-size:10px;line-height:1.5;color:#aeb7af;margin:4px 0 0}.premium-benefits{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:17px}.premium-benefits li{display:flex;gap:12px;align-items:start}.premium-benefits i{font-style:normal;display:grid;place-items:center;width:29px;height:29px;flex:none;color:#b8b8b8;background:#b8b8b80c;border:1px solid #b8b8b825;border-radius:8px;font-size:17px}.premium-benefits strong{display:block;font-size:12px;font-weight:550;margin-bottom:4px}.premium-benefits li span{color:#99a69d;font-size:10px;line-height:1.5;display:block}.premium-cta{width:100%;min-height:51px;font-size:12px;background:#b8b8b8;color:#1c1c1c;border-radius:12px;box-shadow:0 5px 25px #b8b8b810}.premium-skip{width:100%;padding:14px 8px;color:#c2c2c2;font-size:11px;min-height:44px}.premium-skip:hover{text-decoration:underline}.premium-terms{font-size:9px;line-height:1.65;color:#8f8f8f;margin:3px 0 0;text-align:center}.premium-confirm{padding:20px;border:1px solid #b8b8b830;background:#b8b8b807;border-radius:14px;margin:25px 0}.premium-confirm strong{font-size:13px}.premium-confirm p{color:#aeb7af;font-size:12px;line-height:1.7;margin:8px 0 0}
[data-theme=light] #premium-dialog{background:#fafafa;color:#232323;border-color:#d5d5d5}[data-theme=light] .premium-offer :is(.eyebrow,.premium-lead,.premium-price p,.premium-price>span,.premium-benefits li span,.premium-skip,.premium-terms,.premium-confirm p){color:#686868}[data-theme=light] .premium-billing{background:#eaeaea;border-color:#d5d5d5}[data-theme=light] .premium-billing button{color:#686868}[data-theme=light] .premium-billing button.active{background:white;color:#282828}[data-theme=light] .premium-billing button span,[data-theme=light] .premium-logo b,[data-theme=light] .premium-benefits i{color:#4e4e4e}[data-theme=light] .premium-benefits i,[data-theme=light] .premium-logo b{border-color:#cacaca;background:#e9e9e9}[data-theme=light] .premium-close{color:#383838;background:#dbdbdb}[data-theme=light] .premium-art-copy{color:white}
@media(max-width:760px){.upgrade-entry{font-size:10px;padding:9px 10px}.header-actions .avatar{display:none}#premium-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}#premium-dialog[open]{grid-template-columns:1fr}.premium-art{min-height:190px;max-height:190px}.premium-art-copy{left:22px;bottom:20px}.premium-art-copy h2{font-size:25px;margin:8px 0 0}.premium-art-copy>span{font-size:8px}.premium-art-copy p{display:none}.pf-one{width:36%;left:0;top:-60px}.pf-two{width:36%;left:38%;top:-90px}.pf-three{width:30%;right:-4%;top:-30px}.premium-offer{padding:23px 22px 20px}.premium-logo{font-size:22px;margin-bottom:20px}.premium-offer h1{font-size:33px}.premium-offer h1 br{display:none}.premium-lead{font-size:12px;margin-bottom:17px}.premium-price{margin:17px 0}.premium-price strong{font-size:37px}.premium-benefits{gap:14px;margin-bottom:20px}.premium-close{position:fixed;top:20px;right:21px;background:#1c1c1cc9;color:#fff}.premium-offer .eyebrow{font-size:8px}.premium-cta{font-size:11px}}
@media(max-width:360px){header{padding-left:10px;padding-right:10px}.header-actions{gap:4px}.upgrade-entry{padding:8px 7px}.theme-toggle{width:36px;height:36px}.credit-pill{font-size:10px;padding-left:6px;padding-right:6px}.wordmark{font-size:25px}}
#premium-title:focus,#age-title:focus{outline:none}@media(min-width:761px) and (max-height:850px){.premium-art{min-height:640px}.premium-offer{padding:25px 32px 18px}.premium-logo{margin-bottom:18px}.premium-offer h1{font-size:34px}.premium-lead{margin-bottom:15px}.premium-price{margin:14px 0 16px}.premium-price strong{font-size:38px}.premium-benefits{gap:12px;margin-bottom:18px}.premium-offer .eyebrow{margin-bottom:9px}.premium-skip{padding:10px 5px;min-height:36px}.premium-art-copy{bottom:30px}.premium-art-copy h2{font-size:33px}}
/* Split sign-in dialog */
.login-entry{border:1px solid var(--border);background:var(--text);color:var(--bg);border-radius:99px;padding:11px 19px;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}
body.auth-open{overflow:hidden}
#auth-dialog{padding:0;width:min(1040px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);border:1px solid var(--border);border-radius:30px;background:var(--surface);color:var(--text);overflow:auto;box-shadow:0 32px 120px #0008}
#auth-dialog[open]{display:grid;grid-template-columns:42% 58%}
#auth-dialog::backdrop{background:#080911b8;backdrop-filter:blur(14px)}
.auth-close{position:absolute;right:18px;top:18px;z-index:3;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--raised);color:var(--text);font-size:26px;cursor:pointer;display:grid;place-items:center}
.auth-art{position:relative;overflow:hidden;min-height:620px;background:#151c1c;color:#fff;padding:34px}
.auth-brand{position:relative;z-index:2;color:#fff;text-decoration:none;font-size:36px;letter-spacing:-2px;font-weight:850}.auth-brand sup{font-size:13px;letter-spacing:0;vertical-align:top;margin-left:3px}
.auth-photo{position:absolute;inset:0}.auth-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.auth-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10191888,transparent 35%,#101918e8 95%)}
.auth-art-label{position:absolute;left:34px;bottom:191px;z-index:1;letter-spacing:1.6px;font-size:9px;font-weight:700;color:#d6d6d6}
.auth-art-copy{position:absolute;bottom:36px;left:34px;right:24px;z-index:1}.auth-art-copy h2{font-size:37px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 17px;color:#fff}.auth-art-copy p{font-size:13px;line-height:1.7;color:#e2e2e2;margin:0}
.auth-art-spark{position:absolute;top:30px;right:30px;color:#d0d0d0;font-size:33px}
.auth-content{padding:70px 48px 30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.auth-kicker{display:block;font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin-bottom:17px}
#auth-title{font-size:37px;letter-spacing:-1.4px;line-height:1.12;margin:0 0 13px;color:var(--text)}
.auth-lead{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 29px}.auth-lead strong{display:block;overflow-wrap:anywhere;color:var(--text);font-weight:500}
.auth-social{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.auth-social button{padding:20px 12px;border:1px solid var(--border);border-radius:13px;background:var(--raised);color:var(--text);font:inherit;font-size:13px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.auth-social button span{color:var(--muted)}.auth-social button:hover{border-color:var(--accent);transform:translateY(-2px)}
.auth-divider{display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--border);flex:1}
#auth-dialog label{display:block;font-size:12px;font-weight:600;margin:0 0 9px}#auth-dialog input{box-sizing:border-box;width:100%;height:54px;border-radius:12px;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:0 16px;font:inherit;font-size:15px}#auth-dialog input:focus{outline:2px solid var(--accent);outline-offset:2px}#auth-dialog input[aria-invalid=true]{border-color:#df7b7b}
.auth-error{color:#ef9292;font-size:12px;line-height:1.5;margin:8px 0;min-height:0}.auth-error:empty{margin:0;height:16px}
.auth-primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:12px;padding:18px 20px;background:#b8b8b8;color:#1f1f1f;font:inherit;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 6px 25px #9e9e9e12}.auth-primary:hover{background:#d0d0d0}.auth-primary span{font-size:21px;line-height:1}
.auth-account-note{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;margin:16px 0 24px}.auth-creator{border:0;border-top:1px solid var(--border);padding:20px 0 0;background:none;color:var(--text);font:inherit;font-size:13px;display:flex;justify-content:center;gap:12px;width:100%;cursor:pointer}.auth-disclosure{font-size:10px;color:var(--muted);line-height:1.6;text-align:center;margin:24px 0 0}.auth-back{display:block;background:none;border:0;padding:0;margin:0 0 30px;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.auth-demo-code,.auth-provider-note{padding:14px;border:1px solid var(--border);background:var(--raised);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0 24px}.auth-demo-code strong{color:var(--text)}#auth-code{font-size:24px!important;letter-spacing:9px}.auth-success{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#b8b8b8;background:#b8b8b818;font-size:28px;margin-bottom:28px}
[data-theme=light] .auth-error{color:#ab3131}
@media(max-width:700px){#auth-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:22px}#auth-dialog[open]{grid-template-columns:1fr}.auth-art{min-height:160px;padding:23px}.auth-brand{font-size:28px}.auth-photo img{object-position:50% 33%}.auth-photo:after{background:linear-gradient(90deg,#101918e6,#10191822)}.auth-art-copy{left:24px;bottom:20px}.auth-art-copy h2{font-size:23px;letter-spacing:-.7px;margin:0}.auth-art-copy h2 br{display:none}.auth-art-copy p,.auth-art-label,.auth-art-spark{display:none}.auth-content{padding:28px 24px 22px}#auth-title{font-size:30px}.auth-kicker{font-size:8px;margin-bottom:12px}.auth-lead{font-size:13px;margin-bottom:22px}.auth-social button{padding:16px 10px;font-size:12px}.auth-divider{margin:21px 0}.auth-close{background:#1b202dcc;color:white;border-color:#ffffff35;top:13px;right:13px}.auth-disclosure{margin-top:20px}.login-entry{padding:9px 12px;font-size:12px}.header-actions .credit-pill{display:none}}
@media(max-width:360px){.auth-content{padding:25px 18px 20px}.auth-social{gap:6px}.auth-social button{font-size:11px;padding:16px 8px}.auth-art-copy h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.auth-social button:hover{transform:none}}

/* Primary Google sign-in action follows the reference: wide, centered, white pill. */
.auth-social .auth-google{min-height:68px;padding:0 24px;border:1.5px solid #ef4b9e;border-radius:999px;background:#fff;color:#171b20;justify-content:center;position:relative;font-size:15px;font-weight:700;box-shadow:0 5px 18px #00000012}
.auth-social .auth-google>span{position:absolute;right:24px;color:#9aa0a8;font-size:22px;line-height:1}
.auth-social .auth-google-logo{width:22px;height:22px;flex:none;position:absolute;left:24px}
.auth-social .auth-google strong{font:inherit;font-weight:750;letter-spacing:-.1px}
.auth-social .auth-google:hover{background:#fff;border-color:#e83d93;transform:translateY(-1px);box-shadow:0 8px 24px #ef4b9e1c}
@media(max-width:700px){.auth-social .auth-google{min-height:56px;padding:0 18px;font-size:13px}.auth-social .auth-google>span{right:18px;font-size:19px}.auth-social .auth-google-logo{left:18px;width:20px;height:20px}}
[data-theme=light] .auth-social .auth-google{background:#1e1b1a;border-color:#1e1b1a;color:#fff;box-shadow:0 8px 22px #1e1b1a20}
[data-theme=light] .auth-social .auth-google:hover{background:#302c2a;border-color:#302c2a}
[data-theme=light] .auth-social .auth-google>span{color:#c8cbd0}
/* Discovery interaction refinement */
.discovery-promo{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:180px;margin:0 0 24px;padding:26px 34px;background:linear-gradient(110deg,#262626,#151c22);border:1px solid #4c4c4c;border-radius:20px;overflow:hidden;color:#fff}
.promo-label{color:#b8b8b8;font-size:9px;font-weight:750;letter-spacing:2px}.discovery-promo h2{font-size:29px;letter-spacing:-1px;line-height:1.15;margin:9px 0}.discovery-promo p{font-size:12px;color:#cccccc;margin:0 0 17px}.discovery-promo [data-premium]{display:flex;align-items:center;gap:25px;background:#b8b8b8;color:#202020;border:0;border-radius:99px;padding:11px 16px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.discovery-promo [data-premium]:hover{background:#d2d2d2}.promo-visual{position:absolute;right:65px;top:-22px;height:265px;display:flex;gap:14px;z-index:-1;transform:rotate(9deg)}.promo-visual img{width:133px;height:236px;object-fit:cover;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 10px 35px #0005}.promo-visual img:nth-child(2){margin-top:30px}#dismiss-promo{position:absolute;right:12px;top:12px;width:30px;height:30px;border:1px solid #ffffff30;background:#1c1c1cbb;color:#fff;border-radius:50%;font-size:21px;cursor:pointer}.discovery-promo:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#262626 15%,#26262600 70%);pointer-events:none}
.discovery-results{display:flex;align-items:center;gap:14px}.discovery-results>span{font-size:12px;color:var(--muted)}#reset-discovery{border:0;background:none;color:var(--text);text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:11px;cursor:pointer}#reset-discovery[hidden]{display:none}.discovery-sort{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.discovery-sort select{padding:8px 26px 8px 10px;width:auto;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--surface);font:inherit;cursor:pointer}.catalog-toolbar .search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #b0b0b018}.catalog-toolbar input[type=search]{min-width:0}.catalog-toolbar .filter:hover{border-color:var(--muted)}.catalog-toolbar .filter:focus-visible,.discovery-promo button:focus-visible,#reset-discovery:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:1000px){.catalog-toolbar{position:sticky;top:0;z-index:6;padding:12px 0;background:var(--bg);box-shadow:0 8px 12px var(--bg)}.catalog-toolbar .search{flex:1;max-width:380px}.promo-visual{right:9%}}
@media(max-width:760px){.discovery-promo{min-height:170px;padding:23px 20px;margin-bottom:20px}.discovery-promo h2{font-size:25px;max-width:200px}.discovery-promo p{max-width:175px;font-size:11px;line-height:1.5}.promo-visual{right:-118px;opacity:.45}.promo-visual img{width:105px}.discovery-promo:after{background:linear-gradient(90deg,#262626 20%,#26262699 70%)}.discovery-promo [data-premium]{font-size:11px;gap:14px}.discovery-sort>span{display:none}.catalog-subbar{gap:12px}.discovery-results{gap:9px}}
/* Updated wordmark proportions */
.wordmark{letter-spacing:-1.5px;font-size:30px}.auth-brand{letter-spacing:-1.5px}.premium-logo{letter-spacing:-1.3px}
@media(max-width:760px){header .wordmark{font-size:25px;letter-spacing:-1.2px}header{padding-left:12px;padding-right:12px}.header-actions{gap:5px}.login-entry{padding:9px 10px}}
@media(max-width:360px){header .wordmark{font-size:22px}header .upgrade-entry{font-size:10px;padding:8px}header .login-entry{font-size:11px;padding:8px}header .theme-toggle{width:32px;height:32px}}
/* Output size preferences */
.composer-settings .output-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:16px 0 8px}.output-controls label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}.output-controls select{box-sizing:border-box;width:100%;min-height:48px;padding:12px 32px 12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.output-controls select:hover{border-color:var(--muted)}.output-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.output-controls>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.output-controls option{background:var(--surface);color:var(--text)}
@media(max-width:480px){.composer-settings .output-controls{gap:10px}.output-controls select{font-size:12px;padding-left:10px}}
/* In-app notification center */
.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.notification-bell svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-bell[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px #b8b8b818}.notification-badge{position:absolute;right:-3px;top:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 3px;box-sizing:border-box;border-radius:20px;background:var(--accent);color:#242424;font-size:10px;font-weight:750;border:2px solid var(--bg)}.notification-badge[hidden]{display:none}
#notification-panel{position:fixed;left:auto;bottom:auto;margin:0;box-sizing:border-box;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 22px 80px #0005;overflow:auto}#notification-panel:popover-open{display:block}.notification-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.notification-heading h2{font-size:21px;letter-spacing:-.6px;margin:0 0 7px}.notification-heading span{font-size:11px;color:var(--muted)}#notifications-close{width:30px;height:30px;border:0;border-radius:50%;background:var(--raised);color:var(--muted);font-size:22px;cursor:pointer}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 15px}.notification-toolbar>div{display:flex;gap:3px;padding:3px;background:var(--bg);border-radius:99px}.notification-toolbar button{font:inherit;font-size:11px;border:0;cursor:pointer}.notification-toolbar [data-notice-filter]{padding:8px 12px;border-radius:99px;color:var(--muted);background:transparent}.notification-toolbar [aria-pressed=true]{color:var(--text);background:var(--raised)}#notifications-read{background:none;padding:8px 0;color:var(--text)}#notifications-read:disabled{opacity:.4;cursor:default}#notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{position:relative;display:flex;gap:12px;padding:15px 13px;border:1px solid var(--border);border-radius:15px;text-decoration:none;color:var(--text);background:var(--bg)}.notification-item.is-unread{background:linear-gradient(120deg,#b8b8b80b,transparent),var(--raised)}.notification-item:hover{border-color:var(--muted)}.notification-icon{flex-shrink:0;width:37px;height:37px;border-radius:12px;background:#b2b2b218;color:var(--accent);display:grid;place-items:center;font-size:19px;overflow:hidden}.notification-icon img{width:100%;height:100%;object-fit:cover}.notification-copy{display:flex;flex-direction:column;gap:6px;padding-right:8px}.notification-copy strong{font-size:12px;line-height:1.45;font-weight:650}.notification-copy>span{font-size:11px;line-height:1.5;color:var(--muted)}.notification-copy small{font-size:9px;color:var(--muted);margin-top:2px}.notification-dot{position:absolute;right:11px;top:20px;width:5px;height:5px;background:var(--accent);border-radius:50%}.notification-foot{font-size:9px;color:var(--muted);text-align:center;line-height:1.5;margin:17px 0 0}.notification-empty{text-align:center;padding:38px 15px}.notification-empty>span{font-size:28px;color:var(--accent)}.notification-empty h3{font-size:18px;margin:14px 0 9px}.notification-empty p{font-size:12px;color:var(--muted)}[data-theme=light] .notification-icon,[data-theme=light] .notification-empty>span{color:#525252}
@media(max-width:760px){.header-actions .upgrade-entry{display:none}#notification-panel{right:12px!important;width:calc(100vw - 24px);padding:18px;border-radius:18px}.notification-bell{width:36px;height:36px}.notification-toolbar{gap:8px}.notification-heading h2{font-size:20px}}
#notification-panel{max-width:calc(100% - 24px)}
@media(max-width:760px){#notification-panel{width:calc(100% - 24px)}}
.immersive-feed{max-width:1050px;margin:auto}.feed-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.feed-heading h1{font-size:27px;margin:8px 0;letter-spacing:-1px}#feed-help{border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--text);padding:10px 16px;font:inherit;font-size:12px;cursor:pointer}.feed-stage{position:relative;margin:auto;height:min(70dvh,720px);aspect-ratio:9/16;background:var(--surface);border:1px solid var(--border);border-radius:23px;overflow:hidden;touch-action:pan-x}.feed-stage>video{width:100%;height:100%;object-fit:cover}.feed-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 30%,transparent 45%,#000c);pointer-events:none}.feed-top{position:absolute;top:18px;left:18px;right:18px;z-index:1;display:flex;justify-content:space-between;color:#fff;font-size:10px}.feed-prev,.feed-next{position:absolute;z-index:2;top:22%;bottom:33%;width:22%;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer;text-shadow:0 2px 5px #000}.feed-prev{left:0;text-align:left;padding-left:12px}.feed-next{right:0;text-align:right;padding-right:12px}.feed-prev:disabled,.feed-next:disabled{opacity:.25;cursor:default}.feed-caption{position:absolute;z-index:2;bottom:22px;left:22px;right:22px;color:#fff}.feed-caption .eyebrow{font-size:8px;color:#d6d6d6}.feed-caption h2{font-size:27px;margin:9px 0}.feed-caption>a{font-size:12px;color:#fff;text-decoration:none}.feed-bottom{display:flex;gap:10px;margin-top:20px}.feed-bottom .primary{flex:1;justify-content:center;font-size:12px;padding:15px 12px}.feed-bottom button{width:47px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff15;color:white;font-size:23px;cursor:pointer}.feed-bottom button[aria-pressed=true]{color:#b8b8b8}.feed-note{text-align:center;font-size:11px;color:var(--muted);margin-top:15px}.feed-stage:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#feed-guide{width:450px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:32px;border:1px solid var(--border);border-radius:26px;background:var(--surface);color:var(--text);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #0008}#feed-guide::backdrop{background:#090c1280;backdrop-filter:blur(12px)}#feed-guide h2{font-size:27px;letter-spacing:-.8px;margin:13px 0}#feed-guide>p{font-size:13px;color:var(--muted)}.feed-guide-grid{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border:1px solid var(--border);border-radius:17px;overflow:hidden}.feed-guide-grid>div{display:flex;flex-direction:column;text-align:center;align-items:center;padding:22px 10px;gap:9px;background:var(--raised)}.feed-guide-grid>div:nth-child(odd){border-right:1px solid var(--border)}.feed-guide-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.feed-guide-grid b{font-size:29px;color:var(--accent);height:38px}.feed-guide-grid strong{font-size:12px}.feed-guide-grid span{font-size:10px;line-height:1.5;color:var(--muted)}#feed-guide .primary{width:100%;justify-content:center;font-size:13px}#feed-guide>small{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:17px}
@media(max-width:760px){.feed-heading h1{font-size:22px}.feed-heading .eyebrow{font-size:8px}#feed-help span{display:none}#feed-help{padding:8px 13px}.feed-stage{height:auto;width:min(100%,380px);max-height:72dvh}.feed-caption{bottom:17px;left:17px;right:17px}.feed-note{font-size:9px}#feed-guide{padding:24px}#feed-guide h2{font-size:24px}.feed-guide-grid>div{padding:20px 8px}}
.personal-center{max-width:1040px;margin:0 auto}.personal-heading{text-align:center;padding:10px 0 28px}.personal-avatar{display:grid;place-items:center;background:linear-gradient(140deg,#b8b8b8,#616161);color:#1a1a1a;width:68px;height:68px;border:5px solid var(--surface);outline:1px solid var(--border);border-radius:50%;font-size:30px;margin:0 auto 20px}.personal-heading h1{font-size:30px;margin:10px 0;letter-spacing:-1px}.personal-heading p,.personal-muted{font-size:12px;color:var(--muted);line-height:1.6}.personal-tabs{display:flex;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin:0 auto 34px;padding:5px;border:1px solid var(--border);background:var(--surface);border-radius:99px;overflow:auto}.personal-tabs a{padding:12px 19px;border-radius:99px;text-decoration:none;white-space:nowrap;color:var(--muted);font-size:13px}.personal-tabs a[aria-current=page]{background:var(--accent);color:#242424}.personal-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:18px}.personal-card h2,.personal-promo h2{font-size:24px;letter-spacing:-.5px;margin:10px 0 14px}.personal-card p,.personal-promo p{font-size:13px;line-height:1.6;color:var(--muted)}.personal-card .primary,.personal-card .secondary,.personal-promo .primary{font-size:12px}.personal-promo{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;border:1px solid var(--border);border-radius:20px;background:radial-gradient(ellipse at right,#6e6e6e30,transparent 65%),var(--surface);margin-bottom:22px}.personal-promo .primary{white-space:nowrap}.personal-subtabs{display:flex;gap:22px;justify-content:center;margin:0 0 30px;border-bottom:1px solid var(--border)}.personal-subtabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:inherit;font-size:14px;padding:13px 8px}.personal-subtabs [aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent)}.personal-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.personal-fields label{font-size:13px;font-weight:600}.personal-fields label>span{font-weight:400;color:var(--muted);font-size:10px}.personal-fields input,.personal-fields select,.referral-copy input{box-sizing:border-box;width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;padding:17px;margin-top:10px}.personal-opt{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:24px 0 35px}.personal-opt input{accent-color:var(--accent);width:17px;height:17px}.personal-rows{display:grid;gap:11px}.personal-rows button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.personal-rows span{font-size:12px;color:var(--muted)}.personal-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.personal-form-footer>span{font-size:11px;color:var(--muted)}.personal-form-footer .primary{font-size:12px}.benefit-grid,.referral-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.benefit-grid>div{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--raised);border-radius:12px}.benefit-grid b{font-size:24px}.benefit-grid span,.referral-steps span{font-size:12px;color:var(--muted)}.referral-steps b{display:block;font-size:18px;color:var(--text);margin-bottom:10px}.referral-copy{display:flex;gap:12px;align-items:center}.referral-copy input{margin:8px 0}.referral-copy button{white-space:nowrap}.personal-empty{text-align:center;padding:55px 20px}.personal-empty>span{font-size:45px;color:var(--accent)}.personal-empty p{color:var(--muted);font-size:13px;margin-bottom:25px}.following-card{display:flex;align-items:center;gap:18px}.following-card img{width:55px;height:55px;object-fit:cover;border-radius:50%}.following-card>div{flex:1}.following-card h2{font-size:18px}.reward-top{display:flex;align-items:center;justify-content:space-between}.personal-card progress{width:100%;height:8px;accent-color:var(--accent);margin-top:15px}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reward-symbol{font-size:35px;color:var(--accent)}.personal-section-title{font-size:20px;margin:30px 0 18px}.personal-menu-entry{height:36px;width:36px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:18px;cursor:pointer}.account-drawer{position:fixed;inset:12px 12px 12px auto;margin:0;padding:27px;box-sizing:border-box;width:370px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--text);overflow:auto}.account-drawer::backdrop{background:#060a1266;backdrop-filter:blur(4px)}.drawer-heading{display:flex;justify-content:space-between;align-items:center}.drawer-heading strong{font-size:26px;letter-spacing:-1px}.drawer-heading button{border:0;border-radius:50%;background:var(--raised);color:var(--text);font-size:23px;width:32px;height:32px}.drawer-profile{display:flex;gap:15px;align-items:center;margin:30px 0 20px}.drawer-profile .personal-avatar{margin:0;width:45px;height:45px;font-size:20px}.drawer-profile h2{font-size:18px;margin:0 0 8px}.drawer-profile p{font-size:11px;color:var(--muted);margin:0}.drawer-feature,.account-drawer nav a{display:flex;justify-content:space-between;text-decoration:none;color:var(--text);padding:15px;border:1px solid var(--border);border-radius:12px;margin-bottom:9px;font-size:13px}.drawer-feature{background:#b8b8b810;margin-bottom:22px}.account-drawer nav{display:block}.account-drawer>.primary{width:100%;justify-content:center;font-size:13px;margin-top:16px}.profile-note{padding:30px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);max-width:calc(100vw - 40px);width:420px;box-sizing:border-box}.profile-note p{font-size:14px;line-height:1.6;color:var(--muted)}.profile-note::backdrop{background:#0009}.personal-center button:disabled{opacity:.4;cursor:default}
@media(max-width:760px){.personal-heading{padding-top:0}.personal-tabs{justify-content:flex-start;margin-bottom:24px;border-radius:16px;width:100%}.personal-tabs a{font-size:11px;padding:10px 12px}.personal-fields,.reward-grid{grid-template-columns:1fr}.personal-card{padding:20px}.personal-promo{align-items:flex-start;flex-direction:column;padding:23px;gap:14px}.personal-form-footer{flex-direction:column;align-items:stretch}.personal-subtabs{gap:12px}.personal-subtabs button{font-size:12px}.benefit-grid{grid-template-columns:1fr}.referral-steps{gap:12px}.referral-copy{flex-direction:column;align-items:stretch}.following-card{flex-wrap:wrap}.personal-menu-entry{width:32px;height:32px}.header-actions{gap:4px}.mobile-nav{grid-template-columns:repeat(4,1fr)}}
/* Spacious visual-first login */
#auth-dialog{width:min(1320px,calc(100vw - 48px));background:var(--bg);border-radius:24px}#auth-dialog[open]{grid-template-columns:49% 51%}.auth-art{min-height:min(820px,85dvh);margin:12px;border-radius:18px}.auth-content{padding:60px 50px 36px;max-width:510px;width:100%;box-sizing:border-box;justify-self:center;text-align:center}.auth-welcome-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 24px;border-radius:14px;background:var(--accent);color:#242424;font-size:27px}.auth-content .auth-kicker{display:none}#auth-title{font-size:32px;letter-spacing:-1.1px}.auth-lead{max-width:360px;margin:16px auto 34px;font-size:13px;line-height:1.7}.auth-social{grid-template-columns:1fr}.auth-social .auth-google{min-height:52px;border-radius:99px;background:#fff;color:#171b20;justify-content:center;position:relative;font-size:13px}.auth-google>span{position:absolute;right:20px}.auth-divider{margin:23px 0}.auth-content form{text-align:left}#auth-dialog input{border-radius:99px;background:transparent}.auth-content .auth-primary{border-radius:99px;margin-top:12px;justify-content:center;position:relative}.auth-primary>span{position:absolute;right:20px}.auth-more{font-size:11px;color:var(--muted);margin:20px 0}.auth-more summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px}.auth-more>div{display:flex;justify-content:center;gap:10px;margin-top:14px}.auth-more button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:99px;padding:9px 20px;font:inherit;cursor:pointer}.auth-account-note{margin:18px 0}.auth-creator{font-size:12px;padding-top:17px}.auth-disclosure{margin-top:18px}.auth-art-copy h2{font-size:40px}.auth-art-label{bottom:201px}.auth-success{margin-left:auto;margin-right:auto}.auth-provider-note{text-align:left}.auth-close{background:transparent;border:0}
@media(max-width:700px){#auth-dialog[open]{grid-template-columns:1fr}#auth-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.auth-art{min-height:150px;margin:8px 8px 0}.auth-art-copy h2{font-size:22px}.auth-content{padding:25px 24px}.auth-welcome-icon{width:36px;height:36px;font-size:22px;margin-bottom:17px}#auth-title{font-size:27px}.auth-lead{margin:12px auto 23px}.auth-art-copy{bottom:18px}.auth-art .auth-brand{font-size:25px}.auth-close{background:#1a1a1acc}.auth-content .auth-disclosure{font-size:9px}}
/* Immersive feed: portrait first, controls at the edge */
main:has(.immersive-feed){padding:20px 28px 24px}body:has(.immersive-feed)>footer{display:none}.immersive-feed{position:relative;max-width:none}.feed-heading{position:absolute;left:0;top:0;margin:0;z-index:3}.feed-heading>div{display:none}.feed-heading #feed-help{font-size:11px;background:transparent}.feed-viewer{position:relative;width:fit-content;margin:auto}.feed-stage{height:calc(100dvh - 172px);max-height:940px;min-height:360px;aspect-ratio:9/16;border-radius:20px}.feed-outside-nav{position:absolute;right:-62px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.feed-outside-nav button{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:24px;cursor:pointer}.feed-outside-nav button:disabled{opacity:.3;cursor:default}.feed-prev,.feed-next{color:transparent;text-shadow:none}.feed-prev:focus-visible,.feed-next:focus-visible{color:white;outline:2px solid var(--accent);outline-offset:-4px}.feed-caption{left:20px;right:76px;bottom:22px}.feed-caption h2{font-size:23px}.feed-caption .eyebrow{font-size:8px}.feed-bottom{margin-top:15px}.feed-bottom .primary{background:#ffffff26;backdrop-filter:blur(12px);color:#fff;border:1px solid #ffffff30;padding:12px;font-size:12px}.feed-bottom .primary:hover{background:var(--accent);color:#242424}.feed-action-rail{position:absolute;z-index:4;bottom:23px;right:16px;display:flex;flex-direction:column;align-items:center;gap:13px}.feed-action-rail>button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:12px;background:#ffffff20;backdrop-filter:blur(12px);color:#fff;font-size:23px;cursor:pointer}.feed-action-rail #feed-follow{position:relative;border-radius:50%;padding:0;overflow:visible;margin-bottom:5px}.feed-action-rail img{width:100%;height:100%;object-fit:cover;border-radius:50%}.feed-action-rail #feed-follow span{position:absolute;right:-4px;bottom:-5px;width:17px;height:17px;background:var(--accent);color:#242424;border-radius:50%;display:grid;place-items:center;font-size:12px}.feed-action-rail #feed-save[aria-pressed=true]{color:#b8b8b8}.feed-more-menu{position:absolute;right:60px;bottom:20px;z-index:5;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 30px #0004;border-radius:13px;padding:6px;min-width:150px}.feed-more-menu a,.feed-more-menu button{display:block;box-sizing:border-box;width:100%;border:0;border-radius:8px;padding:11px 12px;background:transparent;color:var(--text);text-decoration:none;font:inherit;font-size:12px;text-align:left;cursor:pointer}.feed-more-menu a:hover,.feed-more-menu button:hover{background:var(--raised)}.feed-note{font-size:10px;margin:10px 0 0}
@media(max-width:760px){main:has(.immersive-feed){padding:10px 10px 72px}.feed-heading{top:9px;left:9px}.feed-heading #feed-help{width:27px;height:27px;padding:0;border-color:#ffffff40;color:#fff;background:#0003}.feed-viewer{width:fit-content;max-width:100%}.feed-stage{width:auto;height:calc(100dvh - 192px);min-height:300px;max-height:none;max-width:100%;aspect-ratio:9/16}.feed-outside-nav{display:none}.feed-top{left:48px;right:12px;top:16px}.feed-caption{left:14px;right:65px;bottom:18px}.feed-caption h2{font-size:20px}.feed-action-rail{right:12px;bottom:18px}.feed-note{font-size:9px}}
/* User-path QA polish */
.personal-tabs{scrollbar-width:none}.personal-tabs::-webkit-scrollbar{display:none}#auth-title:focus{outline:none}
@media(max-width:760px){.personal-tabs{scroll-padding:10px}.personal-tabs a{flex-shrink:0}.result-meta{flex-wrap:wrap;gap:10px}.personal-center{padding-bottom:20px}}
@media(max-width:400px){.composer-settings .output-controls{grid-template-columns:1fr}.output-controls select{font-size:13px}}
.personal-menu-entry[hidden]{display:none}.login-entry.signed-account{display:flex;align-items:center;gap:10px;background:transparent;color:var(--text);border-color:transparent;padding:3px 4px;border-radius:99px}.signed-avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:2px solid var(--border);background:linear-gradient(145deg,#b8b8b8,#707070);color:#1f1f1f;font-size:20px}.signed-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;font-size:13px}.drawer-logout{display:block;width:100%;padding:14px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;margin-top:14px;font:inherit;font-size:13px;cursor:pointer}
@media(max-width:760px){.signed-name{max-width:75px;font-size:11px}.login-entry.signed-account{gap:5px}.signed-avatar{width:29px;height:29px;font-size:17px}}
/* Featured campaign carousel */
.hero-banner{position:relative;isolation:isolate;background:#0a0b0d;border:1px solid var(--border);border-radius:28px;overflow:hidden;margin:0 0 24px;color:white}.hero-slide{position:relative;min-height:310px;display:flex;align-items:center;padding:36px 44px;box-sizing:border-box;overflow:hidden}.hero-slide[hidden]{display:none}.hero-copy{position:relative;z-index:2;max-width:65%;pointer-events:none}.hero-copy>span{display:inline-block;padding:5px 8px;background:#ffffff12;border-radius:6px;color:#d9ddda;font-size:9px;letter-spacing:1px;font-weight:700}.hero-copy h2{font-size:clamp(30px,3.4vw,60px);line-height:1.02;letter-spacing:-2px;margin:16px 0 13px;font-weight:850}.hero-copy em{font-style:normal;color:#c0c0c0}.hero-copy p{color:#c1c2c6;font-size:13px;margin:0 0 23px;line-height:1.6}.hero-cta{display:inline-flex;align-items:center;gap:27px;background:linear-gradient(110deg,#cc54e9,#ef289f);padding:14px 24px;border-radius:99px;color:#fff;text-decoration:none;font-size:13px;font-weight:700;pointer-events:auto;box-shadow:0 8px 28px #e02a9b22}.hero-cta:hover{filter:brightness(1.12)}.hero-cta b{font-size:23px;font-weight:400}.hero-art{position:absolute;inset:0 0 0 42%;display:flex;align-items:stretch;background:radial-gradient(ellipse at bottom right,#c0338488,transparent 65%);z-index:0}.hero-art img{width:60%;height:100%;position:absolute;object-fit:cover;object-position:center 30%;right:0;mask-image:linear-gradient(to right,transparent,#000 20%)}.hero-art img:first-child{right:36%;width:60%;object-position:center 30%;opacity:.8}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090b 15%,#08090bf5 35%,#08090b80 56%,transparent 79%);z-index:1;pointer-events:none}.hero-slide-1 .hero-art{filter:hue-rotate(-8deg)}.hero-slide-2 .hero-art img{object-position:center}.hero-pagination{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3}.hero-pagination button{width:30px;height:22px;padding:0;border:0;background:none;position:relative;cursor:pointer}.hero-pagination button:after{content:'';position:absolute;left:0;right:0;top:9px;height:3px;border-radius:5px;background:#ffffff40}.hero-pagination button[aria-pressed=true]:after{background:#fff}.hero-pause{position:absolute;z-index:3;bottom:14px;right:17px;width:29px;height:29px;border-radius:50%;border:1px solid #ffffff30;background:#0005;color:#fff;cursor:pointer}.hero-banner #dismiss-promo{z-index:3}.hero-banner button:focus-visible,.hero-cta:focus-visible{outline:2px solid #c0c0c0;outline-offset:3px}
@media(max-width:760px){.hero-banner{border-radius:20px}.hero-slide{min-height:310px;padding:27px 21px 47px;align-items:center}.hero-copy{max-width:95%}.hero-copy h2{font-size:34px;letter-spacing:-1.2px}.hero-copy p{font-size:11px;max-width:230px}.hero-copy>span{font-size:7px}.hero-art{left:22%;opacity:.65}.hero-slide:after{background:linear-gradient(90deg,#08090bf0,#08090ba8 55%,#08090b44)}.hero-cta{font-size:11px;padding:11px 18px;gap:20px}.hero-pagination{bottom:9px}.hero-pause{bottom:10px}.hero-art img:first-child{display:none}.hero-art img{width:100%}}
/* Membership editorial treatment */
#premium-dialog{background:#100e13!important;color:#faf7fc!important;border-color:#ffffff18!important;border-radius:28px;width:min(1160px,calc(100vw - 40px))}.premium-art{margin:12px;border-radius:20px;min-height:770px;background:radial-gradient(ellipse at top right,#d94a9944,transparent 65%),#160f1b}.premium-art:after{background:linear-gradient(0deg,#100a15 1%,#100a1580 35%,transparent 70%)}.premium-frame.pf-one{inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none;aspect-ratio:auto}.pf-one img{object-position:48% 28%}.premium-frame.pf-two,.premium-frame.pf-three{display:none}.premium-art-copy{left:30px;bottom:35px}.premium-art-copy h2{font-weight:850;font-size:clamp(32px,3.4vw,47px);line-height:1.02}.premium-art-copy em{font-style:normal;color:#b3b3b3}.premium-art-copy>span{color:#e8d9ed!important}.premium-art-copy p{color:#c7bccd}.premium-offer{padding:36px 40px}.premium-logo{margin-bottom:27px}.premium-logo b{color:#f3b5ef!important;background:#b63cbd1a!important;border-color:#d54bcd55!important}.premium-offer h1{font-weight:750;font-size:43px}.premium-offer :is(.eyebrow,.premium-lead,.premium-price p,.premium-price>span,.premium-benefits li span,.premium-skip,.premium-terms,.premium-confirm p){color:#a8a0af!important}.premium-billing{gap:12px;padding:0;border:0!important;background:transparent!important;margin:24px 0 0}.premium-billing button{display:flex;flex-direction:column;align-items:start;gap:15px;padding:17px 15px;min-height:97px;border:1px solid #ffffff22;border-radius:15px;background:#1a161e!important;color:#c9c0d0!important;text-align:left;position:relative}.premium-billing button.active{border-color:#dc51d8;background:linear-gradient(130deg,#a934b72a,#ed219717)!important;color:white!important;box-shadow:0 0 0 1px #dc51d8 inset}.premium-billing button:after{content:'';position:absolute;right:12px;bottom:16px;width:12px;height:12px;border:1px solid #ffffff50;border-radius:50%}.premium-billing button.active:after{background:#ee57d6;border-color:#ee57d6;box-shadow:inset 0 0 0 3px #362039}.premium-billing button .plan-name{font-size:12px;color:inherit!important;margin:0}.premium-billing button .plan-name>span{background:#e453c92a;color:#ffb9ed!important;font-size:9px;margin-left:6px;padding:3px 5px;border-radius:4px}.premium-billing button strong{font-size:23px;letter-spacing:-.5px}.premium-billing button small{font-size:10px;color:#afa4b8;font-weight:400}.premium-price{margin:18px 0 22px;padding-bottom:19px;border-bottom:1px solid #ffffff13}.premium-price .premium-price-label{display:block;font-size:8px;letter-spacing:1.7px;margin:0 0 8px}.premium-price strong{font-size:34px}.premium-benefits{gap:17px}.premium-benefits i{color:#eea5ea!important;background:#ca4dca16!important;border-color:#c05abe33!important;border-radius:9px}.premium-benefits strong{font-size:13px;color:#eee8f2}.premium-benefits li span{font-size:11px}.premium-cta{background:linear-gradient(110deg,#b747ed,#f019a1)!important;color:white!important;box-shadow:0 9px 32px #d51a9f25;border:0;border-radius:99px;min-height:54px}.premium-cta:hover{filter:brightness(1.1)}.premium-close{background:#ffffff12!important;color:white!important;border:1px solid #ffffff20}.premium-confirm{background:#ba3acf0c;border-color:#bd55cd33}#premium-title:focus{outline:none}#premium-dialog button:focus-visible{outline:2px solid #f197e9;outline-offset:4px}
@media(max-width:760px){#premium-dialog{width:calc(100vw - 20px);border-radius:22px}.premium-art{min-height:195px;max-height:195px;margin:8px 8px 0}.premium-frame.pf-one{width:100%;inset:0}.pf-one img{object-position:50% 26%}.premium-art:after{background:linear-gradient(90deg,#130c1bdd,transparent)}.premium-art-copy{left:20px;bottom:22px}.premium-art-copy h2{font-size:29px}.premium-offer{padding:25px 23px}.premium-offer h1{font-size:32px}.premium-logo{margin-bottom:20px}.premium-billing{gap:9px}.premium-billing button{padding:14px 12px}.premium-billing button .plan-name>span{font-size:8px;margin-left:3px}.premium-close{top:19px;right:20px}.premium-cta{font-size:11px}.premium-price{margin-top:15px}.premium-benefits strong{font-size:12px}}
@media(min-width:761px) and (max-height:850px){.premium-art{min-height:650px}.premium-offer{padding:25px 34px}.premium-logo{margin-bottom:18px}.premium-offer h1{font-size:34px}.premium-lead{margin:8px 0 15px}.premium-billing{margin-top:16px}.premium-billing button{min-height:80px;padding:12px 14px;gap:9px}.premium-price{margin:12px 0 16px;padding-bottom:12px}.premium-price .premium-price-label{display:none}.premium-price strong{font-size:28px}.premium-benefits{gap:12px;margin-bottom:17px}.premium-benefits li span{font-size:10px}.premium-skip{padding:10px 8px;min-height:36px}.premium-art-copy h2{font-size:37px}}
/* Full site footer */
footer.site-footer{display:block;width:100%;max-width:none;margin:64px auto 0;padding:55px max(28px,4.2vw) 25px;border-top:1px solid var(--border);background:var(--bg);color:var(--muted)}.footer-main{display:grid;grid-template-columns:1.65fr 1fr 1.1fr 1fr;gap:55px;max-width:1470px;margin:auto;padding-bottom:45px}.footer-brand .wordmark{display:inline-block;font-size:31px;color:var(--text);margin-bottom:23px}.footer-brand p{font-size:12px;line-height:1.85;max-width:280px;margin:0 0 24px}.footer-signature{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-main h2{font-size:13px;font-weight:700;color:var(--text);letter-spacing:0;margin:6px 0 8px}.footer-main nav a,.footer-main nav button{font:inherit;font-size:12px;color:var(--muted);padding:0;text-align:left;line-height:1.5}.footer-main nav button span{margin-left:6px;color:var(--accent)}.site-footer nav :is(a,button):hover{color:var(--text);text-decoration:underline;text-underline-offset:5px}.footer-bottom{max-width:1470px;margin:auto;display:flex;align-items:center;gap:28px;border-top:1px solid var(--border);padding-top:24px;font-size:10px}.footer-bottom nav{display:flex;gap:23px}.footer-bottom button{font:inherit;padding:8px 0;color:var(--muted)}.footer-made{margin-left:auto;white-space:nowrap}.footer-made b{color:var(--accent);font-size:16px;margin-left:10px}.footer-info{position:relative;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:36px;border:1px solid var(--border);border-radius:24px;color:var(--text);background:var(--surface);box-shadow:0 20px 80px #0005}.footer-info::backdrop{background:#0009;backdrop-filter:blur(8px)}.footer-info h2{font-size:28px;margin:22px 0 15px}.footer-info p{font-size:13px;line-height:1.8}.footer-info-close{position:absolute;right:15px;top:12px;font-size:25px;color:var(--muted)}.footer-info-done{width:100%;justify-content:center;margin-top:12px}
@media(max-width:760px){footer.site-footer{padding:35px 22px 100px;margin-top:35px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-brand .wordmark{margin-bottom:16px}.footer-brand p{max-width:310px;margin-bottom:15px}.footer-main nav{gap:13px}.footer-main nav:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.footer-main nav:last-child h2{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:9px;padding-top:20px}.footer-bottom nav{flex-wrap:wrap;gap:20px}.footer-made{margin:8px 0 0}.footer-info{padding:29px}}
/* Input filter popover */
.input-filter-menu{position:relative;order:1;flex-shrink:0;z-index:12}.input-filter-menu summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:11px 17px;border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer;list-style:none}.input-filter-menu summary::-webkit-details-marker{display:none}.input-filter-menu summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .18s}.input-filter-menu[open] summary{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.input-filter-menu[open] summary svg{transform:rotate(180deg)}.input-filter-options{position:absolute;top:calc(100% + 10px);left:0;min-width:285px;max-width:calc(100vw - 40px);max-height:320px;overflow-y:auto;padding:14px 9px 10px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px #0005;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.input-filter-heading{display:block;padding:8px 13px 14px;font-size:11px;color:var(--muted)}.input-filter-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:12px 13px;border-radius:11px;font:inherit;font-size:12px;text-align:left;color:var(--text)}.input-filter-options button:hover{background:var(--raised)}.input-filter-options button[aria-pressed=true]{background:var(--raised);font-weight:650}.input-choice-check{visibility:hidden;color:var(--accent);margin-left:14px}.input-filter-options button[aria-pressed=true] .input-choice-check{visibility:visible}.input-filter-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:760px){.input-filter-menu{max-width:100%}.input-filter-menu summary{font-size:11px;gap:10px;min-height:42px}.input-filter-options{left:auto;right:0;min-width:260px}}
/* Edge-to-edge cinematic catalog */
main:has(#grid){max-width:none;padding:22px 12px 48px}.discovery-heading{margin:0 12px 19px}.discovery-heading h1{font-size:clamp(30px,3vw,46px);font-weight:760;letter-spacing:-1.8px}.discovery-heading p{max-width:280px}.hero-banner{margin:0 0 18px;border-radius:20px}.catalog-toolbar{padding:10px 4px;gap:9px}.catalog-subbar{margin:8px 5px 15px}#grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}#grid .motion-card{margin:0;min-width:0}#grid .motion-card .card-media{aspect-ratio:9/16;border-radius:11px;box-shadow:none;border:1px solid #ffffff0d;isolation:isolate}#grid .motion-card .card-media:after{inset:60% 0 0;background:linear-gradient(transparent,rgba(5,5,8,.12) 22%,rgba(5,5,8,.88) 100%)}#grid .motion-card .card-bottom{left:11px;right:11px;bottom:13px;gap:4px;text-align:center;align-items:center}#grid .cover-title{font-size:17px;font-weight:750;line-height:1.2;letter-spacing:-.35px;text-shadow:0 2px 12px #0008}#grid .cover-source{font-size:10px;color:#e2dce3}#grid .cover-badges{gap:0;background:linear-gradient(110deg,#7945ed,#d72dc1);padding:4px 10px;border-radius:99px;align-items:center;margin-top:3px}#grid .cover-badges>span{background:none;border:0;border-radius:0;padding:0;color:#fff;font-size:9px;font-weight:650}#grid .cover-badges>span+span:before{content:'·';padding:0 6px;opacity:.7}#grid .cover-cta{display:none}#grid .save{width:34px;height:34px;opacity:0;transition:opacity .16s;background:#1118}#grid .card-media:hover .save,#grid .card-media:focus-within .save,#grid .save.saved{opacity:1}#grid .input-peek{transform:scale(.9);transform-origin:top left}#grid .card-media:hover{box-shadow:0 0 0 1px #ffffff45;transform:translateY(-2px)}#grid .card-media{transition:transform .2s,box-shadow .2s}
@media(min-width:1500px){#grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:2300px){#grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1050px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){main:has(#grid){padding:17px 8px 76px}.discovery-heading{margin:0 5px 17px}.discovery-heading h1{font-size:30px;letter-spacing:-1.1px}.hero-banner{border-radius:16px}.catalog-toolbar{padding:7px 2px}.catalog-subbar{margin-bottom:12px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#grid .motion-card .card-media{border-radius:9px}#grid .motion-card .card-bottom{left:6px;right:6px;bottom:10px;gap:3px}#grid .cover-title{font-size:14px}#grid .cover-source{font-size:9px}#grid .cover-badges{padding:4px 8px}#grid .cover-badges>span{font-size:8px}#grid .save{opacity:1;width:31px;height:31px}#grid .input-peek{transform:scale(.78)}.discovery-heading p{max-width:none}}
@media(hover:none){#grid .save{opacity:1}}
/* Logout confirmation */
#logout-confirm{width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:38px 32px 30px;border:1px solid var(--border);border-radius:25px;background:var(--surface);color:var(--text);text-align:center;box-shadow:0 25px 100px #0006;overflow:auto}#logout-confirm::backdrop{background:#06060999;backdrop-filter:blur(10px)}.logout-symbol{width:76px;height:76px;margin:0 auto 22px;color:#ff8750}.logout-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.logout-symbol .logout-dot{fill:currentColor;stroke:none}#logout-title{font-size:26px;font-weight:750;letter-spacing:-.5px;margin:0 0 26px}#logout-description{font-size:16px;line-height:1.65;max-width:350px;margin:0 auto 31px;color:var(--muted)}.logout-actions{display:flex;flex-direction:column;gap:12px}.logout-actions button{min-height:56px;border-radius:12px;font-size:16px;font-weight:700;transition:background .18s,transform .18s}.logout-confirm-action{background:#f34068;color:#fff}.logout-confirm-action:hover{background:#ff5378}.logout-cancel-action{background:var(--raised);color:var(--text)}.logout-cancel-action:hover{background:var(--border)}.logout-actions button:active{transform:scale(.985)}.logout-actions button:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media(max-width:480px){#logout-confirm{padding:30px 23px 23px;border-radius:22px}.logout-symbol{width:68px;height:68px;margin-bottom:20px}#logout-title{font-size:24px;margin-bottom:22px}#logout-description{font-size:15px;margin-bottom:26px}.logout-actions button{min-height:53px}}
/* Account and modal interaction polish */
body:has(dialog[open]){overflow:hidden}dialog{overscroll-behavior:contain}.account-drawer .drawer-heading{position:sticky;top:-27px;margin:-27px -27px 0;padding:23px 27px 17px;z-index:2;background:var(--surface);border-bottom:1px solid var(--border)}.drawer-profile>div{min-width:0}.drawer-profile h2{overflow-wrap:anywhere;line-height:1.3}.drawer-profile .personal-avatar{flex-shrink:0}.account-drawer nav a{transition:background .18s,border-color .18s}.account-drawer nav a:hover{background:var(--raised);border-color:var(--muted)}.drawer-logout:hover{color:#ff6888;border-color:#f3406855;background:#f340680a}.account-drawer .personal-muted{text-align:center;font-size:10px;margin:13px 0 0}.personal-heading h1{overflow-wrap:anywhere}#personal-name[aria-invalid=true]{border-color:#ff6888}.profile-note{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.account-drawer,.footer-info,.profile-note{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
@media(max-width:480px){.account-drawer{inset:8px 8px 8px auto;width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:23px}.account-drawer .drawer-heading{top:-23px;margin:-23px -23px 0;padding:20px 23px 16px}.drawer-profile{margin:24px 0 19px}.account-drawer nav a{min-height:47px;align-items:center}.account-drawer>.primary{min-height:49px}.account-drawer .drawer-logout{min-height:47px}}
/* Popular effects leaderboard */
.ranking-page{max-width:1250px;margin:auto}.ranking-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:12px 0 27px}.ranking-heading h1{font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-2.5px;margin:14px 0}.ranking-heading em{font-style:normal;color:var(--accent)}.ranking-heading p{font-size:13px;margin:0}.ranking-period{display:flex;padding:5px;border:1px solid var(--border);background:var(--surface);border-radius:99px;gap:4px}.ranking-period button{padding:12px 22px;border-radius:99px;font-size:13px;color:var(--muted)}.ranking-period [aria-pressed=true]{background:var(--accent);color:#262626;font-weight:700}.ranking-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding:16px 0;border-top:1px solid var(--border)}.ranking-meta b{font-size:8px;font-weight:500;letter-spacing:1px;border:1px solid var(--border);padding:4px 6px;border-radius:4px;margin-left:12px}.ranking-podium{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-bottom:24px}.ranking-feature{position:relative;height:370px;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#17151b;isolation:isolate;color:white}.ranking-feature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#08070cec,transparent 85%);pointer-events:none}.ranking-image{position:absolute;inset:0;z-index:-2}.ranking-image img{width:100%;height:100%;object-fit:cover}.ranking-medal{position:absolute;top:18px;left:20px;font-size:30px;font-weight:800;text-shadow:0 2px 12px #0008}.ranking-medal small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:4px}.rank-1{border-color:#d9bb7860}.rank-1 .ranking-medal{color:#ffe09b}.rank-2 .ranking-medal{color:#e5e6f1}.rank-3 .ranking-medal{color:#edb397}.ranking-feature-copy{position:absolute;bottom:20px;left:22px;right:22px;pointer-events:none}.ranking-feature-copy a,.ranking-feature-copy button{pointer-events:auto}.ranking-feature-copy>span{font-size:8px;letter-spacing:1.4px;color:#ddd4e0}.ranking-feature-copy h2{font-size:29px;font-weight:750;margin:9px 0 5px}.ranking-creator{font-size:11px;color:#c8c3ce}.ranking-feature-copy button{display:flex;align-items:center;gap:8px;margin-top:17px;border-radius:99px;border:1px solid #ffffff35;background:#ffffff15;padding:10px 14px;font-size:14px;backdrop-filter:blur(8px)}.ranking-feature-copy button small{font-size:10px;font-weight:400;color:#cfc8d3}.ranking-page button[aria-pressed=true][data-ranking-like]{color:#ff8ec9}.ranking-list{border:1px solid var(--border);border-radius:18px;overflow:hidden}.ranking-row{display:flex;align-items:center;gap:20px;padding:14px 20px;background:var(--surface)}.ranking-row+.ranking-row{border-top:1px solid var(--border)}.ranking-number{font-size:19px;color:var(--muted);min-width:28px;font-weight:650}.ranking-row img{width:47px;height:62px;object-fit:cover;border-radius:7px;display:block}.ranking-row h2{font-size:16px;font-weight:650;margin:0 0 5px}.ranking-row>div>a{font-size:10px;color:var(--muted)}.ranking-kind{margin-left:auto;font-size:11px;color:var(--muted)}.ranking-row button{font-size:15px;min-width:100px;padding:12px 8px}.ranking-row button strong{font-size:12px;font-variant-numeric:tabular-nums;margin-left:5px}.ranking-use{font-size:11px;padding:10px 14px;border:1px solid var(--border);border-radius:99px}.ranking-note{font-size:10px;line-height:1.7;margin-top:18px;max-width:750px}.ranking-page a:hover{text-decoration:underline;text-underline-offset:4px}header{gap:30px}header nav{gap:22px}.mobile-nav{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){.ranking-heading{display:block}.ranking-heading h1{font-size:40px;letter-spacing:-1.7px}.ranking-period{width:fit-content;margin-top:23px}.ranking-period button{padding:10px 20px}.ranking-meta{flex-wrap:wrap;font-size:10px;gap:10px}.ranking-podium{grid-template-columns:1fr 1fr;gap:9px}.ranking-feature{height:260px;border-radius:13px}.ranking-feature.rank-1{grid-column:1/-1;height:300px}.ranking-feature-copy{left:13px;right:13px;bottom:14px}.ranking-feature-copy h2{font-size:22px}.ranking-feature-copy button{padding:8px 10px;font-size:12px}.ranking-feature-copy button small{display:none}.ranking-medal{left:14px;top:14px;font-size:25px}.ranking-row{gap:11px;padding:12px}.ranking-number{min-width:20px;font-size:16px}.ranking-row img{width:37px;height:49px}.ranking-row h2{font-size:13px}.ranking-kind,.ranking-use{display:none}.ranking-row button{margin-left:auto;min-width:72px;padding:10px 2px}.ranking-row button strong{font-size:11px}.ranking-meta b{margin-left:6px}.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav a,.mobile-nav button{font-size:9px}}

/* Complete popularity list, with consistent rows for every rank. */
.ranking-heading h1{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.6px;line-height:1.15}.ranking-heading{align-items:center;margin:18px 0 28px}.ranking-list .ranking-row{display:grid;grid-template-columns:44px 60px minmax(140px,1fr) 130px 120px 90px;gap:20px;padding:16px 24px;transition:background .18s}.ranking-list .ranking-row:hover{background:var(--surface2,var(--surface))}.ranking-row img{width:60px;height:76px}.ranking-row .ranking-number{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-variant-numeric:tabular-nums}.ranking-row.rank-1 .ranking-number{color:#dcae48;background:#dcae4818}.ranking-row.rank-2 .ranking-number{color:#9baac0;background:#9baac018}.ranking-row.rank-3 .ranking-number{color:#939393;background:#93939318}.ranking-row .ranking-kind{margin:0}.ranking-row .ranking-use{text-align:center}.ranking-row h2{font-size:17px}.ranking-row button{margin:0}.ranking-row button strong{font-size:14px}
@media(max-width:760px){.ranking-heading h1{font-size:32px;letter-spacing:-1px}.ranking-list .ranking-row{grid-template-columns:28px 44px minmax(0,1fr) 76px;gap:10px;padding:13px 10px}.ranking-row img{width:44px;height:60px}.ranking-row .ranking-number{width:28px;height:32px;border-radius:8px}.ranking-row h2{font-size:14px}.ranking-row button{min-width:0;padding:12px 0}.ranking-row button strong{font-size:12px}.ranking-row .ranking-kind,.ranking-row .ranking-use{display:none}}

/* Image-led leaderboard: featured top three and generous cover rows. */
.ranking-page{max-width:1360px;padding:0 12px}.ranking-visual{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;border:0;border-radius:0;overflow:visible}.ranking-visual .ranking-row{grid-column:1/-1;border:1px solid var(--border);border-radius:18px;grid-template-columns:58px 112px minmax(140px,1fr) 130px 120px 100px;padding:14px 20px;gap:22px}.ranking-visual .ranking-row img{width:112px;height:138px;border-radius:12px}.ranking-visual .ranking-row .ranking-number{font-size:30px;font-weight:800;letter-spacing:-1px;width:auto;height:auto;background:none}.ranking-visual .ranking-row h2{font-size:23px}.ranking-visual .ranking-row>div>a{font-size:12px}.rank-award{display:block;font-size:9px;font-weight:750;letter-spacing:2px;margin-bottom:9px;color:#ffe2a0}.ranking-visual .rank-1,.ranking-visual .rank-2,.ranking-visual .rank-3{grid-column:auto;display:block;position:relative;isolation:isolate;height:470px;padding:26px;overflow:hidden;color:#fff;border-color:#ffffff25;border-radius:22px;margin-bottom:14px;background:#171820}.ranking-visual .rank-1{border-color:#dabb7280;box-shadow:0 12px 40px #0002}.ranking-visual .rank-2,.ranking-visual .rank-3{height:426px;align-self:end}.ranking-visual .ranking-row:nth-child(-n+3) .rank-cover{position:absolute;inset:0;z-index:-2}.ranking-visual .ranking-row:nth-child(-n+3) .rank-cover img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .4s}.ranking-visual .ranking-row:nth-child(-n+3):hover .rank-cover img{transform:scale(1.035)}.ranking-visual .ranking-row:nth-child(-n+3):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 38%,#060810a8 65%,#060810f5);z-index:-1;pointer-events:none}.ranking-visual .ranking-row:nth-child(-n+3) .ranking-number{font-size:64px;line-height:1;color:white;text-shadow:0 4px 25px #0005;display:block;font-style:italic}.ranking-visual .rank-1 .ranking-number{color:#ffe2a0}.ranking-visual .ranking-row:nth-child(-n+3) .rank-title{position:absolute;left:26px;bottom:108px}.ranking-visual .ranking-row:nth-child(-n+3) h2{font-size:30px;margin-bottom:7px}.ranking-visual .ranking-row:nth-child(-n+3) .rank-title>a{color:#ddd}.ranking-visual .ranking-row:nth-child(-n+3) .ranking-kind{position:absolute;left:26px;bottom:83px;color:#c9ccd4;font-size:11px}.ranking-visual .ranking-row:nth-child(-n+3) button{position:absolute;left:20px;bottom:20px;color:#fff;text-align:left}.ranking-visual .ranking-row:nth-child(-n+3) button strong{font-size:19px}.ranking-visual .ranking-row:nth-child(-n+3) .ranking-use{position:absolute;right:23px;bottom:23px;background:#ffffff18;border-color:#ffffff35;font-size:12px;padding:11px 17px;backdrop-filter:blur(12px)}.ranking-visual .rank-1 .ranking-use{background:#d2d2d2!important;color:#191919;border-color:transparent!important}.ranking-visual .rank-2 .rank-award{color:#dfe7f8}.ranking-visual .rank-3 .rank-award{color:#efc2aa}
@media(max-width:900px){.ranking-visual{grid-template-columns:1fr 1fr;gap:12px}.ranking-visual .rank-1{grid-column:1/-1;height:390px}.ranking-visual .rank-2,.ranking-visual .rank-3{height:360px}.ranking-visual .ranking-row{grid-template-columns:40px 90px minmax(100px,1fr) 100px;gap:16px}.ranking-visual .ranking-row img{width:90px;height:112px}.ranking-visual .ranking-row .ranking-kind,.ranking-visual .ranking-row .ranking-use{display:none}.ranking-visual .ranking-row:nth-child(-n+3) .ranking-kind{display:block}.ranking-visual .ranking-row:nth-child(-n+3) h2{font-size:25px}}
@media(max-width:520px){.ranking-page{padding:0 2px}.ranking-visual{gap:10px}.ranking-visual .rank-1{height:350px}.ranking-visual .rank-2,.ranking-visual .rank-3{height:300px;padding:17px}.ranking-visual .ranking-row:nth-child(-n+3) .ranking-number{font-size:49px}.ranking-visual .ranking-row:nth-child(-n+3) .rank-title{left:16px;bottom:87px}.ranking-visual .ranking-row:nth-child(-n+3) h2{font-size:22px}.ranking-visual .ranking-row:nth-child(-n+3) .ranking-kind{left:16px;bottom:62px;font-size:10px}.ranking-visual .ranking-row:nth-child(-n+3) button{left:16px;bottom:13px}.ranking-visual .ranking-row:nth-child(-n+3) button strong{font-size:16px}.rank-award{font-size:8px;letter-spacing:1px}.ranking-visual .ranking-row:nth-child(n+4){grid-template-columns:28px 72px minmax(0,1fr) 65px;gap:10px;padding:12px 10px}.ranking-visual .ranking-row:nth-child(n+4) img{width:72px;height:96px}.ranking-visual .ranking-row:nth-child(n+4) h2{font-size:16px}.ranking-visual .ranking-row:nth-child(n+4) .ranking-number{font-size:21px}.ranking-visual .ranking-row:nth-child(n+4) button strong{font-size:12px}.ranking-visual .ranking-row>div>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ranking-visual .rank-cover img{transition:none!important}}

/* Feed edge and navigation polish. */
.feed-stage:focus-visible{outline:1px solid #ffffff70;outline-offset:-2px}.feed-stage{border:0}.feed-outside-nav{right:-64px;gap:12px}.feed-outside-nav button{display:grid;place-items:center;width:42px;height:42px;padding:0;box-shadow:0 3px 12px #00000008;transition:background .16s,border-color .16s,transform .16s}.feed-outside-nav svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feed-outside-nav button:not(:disabled):hover{background:var(--raised);border-color:var(--muted);transform:translateY(-1px)}.feed-outside-nav button:not(:disabled):active{transform:scale(.95)}

/* Keep the feed creator avatar square independently of portrait dimensions. */
.feed-action-rail #feed-follow{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;aspect-ratio:1;flex:none;box-sizing:border-box;display:block}.feed-action-rail #feed-follow>img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:100%;aspect-ratio:1;object-fit:cover;object-position:center 25%;border-radius:50%}

/* Metal podium badges, with a restrained champion glow. */
.rank-trophy{--metal-light:#fff0bf;--metal-main:#e8bd64;--metal-dark:#a66d28;position:absolute;top:22px;left:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:70px;height:84px;border:1px solid #e8bd6455;border-radius:17px;background:linear-gradient(145deg,#29251dce,#101014bd);backdrop-filter:blur(12px);box-shadow:0 5px 16px #0003;color:var(--metal-light)}.rank-trophy svg{display:block;width:40px;height:40px}.rank-trophy>span{font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.2}.rank-trophy.trophy-1{width:82px;height:98px;box-shadow:0 0 30px #e8bd6433,0 5px 18px #0004;border-color:#f1d49380}.trophy-1 svg{width:49px;height:49px}.rank-trophy.trophy-2{--metal-light:#f2f5fc;--metal-main:#b5c1d2;--metal-dark:#79869a;border-color:#b5c1d250}.rank-trophy.trophy-3{--metal-light:#f5d2b9;--metal-main:#cb9775;--metal-dark:#666666;border-color:#cb977550}
@media(max-width:520px){.rank-trophy{top:15px;left:15px;width:58px;height:72px;border-radius:14px}.rank-trophy svg{width:33px;height:33px}.rank-trophy>span{font-size:9px;letter-spacing:1.3px}.rank-trophy.trophy-1{width:72px;height:86px}.trophy-1 svg{width:43px;height:43px}}

/* Shared rounded dropdown surface and full-width selection rows. */
.sort-dropdown{position:relative;z-index:15}.sort-dropdown summary{list-style:none;display:flex;align-items:center;gap:20px;min-width:132px;padding:11px 15px;border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--text);font-size:12px;cursor:pointer}.sort-dropdown summary::-webkit-details-marker{display:none}.sort-dropdown summary svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;transition:transform .18s}.sort-dropdown[open] summary svg{transform:rotate(180deg)}.sort-options,.input-filter-options{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:7px;box-shadow:0 12px 28px #0002,0 3px 7px #0001}.sort-options{position:absolute;right:0;top:calc(100% + 8px);width:230px;max-width:calc(100vw - 32px)}.sort-options button,.input-filter-options button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:46px;padding:12px 15px;border-radius:13px;font-size:15px;text-align:left;color:var(--text);transition:background .15s}.sort-options button:hover,.sort-options button:focus-visible,.input-filter-options button:hover,.input-filter-options button:focus-visible{background:var(--raised);outline:none}.sort-options button[aria-pressed=true],.input-filter-options button[aria-pressed=true]{font-weight:600;background:transparent}.sort-options button[aria-pressed=true]:hover,.input-filter-options button[aria-pressed=true]:hover{background:var(--raised)}.sort-check{width:19px;height:19px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.sort-options [aria-pressed=true] .sort-check{visibility:visible}.input-choice-check{color:var(--text)}.sort-dropdown summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[data-theme=light] .sort-options,[data-theme=light] .input-filter-options{background:#fff;box-shadow:0 10px 25px #00000014,0 2px 5px #0000000d}[data-theme=light] .sort-options button:hover,[data-theme=light] .sort-options button:focus-visible,[data-theme=light] .input-filter-options button:hover,[data-theme=light] .input-filter-options button:focus-visible{background:#f4f3f5}

/* Feed collections and an optional in-feed membership introduction. */
.feed-tabs{position:absolute;z-index:6;top:15px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:4px;background:#121214c9;border:1px solid #ffffff18;border-radius:99px;backdrop-filter:blur(18px)}.feed-tabs button{min-width:90px;padding:10px 15px;border-radius:99px;font-size:11px;font-weight:650;color:#aaa9b0}.feed-tabs button[aria-pressed=true]{background:#ffffff16;color:#fff}.feed-tabs button:hover{color:#fff}.feed-tabs button:focus-visible{outline:2px solid #eee;outline-offset:-2px}.feed-top{top:72px;opacity:.7}.feed-plus-nudge{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #ffffff20;border-radius:99px;padding:7px 13px;background:linear-gradient(110deg,#af46e6,#ec2498);color:white;box-shadow:0 3px 18px #d3249640;font-size:9px}.feed-plus-nudge b{background:#c2c2c2;color:#202020;padding:2px 5px;border-radius:5px;font-size:9px}.feed-stage:has(.feed-plus-nudge) .feed-caption{bottom:59px}.feed-stage:has(.feed-plus-nudge) .feed-action-rail{bottom:61px}.feed-special{color:white;background:#101015;min-width:300px;overflow:hidden}.feed-special:after{display:none}.feed-special-art{position:absolute;inset:0;display:flex;overflow:hidden;pointer-events:none}.feed-special-art img{width:44%;height:67%;object-fit:cover;transform:rotate(-14deg) scale(1.2);filter:grayscale(.5);opacity:.5}.feed-special-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08090d20 0%,#08090d99 30%,#08090dfa 61%),radial-gradient(ellipse at bottom right,#a5198355,transparent 65%)}.feed-special-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:25px;text-align:center}.feed-special-copy h1{font-size:clamp(28px,3vw,41px);line-height:1.02;letter-spacing:-1.5px;margin:17px 0 13px;color:white}.feed-special-copy h1 em{font-style:normal;color:#c2c2c2}.feed-special-copy p{color:#b7b4c1;font-size:12px;line-height:1.6;margin:0 0 23px}.feed-plus-label{font-size:10px;letter-spacing:2px;color:#fff}.feed-plus-label b{background:#ffffff1b;border:1px solid #ffffff25;padding:5px 8px;border-radius:7px;letter-spacing:1px;margin-left:5px}.feed-benefit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0}.feed-benefit-cards>div{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:105px;padding:14px 6px;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(145deg,#59465e70,#251d3280);box-shadow:0 8px 22px #0003}.feed-benefit-cards>div:nth-child(2){transform:translateY(-7px);border-color:#c5c5c560;background:linear-gradient(145deg,#4e4e4e65,#251d3280)}.feed-benefit-cards b{font-size:28px;color:#fff;font-weight:750}.feed-benefit-cards span{font-size:9px;line-height:1.4;color:#d5cddd}.feed-offer-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;padding:15px;border-radius:99px;background:linear-gradient(100deg,#c843ed,#f020a7);color:white;font-size:12px;font-weight:700;box-shadow:0 6px 24px #df239a30}.feed-offer-cta:hover{filter:brightness(1.1)}.feed-keep-browsing{display:block;margin:13px auto 9px;color:#e2dfe7;padding:9px 16px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.feed-special-copy>small{font-size:9px;color:#918b9e}.feed-empty .feed-special-copy{bottom:22%;}.feed-empty .feed-special-art{opacity:.4}.feed-empty-heart{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(140deg,#ffffff30,#ffffff07);border:1px solid #ffffff35;box-shadow:0 10px 30px #0004;margin:0 auto 25px;color:#fa8bd4;font-size:34px}.feed-empty .feed-offer-cta{max-width:260px;margin:auto}
@media(max-height:760px) and (min-width:761px){.feed-special-copy{bottom:18px;left:18px;right:18px}.feed-special-copy h1{font-size:29px;margin:12px 0}.feed-special-copy p{margin-bottom:12px;font-size:11px}.feed-benefit-cards{margin:16px 0;gap:6px}.feed-benefit-cards>div{min-height:77px;padding:10px 3px}.feed-benefit-cards b{font-size:23px}.feed-benefit-cards span{font-size:8px}.feed-keep-browsing{margin:7px auto 3px}.feed-tabs button{min-width:76px;padding:8px 12px}}
@media(max-width:760px){.feed-special{min-width:0}.feed-tabs{top:12px}.feed-tabs button{min-width:83px}.feed-special-copy{left:20px;right:20px;bottom:22px}.feed-special-copy h1{font-size:32px}.feed-special-copy p{font-size:12px}.feed-benefit-cards>div{min-height:95px}.feed-plus-nudge{bottom:10px}.feed-top{top:66px}}

/* Generator controls use top-layer popovers, avoiding native menus and clipping. */
.output-dropdown{min-width:0}.output-field-label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.output-dropdown select[hidden]{display:none}.output-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:46px;padding:12px 16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;text-align:left;font-size:13px;font-weight:550}.output-dropdown-trigger>svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .18s}.output-dropdown-trigger[aria-expanded=true]{border-color:var(--muted)}.output-dropdown-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.output-dropdown-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.output-dropdown-popup{position:fixed;inset:auto;margin:0;padding:7px;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 40px #0004,0 3px 8px #0002;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.output-dropdown-popup::backdrop{background:transparent}.output-dropdown-popup [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:43px;padding:11px 14px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left;font-size:14px}.output-dropdown-popup [role=option]:hover,.output-dropdown-popup [role=option]:focus{background:var(--raised);outline:none}.output-dropdown-popup [aria-selected=true]{font-weight:650}.output-dropdown-popup svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;visibility:hidden;flex:none}.output-dropdown-popup [aria-selected=true] svg{visibility:visible}[data-theme=light] .output-dropdown-popup{background:#fff;box-shadow:0 12px 30px #00000018,0 2px 5px #00000010}[data-theme=light] .output-dropdown-popup [role=option]:hover,[data-theme=light] .output-dropdown-popup [role=option]:focus{background:#f4f3f5}

/* Wrapped filters must not clip pill borders or keyboard focus rings. */
.catalog-toolbar .filters{overflow:visible;align-items:center;flex-wrap:wrap;min-height:44px}.catalog-toolbar .filter{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:44px;min-height:44px;line-height:1.2;padding:0 17px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--border);border:0}.catalog-toolbar .filter.active{background:var(--accent);box-shadow:none}.catalog-toolbar .filter:hover:not(.active){background:var(--surface);box-shadow:inset 0 0 0 1px var(--muted)}

/* Curated reference photography; retain full source files without edits. */
.feed-stage>.feed-cover{display:block;width:100%;height:100%;object-fit:cover}.creator-avatar{overflow:hidden}.creator-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.hero-art img,.premium-frame img,.auth-photo img{object-position:center 24%}.format-badge{white-space:nowrap}

/* Readable input references: native-size frames, close portraits, no rotated scaling. */
#grid .input-peek{transform:none;left:12px;top:12px}
.input-peek .pair-peeks{gap:10px}
.input-peek .single-peek,.pair-peeks>span{width:52px;height:64px;padding:0;border:2px solid #fff;border-radius:9px;background:#202026;box-shadow:0 2px 8px #0005;isolation:isolate}
.input-peek .single-peek{display:block;overflow:hidden}
.input-peek .single-peek img,.pair-peeks img{display:block;width:100%;height:100%;border:0;border-radius:7px;object-fit:cover;object-position:50% 32%;transform:none}
.pair-peeks>span{overflow:hidden}
.pair-peeks img{transform:scale(1.35);transform-origin:50% 35%}
.pair-peeks i{left:3px;bottom:3px;width:19px;height:19px;font-size:11px;line-height:1;border:1.5px solid #fff;box-shadow:0 1px 4px #0006;z-index:1}
@media(max-width:760px){#grid .input-peek{transform:none;left:8px;top:8px}.input-peek .single-peek,.pair-peeks>span{width:42px;height:52px;border-radius:8px}.input-peek .pair-peeks{gap:7px}.pair-peeks i{width:17px;height:17px;font-size:10px;left:2px;bottom:2px}}

/* Preserve the reference cover's native contrast and stable raster scale. */
#grid .card-media img,#grid .card-media:hover img{filter:none}
#grid .card-media .cover-still,#grid .card-media:hover .cover-still{transform:none;transition:none;image-rendering:auto}
#grid .motion-card .card-media:after{inset:74% 0 0;background:linear-gradient(transparent,rgba(5,5,8,.25) 32%,rgba(5,5,8,.86) 100%)}
#grid .cover-title,#grid .cover-source{text-shadow:0 1px 4px #000b}

/* A direct creation action appears on hover and keyboard focus. */
#grid .cover-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;min-height:0;max-height:0;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;margin-top:0;padding:0 14px;border:0;border-radius:9px;background:#c0c0c0;color:#171717;font-size:13px;font-weight:750;line-height:1;text-shadow:none;text-decoration:none;transform:none;transition:max-height .2s ease,opacity .16s ease,margin-top .2s ease,background .16s ease}
#grid .card-media:hover .cover-cta,#grid .card-media:focus-within .cover-cta{max-height:44px;opacity:1;visibility:visible;pointer-events:auto;margin-top:10px}
#grid .cover-cta:hover{background:#d8d8d8;transform:none}
#grid .cover-cta:focus-visible{outline:2px solid white;outline-offset:2px}
#grid .cover-cta>span:last-child{font-size:18px;font-weight:500}
@media(hover:none),(max-width:760px){#grid .cover-cta,#grid .card-media:hover .cover-cta,#grid .card-media:focus-within .cover-cta{height:40px;max-height:40px;opacity:1;visibility:visible;pointer-events:auto;margin-top:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#grid .cover-cta{transition:none}}

/* Competitor-reference palette: charcoal, warm brown actions and muted rose accents. */
:root{--bg:#141414;--surface:#1f1f1f;--raised:#282828;--text:#f8f8f8;--muted:#aeaeae;--border:#3d3d3d;--accent:#b9b9b9;--action:#646464;--action-hover:#737373;--action-text:#fff9f5;--rose:#d983a8}
:root[data-theme=light],:root[data-theme="light"]{--bg:#f8f8f8;--surface:#fff;--raised:#eaeaea;--text:#262626;--muted:#6c6c6c;--border:#d3d3d3;--accent:#6e6e6e;--action:#646464;--action-hover:#555555;--action-text:#fff9f5;--rose:#a54572}
.review-bar{background:#1c1c1c;color:#bababa;border-color:#333333}.review-bar i{background:#323232;color:#cccccc}.review-bar button{color:#dec0ae}
.primary,.auth-primary,#age-gate .primary,.personal-tabs a[aria-current=page],.ranking-period [aria-pressed=true],.catalog-toolbar .filter.active,[data-theme=light] .filter.active{background:var(--action);color:var(--action-text);border-color:var(--action);box-shadow:none}
.primary:hover,.auth-primary:hover,#age-gate .primary:hover{background:var(--action-hover);color:var(--action-text)}
#grid .cover-cta{background:var(--action);color:var(--action-text);box-shadow:inset 0 0 0 1px #ffffff12}#grid .cover-cta:hover{background:var(--action-hover)}
.hero-copy em,.premium-art-copy em,.feed-special-copy h1 em{color:#e6c9ba}
.hero-cta,.premium-cta,.feed-offer-cta,.feed-plus-nudge{background:linear-gradient(110deg,#a45280,#b34e7c);color:#fff;box-shadow:0 6px 24px #a452801f}
.hero-cta:hover,.premium-cta:hover,.feed-offer-cta:hover{background:linear-gradient(110deg,#ae5787,#bc507f);color:#fff}
#grid .cover-badges{background:#626262e6;border:1px solid #ffffff18;color:#fff}
#grid .save.saved,.feed-action-rail #feed-save[aria-pressed=true],[data-theme=light] .save.saved{color:#f2a6c8}
.feed-plus-nudge b{background:#dcdcdc;color:#373737}.feed-bottom .primary{background:#646464e8;color:#fff9f5;border-color:#ffffff24}
.feed-bottom .primary:hover{background:#737373;color:#fff9f5}
.ranking-visual .rank-1 .ranking-use{background:var(--action)!important;color:var(--action-text);border-color:#ffffff26!important}
.mobile-nav a.active{background:#303030;color:#ebcbbc}.auth-welcome-icon{background:#333333;color:#e6c5b1}
[data-theme=light] .review-bar{background:#e4e4e4;color:#5f5f5f;border-color:#d3d3d3}[data-theme=light] .review-bar i{background:#cecece;color:#4f4f4f}
[data-theme=light] .mobile-nav a.active{background:#ecddd2;color:#5c5c5c}

/* Black controls with a clear pink accent. */
:root{--bg:#121214;--surface:#1c1c1f;--raised:#27272b;--text:#fafafa;--muted:#b0b0b8;--border:#39393f;--accent:#ff65ad;--action:#09090b;--action-hover:#242428;--action-text:#fff;--rose:#ff65ad}
:root[data-theme=light],:root[data-theme="light"]{--bg:#f8f8fa;--surface:#fff;--raised:#ededf1;--text:#19191d;--muted:#6c6c76;--border:#dddde3;--accent:#bf176a;--action:#09090b;--action-hover:#29292e;--action-text:#fff;--rose:#bf176a}
.catalog-toolbar .filter.active,.ranking-period [aria-pressed=true],.personal-tabs a[aria-current=page]{box-shadow:inset 0 0 0 1px #ffffff24}
.hero-copy em,.premium-art-copy em,.feed-special-copy h1 em{color:#ff8cc2}
.hero-cta,.premium-cta,.feed-offer-cta,.feed-plus-nudge{background:#ff65ad;color:#230d18;box-shadow:0 6px 24px #ff65ad24}
.hero-cta:hover,.premium-cta:hover,.feed-offer-cta:hover{background:#ff83bd;color:#230d18}
#grid .cover-badges{background:#141417e8;border-color:#ffffff30;color:#fff}
#grid .cover-cta{box-shadow:inset 0 0 0 1px #ffffff30}
#grid .save.saved,.feed-action-rail #feed-save[aria-pressed=true],[data-theme=light] .save.saved{color:#ff65ad}
.feed-plus-nudge b{background:#230d18;color:#ffb9dc}.feed-bottom .primary{background:#09090bea;color:#fff;border-color:#ffffff30}.feed-bottom .primary:hover{background:#242428;color:#fff}
.mobile-nav a.active{background:#0b0b0d;color:#ff8cc2}.auth-welcome-icon{background:#301423;color:#ff8cc2}
[data-theme=light] .mobile-nav a.active{background:#09090b;color:#ff9ccb}
.review-bar button,[data-theme=light] .review-bar button{color:var(--accent)}

/* Clearly separate primary actions and selected states from the dark canvas. */
:root,:root[data-theme=light],:root[data-theme="light"]{--action:#ff65ad;--action-hover:#ff89bf;--action-text:#230d18}
.catalog-toolbar .filter.active,.ranking-period [aria-pressed=true],.personal-tabs a[aria-current=page]{background:var(--action);color:var(--action-text);border-color:var(--action);box-shadow:none}
#grid .cover-cta{background:var(--action);color:var(--action-text);box-shadow:0 3px 14px #ff65ad24}
#grid .cover-cta:hover{background:var(--action-hover)}
.secondary,.catalog-toolbar .filter:not(.active){background:#2a2a30;border:1px solid #62626d;color:#f1f1f5;box-shadow:none}
.secondary:hover,.catalog-toolbar .filter:hover:not(.active){background:#37373f;border-color:#9494a2;color:#fff;box-shadow:none}
.feed-bottom .primary{background:var(--action);color:var(--action-text);border-color:transparent}.feed-bottom .primary:hover{background:var(--action-hover);color:var(--action-text)}
.mobile-nav a.active{background:#432134;color:#ffadd4}
[data-theme=light] .secondary,[data-theme=light] .catalog-toolbar .filter:not(.active){background:#fff;border-color:#a0a0ac;color:#373740}
[data-theme=light] .secondary:hover,[data-theme=light] .catalog-toolbar .filter:hover:not(.active){background:#eeeef3;border-color:#747480}
[data-theme=light] .mobile-nav a.active{background:#ffe0ef;color:#87114c}

/* Credit plan grid aligned to the supplied Glow / Velvet / Midnight pricing. */
.pricing-offer{padding:34px 36px 28px;min-width:0;overflow:auto}.pricing-offer .premium-logo{margin-bottom:20px}.pricing-offer>h1{font-size:34px;margin-bottom:9px}.pricing-offer .premium-lead{margin-bottom:18px}.pricing-switch{display:flex;gap:4px;padding:4px;border-radius:999px;background:#170d19;margin:0 auto 16px;width:max-content}.pricing-switch button{padding:10px 18px;border-radius:999px;color:#bcaabd;font:inherit;font-size:12px}.pricing-switch button.active{background:#a63a7b;color:#fff}.pricing-switch button span{margin-left:4px;color:#3ee0a2;font-size:10px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pricing-card{display:flex;flex-direction:column;min-width:0;padding:15px;border:1px solid #ffffff16;border-radius:15px;background:#170b18;color:#fff;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.pricing-card:hover{transform:translateY(-2px);border-color:#c74191}.pricing-card.selected{border-color:#e84dab;box-shadow:0 0 0 1px #e84dab inset,0 12px 30px #e84dab16}.pricing-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.pricing-card h2{font-size:18px;margin:0}.pricing-card>p{min-height:30px;margin:5px 0 12px;color:#b9a9bc;font-size:10px;line-height:1.4}.pricing-popular{white-space:nowrap;padding:5px 7px;border-radius:999px;background:#f450af;color:#180b17;font-size:9px;font-weight:800}.pricing-card-price{display:flex;align-items:flex-end;gap:6px;border-top:1px solid #ffffff12;padding-top:12px}.pricing-card-price strong{font-size:30px;line-height:1}.pricing-card-price span{display:flex;flex-direction:column;color:#f05cb2;font-size:11px;font-weight:700;line-height:1.1}.pricing-card-price small{color:#a99dab;font-size:8px;font-weight:400;margin-top:4px}.pricing-save{align-self:flex-start;background:#3f1235;color:#f455af;font-size:9px;padding:4px 6px;border-radius:5px;margin-top:7px}.pricing-credits{margin-top:14px;padding:12px 10px;border-radius:12px;background:#1d0b1e}.pricing-credits strong{font-size:17px}.pricing-credits>span{margin-left:4px;color:#b8a9ba;font-size:10px}.pricing-credits p{margin:6px 0 0;color:#a99aab;font-size:9px;line-height:1.4}.pricing-card button{width:100%;margin-top:auto;padding:10px 8px;border:0;border-radius:999px;background:#e7dfe8;color:#161117;font:inherit;font-size:11px;font-weight:700}.pricing-card.selected button{background:#f34eac}.pricing-estimate{margin:13px 0;padding:11px 13px;border:1px solid #ffffff12;border-radius:12px;background:#120812}.pricing-estimate>span{display:block;color:#f34eac;font-size:8px;letter-spacing:1.6px;font-weight:700}.pricing-estimate strong{display:block;margin-top:5px;font-size:13px}.pricing-estimate p{margin:4px 0 0;color:#ad9daf;font-size:9px;line-height:1.4}.pricing-cta{width:100%;border-radius:999px!important;min-height:46px!important}.pricing-offer .premium-skip{padding:9px 8px;min-height:34px}.pricing-offer .premium-terms{margin-top:0}
@media(max-width:900px){.pricing-offer{padding:25px 22px 20px}.pricing-grid{grid-template-columns:1fr}.pricing-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.pricing-card>p,.pricing-card-price,.pricing-credits{grid-column:1/-1}.pricing-card button{grid-column:2;grid-row:1;align-self:center;width:auto;padding:9px 14px}.pricing-card .pricing-credits{margin-top:8px}.pricing-card>p{min-height:0}}

/* Final sign-in button treatment. Keep this after the responsive auth rules. */
.auth-social .auth-google{min-height:68px;padding:0 24px;border:1.5px solid #ef4b9e;border-radius:999px;background:#fff;color:#171b20;justify-content:center;position:relative;font-size:15px;font-weight:700;box-shadow:0 5px 18px #00000012}
.auth-social .auth-google>span{position:absolute;right:24px;color:#9aa0a8;font-size:22px;line-height:1}
.auth-social .auth-google:hover{background:#fff;border-color:#e83d93;transform:translateY(-1px);box-shadow:0 8px 24px #ef4b9e1c}
@media(max-width:700px){.auth-social .auth-google{min-height:56px;padding:0 18px;font-size:13px}.auth-social .auth-google>span{right:18px;font-size:19px}}