@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope.woff2') format('woff2')}
:root{color-scheme:dark;--bg:#100a0b;--panel:#181213;--panel-raised:#22191a;--line:#2f2526;--muted:#9f9092;--text:#faf4f5;--pink:#fc3292;--purple:#e23d4a;--green:#8ad3b0;--gradient:linear-gradient(110deg,#fc3292,#e03b47);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}img,video{display:block;max-width:100%}svg{flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(2.1rem,1.5rem + 2vw,3.4rem);font-weight:700;letter-spacing:-.055em;line-height:1.12}h2{font-size:1.8rem;letter-spacing:-.04em;line-height:1.2}h3{font-size:1.05rem;letter-spacing:-.02em}em{font-style:normal;background:var(--gradient);background-clip:text;color:transparent}p{color:var(--muted)}button,input,textarea,select,a{outline-offset:5px}:focus-visible{outline:2px solid #fa7bc5}input,select,textarea{min-height:45px;width:100%;border:1px solid #3e3032;background:#150e0f;color:var(--text);border-radius:10px;padding:11px 13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#ba448e}input::placeholder,textarea::placeholder{color:#7c6a6c}input[type=checkbox],input[type=radio]{width:17px;min-height:17px;accent-color:var(--pink)}input[type=file]{padding:9px;font-size:.78rem}input[type=file]::file-selector-button{border:0;border-radius:5px;background:#3a2628;color:#eaddde;padding:6px 8px;margin-right:10px}textarea{resize:vertical}select{width:auto}ul{padding:0;list-style:none}fieldset{border:0;padding:0;margin:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 42px;border-bottom:1px solid var(--line);background:rgb(11 10 16 / 94%);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;gap:9px;align-items:center;font-size:1.65rem;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.brand-light{font-weight:400}.brand sup{font-size:.55rem;margin-left:5px;letter-spacing:.03em;color:#d6a7a8;vertical-align:top;position:relative;top:7px}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--gradient);width:39px;height:39px;border-radius:12px;flex-shrink:0}.main-nav{display:flex;gap:9px}.main-nav a{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:9px;color:#b1a3a5;font-weight:500;font-size:.87rem}.main-nav a:hover{background:#1e1516;color:white}.main-nav a.active{background:#291421;color:#fc71b7}.header-actions{display:flex;gap:17px;align-items:center}.balance{display:flex;align-items:center;gap:7px;color:#f699cc;background:#271522;border:1px solid #4b263c;border-radius:25px;padding:8px 8px 8px 12px;font-size:.87rem}.credit-plus{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#4c2540;font-size:1.1rem}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#41282a;border:1px solid #6d494a;font-size:.9rem}.login-link{font-size:.88rem}.page{max-width:1510px;margin:0 auto;padding:0 42px;min-height:calc(100dvh - 230px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;padding:14px 23px;min-height:49px;border-radius:11px;background:var(--gradient);font-weight:650;font-size:.89rem;line-height:1.3;color:white;text-align:center;transition:filter .15s,background .15s}.btn:hover{filter:brightness(1.13)}.btn-small{min-height:36px;padding:9px 14px;font-size:.8rem}.btn-secondary{background:#281c1e;border-color:#443032}.btn-ghost{background:transparent;border-color:#3a2a2c}.full{width:100%}.icon-button{border:1px solid var(--line);background:#221718;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.icon-button:hover{border-color:#9a477c}.eyebrow{font-size:.68rem;font-weight:650;letter-spacing:.16em;color:#bda6a8;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#ef5cb1;box-shadow:0 0 12px #fb36a258}.muted{color:var(--muted)}.tiny{font-size:.77rem}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.text-button{border:0;padding:0;min-height:25px;background:transparent;color:#ee8ac4;font-size:.8rem}.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}.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:#fff;color:#111;padding:12px}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:505px;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-bottom:43px;overflow:hidden}.hero-copy{padding:50px 0;position:relative;z-index:1}.hero-copy h1{font-size:clamp(3rem,1.4rem + 3vw,4.6rem);margin-top:20px;line-height:1.05;letter-spacing:-.065em}.hero-copy>p{max-width:425px;font-size:1rem;line-height:1.8;margin-top:22px}.hero-buttons{display:flex;gap:10px;margin-top:29px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:35px;color:#9f9092;font-size:.7rem;line-height:1.6}.hero-proof b{color:#e2d6d7;font-weight:500}.mini-avatars{display:flex;padding-right:2px}.mini-avatars img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--bg);margin-left:-9px}.mini-avatars img:first-child{margin-left:0}.proof-divider{width:1px;height:26px;background:#3d3031;margin:0 10px}.hero-art{position:relative;display:flex;gap:12px;height:505px;justify-content:center;overflow:hidden;transform:rotate(-7deg) scale(.97);padding:0 14px;mask-image:linear-gradient(transparent,black 9%,black 89%,transparent)}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse,#8b255a50,transparent 65%)}.hero-strip{flex:1;max-width:190px;display:flex;flex-direction:column;gap:12px;position:relative}.hero-strip img{width:100%;height:270px;min-height:270px;object-fit:cover;border-radius:14px;border:1px solid #ffffff16}.strip-one{margin-top:-90px}.strip-two{margin-top:7px}.strip-three{margin-top:-47px}.floating-label{position:absolute;bottom:53px;left:50%;transform:translateX(-50%) rotate(7deg);display:flex;align-items:center;gap:9px;white-space:nowrap;padding:12px 17px;border:1px solid #ffffff25;border-radius:13px;font-size:.77rem;background:#261517ed;box-shadow:0 12px 35px #0009}.mini-spark{display:grid;place-items:center;color:#fb76be}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{margin-top:7px;font-size:1.85rem}.section-heading>.muted{font-size:.8rem}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:37px;padding:8px 15px;border-radius:22px;border:1px solid #35292a;font-size:.79rem;background:#191112;color:#b1a0a2}.chip:hover{border-color:#6c3a57;color:#fff}.chip.selected{background:#f8eeee;color:#241314;border-color:#f8eeee;font-weight:650}.chip.disabled{opacity:.4}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #35292a;background:#171011;border-radius:10px;padding:0 12px;max-width:260px;min-width:180px;color:#9e8789}.search-field input{background:transparent;border:0;min-height:39px;padding:8px 0;outline:none;font-size:.8rem}.search-field:focus-within{border-color:#b04d86}.catalog-subnav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.segmented{display:flex;padding:4px;background:#221718;border:1px solid #3d2b2d;border-radius:12px;gap:4px;flex-shrink:0}.segmented a{display:flex;justify-content:center;align-items:center;gap:8px;padding:11px 27px;border-radius:9px;font-size:.87rem;color:#af9a9c;min-width:100px}.segmented a.selected{color:#fff;background:var(--gradient);box-shadow:0 3px 15px #c92a9a20}.segmented.compact{padding:3px;border:0;background:#1e1314}.segmented.compact a{padding:6px 14px;font-size:.75rem;min-width:55px}.segmented.compact a.selected{background:#3b2224;box-shadow:none;color:#f4b2dc}.template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:27px 18px}.template-card{min-width:0;container-type:inline-size}.card-image{display:block;position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:13px;background:#291c1d}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-image:hover img{transform:scale(1.035)}.mode-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:4px;background:#1b1011bf;backdrop-filter:blur(8px);font-size:.56rem;letter-spacing:.05em;padding:4px 7px;border:1px solid #fff2;border-radius:5px}.hot-badge{position:absolute;top:11px;right:10px;color:#ffd4e9;font-size:.5rem;letter-spacing:.07em;padding:5px 7px;background:#ab2763d9;border-radius:5px}.card-overlay{position:absolute;inset:0;background:linear-gradient(transparent 60%,#140708bb);display:flex;align-items:end;padding:12px}.card-cta{background:#fff;color:#291213;font-weight:650;font-size:.72rem;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 5px;border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.card-image:hover .card-cta,.card-image:focus-visible .card-cta{opacity:1;transform:translateY(0)}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.card-category{color:#b072a0;font-size:.57rem;text-transform:uppercase;letter-spacing:.11em}.card-meta h3{font-size:.9rem;margin-top:2px;font-weight:600}.card-price{font-size:.73rem;color:#bda0a1;display:flex;gap:4px;align-items:center}.card-bottom{display:flex;justify-content:space-between;gap:8px;color:#8a7477;font-size:.68rem;margin-top:6px}.like{display:flex;align-items:center;gap:4px;background:none;border:0;padding:0;color:#9f898b;font-size:.68rem}.like.liked,.liked{color:#fc72bb}.liked svg{fill:#fc72bb24}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:.8rem;color:var(--muted);margin-top:35px}.bottom-cta{display:flex;align-items:center;gap:24px;background:radial-gradient(ellipse at 90% 50%,#70244740,transparent 70%),#1c1011;border:1px solid #3e2627;padding:32px;border-radius:17px;margin:55px 0}.bottom-cta h2{font-size:1.5rem}.bottom-cta p{font-size:.87rem;margin-top:8px}.bottom-cta>.btn{margin-left:auto;flex-shrink:0}.footer{max-width:1510px;margin:0 auto;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:27px 42px;color:#836d70;font-size:.73rem;flex-wrap:wrap}.footer-brand{font-size:1.05rem;color:#bea3a5;letter-spacing:-.04em}.footer nav{display:flex;gap:20px;margin-left:auto}.footer a:hover{color:#e6b3d5}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:42px 0 30px}.page-heading h1{margin-top:9px}.page-heading p{margin-top:12px;font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(335px,1fr);gap:23px}.preview-panel{background:radial-gradient(ellipse at center,#3b202245,transparent),#161011;border:1px solid var(--line);border-radius:16px;padding:23px 25px 17px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.preview-topline{display:flex;justify-content:space-between;align-items:center;color:#7d676a;font-size:.6rem;letter-spacing:.1em}.preview-topline>span:first-child{display:flex;gap:7px;align-items:center;color:#b39193}.comparison{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:12px;margin:28px 0}.preview-label{display:block;letter-spacing:.15em;text-align:center;font-size:.64rem;color:#ae9598;margin-bottom:13px}.preview-frame{aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:14px;background:#29191b;border:1px solid #ffffff12}.preview-frame img{width:100%;height:100%;object-fit:cover}.comparison-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gradient);margin-top:25px}.replace-photo{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;justify-content:center;padding:9px 11px;background:#271416d9;border:1px solid #fff3;border-radius:8px;white-space:nowrap;font-size:.67rem;cursor:pointer}.preview-demo{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:.6rem;text-shadow:0 1px 8px #000}.preview-caption{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.65rem;color:#8d7174}.generation-settings{padding:23px}.step-heading{display:flex;gap:9px;align-items:center;margin-bottom:14px}.step-heading h2{font-size:1rem;letter-spacing:-.02em}.step{display:grid;place-items:center;background:#462121;color:#f7b3dc;width:23px;height:23px;border-radius:50%;font-size:.75rem;font-weight:600}.step-heading>.text-button{margin-left:auto}.upload-zone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 12px;border:1px dashed #664143;background:#26131555;border-radius:11px;cursor:pointer}.upload-zone:hover,.upload-zone.drag-over{border-color:#ff6ebb;background:#372021}.upload-zone b{font-size:.84rem;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone>span:not(.upload-icon){font-size:.72rem;color:#b2898d}.upload-zone small{font-size:.61rem;color:#7f6466;margin-top:2px}.upload-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#442326;color:#e5a1cf;margin-bottom:5px}.generation-settings>.tiny{margin-top:8px;font-size:.66rem}.preset-title{display:flex;justify-content:space-between;align-items:center;color:#a58c8f;font-size:.68rem;margin:15px 0 8px}.preset-title .text-button{font-size:.66rem}.preset-list{display:flex;gap:7px;flex-wrap:wrap}.preset{padding:2px;border-radius:50%;border:1px solid #4c3335;background:transparent;width:42px;height:42px}.preset img{width:100%;height:100%;object-fit:cover;border-radius:50%}.preset.selected{border-color:#fb51ab;box-shadow:0 0 0 2px #fc329225}.second-step{margin-top:23px}.selected-style{display:flex;gap:11px;align-items:center;background:#28191b;border:1px solid #513031;border-radius:10px;padding:9px}.selected-style img{border-radius:7px;object-fit:cover;width:43px;height:49px}.selected-style b{display:block;font-size:.84rem;font-weight:550}.selected-style span{font-size:.65rem;color:#a98b8d;display:block;margin-top:2px}.selected-style>svg{margin-left:auto;color:#f184c5}.field-label{display:flex;justify-content:space-between;margin:18px 0 7px;font-size:.74rem;font-weight:500;color:#e7cfd1}.field-label span{color:#896a6d;font-weight:400;font-size:.67rem}.generation-settings textarea{font-size:.76rem;min-height:60px}.resolution-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;margin:13px 0}.resolution-row select{padding:7px 10px;min-height:33px;font-size:.7rem;max-width:65%}.generate-button{width:100%;margin-top:6px;padding:13px 15px}.button-cost{display:flex;align-items:center;gap:4px;border-left:1px solid #fff5;padding-left:12px;margin-left:auto;font-size:.78rem}.cost-note{text-align:center;font-size:.65rem;color:#9b787b;margin-top:10px}.demo-note{display:flex;align-items:flex-start;gap:12px;background:#1b1213;border:1px solid #38292b;border-radius:11px;padding:16px 20px;color:#c19a9d;margin:23px 0 35px}.demo-note p{font-size:.77rem;color:#a78b8e;line-height:1.7}.demo-note b{color:#d6b9bc;font-weight:500}.style-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 13px;margin-bottom:45px}.style-option{cursor:pointer;min-width:0;position:relative}.style-option>input{position:absolute;top:10px;left:10px;opacity:0;width:1px;height:1px}.style-image{display:block;aspect-ratio:3/4;overflow:hidden;border:2px solid transparent;border-radius:11px;position:relative;padding:2px;background:#29181a}.style-image img{width:100%;height:100%;object-fit:cover;border-radius:7px}.style-check{position:absolute;right:8px;bottom:8px;background:var(--gradient);width:22px;height:22px;border-radius:50%;display:none;place-items:center}.style-option:has(input:checked) .style-image{border-color:#f94ca8}.style-option:has(input:checked) .style-check{display:grid}.style-option:has(input:focus-visible) .style-image{outline:2px solid #fac0e1;outline-offset:3px}.style-option>b{display:block;margin-top:8px;font-size:.77rem;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-option>small{display:flex;justify-content:space-between;font-size:.62rem;color:#9f7d80;margin-top:3px}.style-option>small span{color:#d18fb7}.auth-layout{max-width:1000px;margin:55px auto;display:grid;grid-template-columns:1fr 1.05fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}.auth-visual{position:relative;min-height:650px}.auth-visual>img{width:100%;height:100%;object-fit:cover;position:absolute}.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#1a0b0de8)}.auth-visual>div{position:absolute;bottom:37px;left:32px;right:20px;z-index:1}.auth-visual h2{font-size:2.35rem;margin:12px 0}.auth-visual p{color:#d8bfc0;font-size:.87rem}.auth-panel{padding:40px;display:flex;flex-direction:column;justify-content:center}.auth-panel>.brand-symbol{margin-bottom:25px}.auth-panel h1{font-size:2rem;margin:10px 0}.auth-panel>p{font-size:.82rem}.stack-form{display:flex;flex-direction:column;gap:17px}.auth-panel .stack-form{margin-top:26px}.stack-form label,.template-edit-form label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:#d3bdbf}.stack-form .check-label,.check-label{display:inline-flex;flex-direction:row;gap:7px;align-items:center;font-size:.75rem;color:#b39195}.form-between{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;gap:8px}.form-between a,.auth-switch a{color:#f69bd0}.auth-panel .auth-switch{margin:22px 0;text-align:center}.auth-provider-note{margin-top:26px;display:flex;gap:7px;align-items:center;font-size:.65rem;color:#9a777b}.narrow-panel{max-width:520px;margin:70px auto;padding:35px}.narrow-panel h1{font-size:2.3rem;margin:14px 0}.narrow-panel p{font-size:.87rem;margin:15px 0}.narrow-panel .stack-form{margin-top:25px}.checkout-panel{text-align:center}.checkout-panel .eyebrow{justify-content:center}.checkout-panel>.empty-icon{margin:25px auto 18px}.checkout-total{font-size:3rem;font-weight:600;letter-spacing:-.05em}.checkout-panel form{margin-top:12px}.checkout-panel>small{display:block;margin-top:25px;font-size:.65rem;overflow-wrap:anywhere}.notice{display:flex;align-items:center;gap:10px;background:#2d1d1f;border:1px solid #533639;border-radius:10px;padding:14px 18px;font-size:.83rem;margin:20px 0}.notice p{color:inherit}.notice.success{border-color:#315a49;background:#12271e;color:#a8ddbf}.notice.error,.inline-error{background:#321926;border:1px solid #71324d;color:#f4a1be}.notice button{margin-left:auto;background:none;border:0;display:grid;place-items:center}.inline-error{border-radius:9px;padding:12px;margin:14px 0;font-size:.8rem}.notice:empty{display:none}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 40px}.result-card{overflow:hidden}.result-thumb{position:relative;display:block;aspect-ratio:4/4.4;overflow:hidden;background:#291b1c}.result-thumb>img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:13px;left:13px;font-size:.64rem;font-weight:550;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:6px;background:#2c1d1fe8;color:#d7b5b8;border:1px solid #fff1}.status-badge.succeeded{background:#15362ce8;color:#adeacb;border-color:#2c6648}.status-badge.processing,.status-badge.queued{background:#402224ed;color:#f6c0c4;border-color:#72383d}.status-badge.failed,.status-badge.canceled{background:#3d2432ed;color:#eeb1c5}.status-badge.static{position:static}.demo-badge{position:absolute;bottom:12px;right:12px;font-size:.55rem;padding:4px 7px;background:#1c0e0fd9;color:#d4a5a9;border-radius:4px;letter-spacing:.07em}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#29121480;backdrop-filter:blur(10px);border:1px solid #fff4}.result-card-body{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.result-card-body h3{font-size:.95rem}.result-card-body small{font-size:.65rem}.result-actions{display:flex;gap:5px}.result-actions .icon-button{width:29px;height:31px;border:0;background:none}.empty-state{grid-column:1/-1;padding:70px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:17px}.empty-state p{font-size:.9rem;line-height:1.8}.empty-icon{width:75px;height:75px;display:grid;place-items:center;border-radius:20px;background:#331b1e;color:#d58bbd;border:1px solid #543133}.result-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;margin-bottom:45px}.result-viewer{position:relative;overflow:hidden;min-height:450px;display:grid;place-items:center;background:#160d0e}.result-viewer #result-media{width:100%;height:100%;display:grid;place-items:center}.result-viewer img,.result-viewer video{max-height:74dvh;width:100%;object-fit:contain}.pending-image{opacity:.28;filter:blur(3px)}.render-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px;text-align:center;background:#160c0d60}.render-overlay h2{font-size:1.7rem}.render-overlay p{max-width:310px;font-size:.82rem;color:#cda6aa}.render-spinner{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;border:1px solid #fd69c466;box-shadow:0 0 60px #e432a333;background:#c3259840;color:#fac6e6}.render-overlay progress{width:160px;height:5px;accent-color:#e33eb4}.result-details{padding:28px;align-self:start;display:flex;flex-direction:column;gap:15px}.result-details h2{font-size:1.6rem}.result-details>.status-badge{align-self:start}.details-list{margin:4px 0}.details-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:.8rem}.details-list dt{color:#aa878b}.details-list dd{margin:0;text-align:right}.result-details .field-label{margin:0}.prompt-preview{font-size:.85rem;overflow-wrap:anywhere}.breadcrumb{font-size:.75rem;color:#b88488}.pricing-intro{padding:58px 0 40px;text-align:center}.pricing-intro .eyebrow{justify-content:center}.pricing-intro h1{margin:16px 0}.pricing-intro p{line-height:1.8}.pricing-rates{display:flex;justify-content:center;gap:26px;margin-top:25px}.pricing-rates>span{display:flex;align-items:center;gap:8px;color:#b88d91;font-size:.79rem}.pricing-rates b{color:#e5d0d2;font-weight:500}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:12px 0 30px}.price-card{padding:27px 22px;position:relative}.price-card h2{font-size:2.7rem;margin-top:15px}.price-card h2 small{display:block;font-size:.76rem;color:#a97a7e;font-weight:400;letter-spacing:0;margin-top:2px}.package-price{font-size:2rem;color:#fae9ea;margin-top:18px;font-weight:600;letter-spacing:-.04em}.package-price span{font-size:.75rem;color:#a07b7f;letter-spacing:0;font-weight:400}.price-divider{height:1px;background:#462b2e;margin:22px 0}.package-features{display:flex;flex-direction:column;gap:12px;font-size:.78rem;color:#d4b9bb}.package-features li{display:flex;gap:8px;align-items:center}.package-features svg{width:16px;height:16px;color:#bd73a7}.price-card select{width:100%;font-size:.75rem;margin:10px 0;min-height:38px}.price-card>.btn{margin-top:20px}.price-card.popular{border-color:#b54242;background:radial-gradient(ellipse at top,#5f1d4933,transparent 75%),#1f1213}.popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gradient);border-radius:6px;padding:5px 11px;white-space:nowrap;font-size:.58rem;letter-spacing:.08em;font-weight:650}.faq-section{max-width:750px;margin:60px auto}.faq-section h2{text-align:center;margin-bottom:25px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.9rem}summary::-webkit-details-marker{display:none}details[open]>summary>svg{transform:rotate(45deg)}details p{font-size:.83rem;line-height:1.8;margin-top:15px}details[open]>summary{color:#f4c0de}.account-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;margin-bottom:30px}.account-form{padding:28px}.account-form h2{margin-bottom:25px;font-size:1.4rem}.account-form details .stack-form{padding-top:15px}.wallet-card{background:radial-gradient(ellipse at top right,#99296244,transparent 70%),#251214;padding:30px;display:flex;flex-direction:column;gap:10px}.wallet-card>.btn{margin-top:15px}.wallet-amount{display:flex;align-items:center;gap:10px;color:#fda7d3;font-size:3.3rem;letter-spacing:-.05em;font-weight:600}.wallet-card>span:not(.eyebrow){color:#c19195;font-size:.8rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 28px}.stats-grid.two{grid-template-columns:1fr 1fr;margin-top:18px}.stat{display:flex;flex-direction:column;gap:8px;padding:23px}.stat span{font-size:.76rem;color:#af8a8d}.stat strong{font-size:2rem;letter-spacing:-.04em}.history-panel{padding:27px;margin:25px 0}.history-panel h2{font-size:1.35rem}.table-scroll{overflow:auto;max-width:100%;margin-top:15px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.79rem;white-space:nowrap}th{color:#a68184;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em}td,th{padding:15px 12px;border-bottom:1px solid #342325}td:first-child,th:first-child{padding-left:0}.positive{color:#9ce1ba}.small-input{width:95px;min-height:34px;padding:6px 9px}.registry-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:28px 0 18px}.registry-bar .search-field{max-width:420px;flex:1}.registry-list{display:flex;flex-direction:column;gap:10px}.registry-item{padding:0;overflow:hidden}.registry-item summary{padding:12px 17px}.registry-item summary>img{width:53px;height:65px;object-fit:cover;border-radius:8px}.registry-title{display:flex;flex-direction:column;min-width:160px}.registry-title b{font-size:.89rem;font-weight:550}.registry-title small{color:#9f797d;font-size:.66rem;margin-top:3px}.registry-prompt{font-family:monospace;font-size:.66rem;color:#8f7173;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto}.registry-cost{font-size:.8rem;color:#d9a4a4;min-width:45px}.registry-content{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:25px;border-top:1px solid var(--line);background:#150c0d}.reference-preview>img,.reference-preview>video{width:100%;max-height:330px;object-fit:cover;border-radius:12px}.reference-preview>span{display:block;margin:15px 0;line-height:1.7}.template-edit-form{display:flex;flex-direction:column;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.template-edit-form small{font-size:.65rem;color:#967074}.template-edit-form .tiny{font-size:.68rem}.template-edit-form select{width:100%}.template-edit-form .code-input{font-family:ui-monospace,monospace;font-size:.77rem}.template-edit-form>.btn{align-self:start}.template-edit-form code{color:#e1a6cf}.info-page{max-width:790px;margin:60px auto 75px}.info-page h1{margin:15px 0 25px}.info-page h2{font-size:1.4rem;margin:35px 0 15px}.info-page p{line-height:1.9}.info-page .lead{font-size:1.15rem;margin-bottom:23px;color:#d7b4b7}.info-page ol{padding-left:20px;color:#bf9a9e;line-height:2.2}.modal{background:#211214;color:var(--text);border:1px solid #643334;border-radius:17px;max-width:min(460px,calc(100% - 32px));padding:30px;box-shadow:0 25px 100px #000b}.modal::backdrop{background:#0e0506bf;backdrop-filter:blur(7px)}.modal .modal-close{position:absolute;right:13px;top:13px;background:none;border:0}.modal h2{margin:15px 0}.modal p{font-size:.87rem;line-height:1.7;margin-bottom:20px}.modal .btn{margin-top:15px}.modal.danger,.btn.danger{background:#9d305a}.wide-modal{max-width:min(850px,calc(100% - 32px));width:850px;max-height:90dvh}.wide-modal .template-edit-form{margin-top:20px}[hidden]{display:none!important}
@container(max-width:180px){.card-meta h3{font-size:.8rem}.card-price{font-size:.65rem}.card-cta{font-size:.65rem;gap:3px}.hot-badge{font-size:.45rem;padding:5px}.card-bottom{font-size:.59rem}}
@media(min-width:1600px){.hero{min-height:545px}.hero-art{height:545px}.hero-strip img{height:295px;min-height:295px}.hero-copy h1{font-size:4.9rem}}
@media(max-width:1150px){.topbar{padding:0 25px;gap:15px}.page{padding:0 25px}.main-nav{gap:0}.main-nav a{padding:10px;font-size:.8rem}.brand{font-size:1.45rem}.hero{grid-template-columns:1.1fr 1fr;min-height:460px}.hero-art{height:460px;gap:8px;padding:0}.hero-copy h1{font-size:3.3rem}.hero-copy>p{font-size:.89rem;max-width:355px}.hero-buttons .btn{padding:13px 15px;font-size:.8rem}.hero-proof{font-size:.62rem;gap:6px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-grid .template-card:nth-child(5n){display:block}.catalog-tools{align-items:start}.catalog-tools .chips{max-width:70%}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}.preview-panel{padding:20px 15px}.comparison{gap:7px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}.comparison-arrow{width:28px;height:28px}.replace-photo{font-size:.59rem;padding:7px}.style-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.pricing-grid{gap:12px}.price-card{padding:24px 17px}.price-card .btn{font-size:.75rem;padding:12px 10px}.price-card h2{font-size:2.3rem}.results-grid{gap:16px}.registry-prompt{display:none}}
@media(max-width:850px){.topbar{height:70px;padding:0 20px}.brand{font-size:1.4rem}.brand-symbol{width:33px;height:33px}.main-nav a{padding:10px 9px}.main-nav a span{display:none}.header-actions{gap:10px}.hero{grid-template-columns:1.15fr 1fr;gap:10px;min-height:435px}.hero-art{height:435px;gap:8px;transform:rotate(-7deg) scale(1.02)}.hero-strip{min-width:100px}.hero-strip img{height:230px;min-height:230px}.strip-three{display:none}.hero-copy h1{font-size:2.8rem}.hero-copy .eyebrow{font-size:.55rem}.hero-copy>p{font-size:.82rem}.hero-buttons .btn-ghost{display:none}.hero-proof{flex-wrap:wrap;max-width:320px}.proof-divider{margin:0 5px}.floating-label{font-size:.6rem;padding:10px}.section-heading h2{font-size:1.55rem}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px}.workspace{grid-template-columns:1fr}.preview-panel{padding:20px}.comparison{max-width:580px;width:100%;margin:22px auto;gap:18px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.preview-frame{max-height:420px}.generation-settings{padding:25px}.preset{width:48px;height:48px}.preview-caption{margin-top:8px}.style-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.auth-panel{padding:30px}.auth-visual>div{left:25px}.auth-visual h2{font-size:2rem}.auth-panel h1{font-size:1.7rem}.auth-layout{margin:35px auto}.auth-visual{min-height:600px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-workspace{grid-template-columns:1fr 310px;gap:15px}.result-details{padding:22px}.result-viewer{min-height:350px}.account-grid{grid-template-columns:1fr 1fr;gap:16px}.account-form{padding:22px}.bottom-cta{padding:25px;gap:15px}.bottom-cta h2{font-size:1.25rem}.bottom-cta p{font-size:.75rem}.bottom-cta>.brand-symbol{display:none}.bottom-cta .btn{font-size:.75rem;padding:12px}.footer{padding:25px}.footer>span{display:none}.registry-content{grid-template-columns:170px 1fr;gap:20px;padding:20px}.registry-title{min-width:130px}.stats-grid{gap:10px}.stat{padding:18px}}
@media(max-width:600px){:root{font-size:14px}.topbar{height:64px;padding:0 16px;gap:10px}.brand{font-size:1.35rem;gap:6px}.brand-symbol{width:29px;height:29px;border-radius:9px}.brand-symbol svg{width:20px;height:20px}.brand sup{font-size:.45rem;top:6px}.header-actions{gap:8px}.header-actions .btn{font-size:.7rem;padding:8px 10px;min-height:34px}.login-link{font-size:.78rem}.balance{padding:5px 5px 5px 9px;font-size:.78rem;gap:5px}.avatar{width:30px;height:30px;font-size:.75rem}.main-nav{position:fixed;left:0;right:0;bottom:0;height:62px;background:#160c0df5;backdrop-filter:blur(12px);border-top:1px solid #422d2f;z-index:30;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.main-nav a{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1;padding:5px;border-radius:0;font-size:.58rem}.main-nav a span{display:block}.main-nav a.active{background:none;color:#f67ac0}.main-nav svg{width:20px;height:20px}.page{padding:0 16px;min-height:calc(100dvh - 230px)}.hero{display:flex;flex-direction:column;gap:0;min-height:0;margin-bottom:30px;position:relative;align-items:stretch}.hero-copy{padding:32px 0 24px}.hero-copy .eyebrow{font-size:.59rem}.hero-copy h1{font-size:clamp(2.7rem,8.7vw,4rem);margin-top:15px;letter-spacing:-.06em}.hero-copy>p{font-size:.88rem;max-width:360px;line-height:1.7;margin-top:17px}.hero-buttons{margin-top:21px}.hero-buttons .btn{font-size:.83rem;min-height:45px;padding:12px 17px}.hero-proof{margin-top:21px;font-size:.64rem;max-width:100%}.hero-art{height:245px;transform:rotate(-5deg) scale(1.05);padding:0 10px;margin:3px 0 10px;justify-content:center;gap:10px;mask-image:linear-gradient(transparent,black 5%,black 90%,transparent)}.hero-strip{max-width:150px;min-width:0}.strip-three{display:flex}.hero-strip img{height:200px;min-height:200px;border-radius:10px}.strip-one{margin-top:-70px}.strip-two{margin-top:0}.strip-three{margin-top:-35px}.floating-label{bottom:22px;font-size:.65rem;transform:translateX(-50%) rotate(5deg)}.section-heading{align-items:start;margin-bottom:17px;gap:13px}.section-heading h2{font-size:1.5rem;margin-top:6px}.section-heading>.muted{display:none}.eyebrow{font-size:.58rem;letter-spacing:.13em}.catalog-tools{flex-direction:column;gap:13px}.catalog-tools .chips{max-width:100%;flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 16px);padding-right:16px;padding-bottom:5px}.chip{white-space:nowrap;font-size:.76rem;min-height:34px;padding:7px 13px}.search-field{max-width:none;width:100%;min-width:0}.catalog-tools>.search-field{width:100%}.catalog-subnav .tiny{font-size:.61rem;max-width:160px;text-align:right}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.card-image{border-radius:10px}.mode-badge{top:8px;left:7px;font-size:.5rem;padding:4px 6px}.hot-badge{top:auto;bottom:8px;right:7px;font-size:.45rem}.card-cta{display:none}.card-meta{margin-top:7px}.card-meta h3{font-size:.86rem}.card-category{font-size:.5rem}.card-price{font-size:.66rem}.card-bottom{font-size:.61rem}.like{font-size:.61rem}.card-overlay{padding:8px}.bottom-cta{flex-direction:column;align-items:start;padding:25px 20px;margin:35px 0}.bottom-cta h2{font-size:1.4rem}.bottom-cta p{font-size:.8rem}.bottom-cta .btn{margin:5px 0 0;width:100%;font-size:.84rem}.footer{padding:23px 16px 90px;gap:16px}.footer nav{margin-left:0;flex-wrap:wrap;gap:13px;width:100%;font-size:.7rem}.footer small{font-size:.66rem}.page-heading{padding:30px 0 24px;flex-direction:column;align-items:start;gap:20px}.page-heading h1{font-size:2.35rem;margin-top:9px}.page-heading p{font-size:.84rem}.page-heading>.segmented{width:100%}.segmented a{flex:1;padding:10px 22px}.workspace{gap:16px}.preview-panel{padding:16px 13px}.preview-topline{font-size:.53rem}.comparison{gap:7px;margin:20px auto;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr)}.comparison-arrow{width:25px;height:25px}.comparison-arrow svg{width:17px}.preview-label{font-size:.52rem;margin-bottom:9px;letter-spacing:.1em}.preview-frame{border-radius:10px;max-height:none}.replace-photo{padding:6px 8px;font-size:.54rem;bottom:9px}.replace-photo svg{width:12px}.preview-demo{font-size:.49rem;bottom:10px}.preview-caption{font-size:.55rem;gap:4px}.preview-caption svg{width:12px}.generation-settings{padding:20px}.step-heading h2{font-size:1.05rem}.upload-zone{padding:19px 12px}.preset{width:41px;height:41px}.preset-list{gap:7px}.style-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}.style-option>b{font-size:.72rem}.style-option>small{font-size:.55rem}.style-picker .style-image{border-radius:9px}.style-picker .style-image img{border-radius:5px}#pick-style .section-heading{flex-direction:column;gap:15px}.demo-note{padding:13px;gap:9px;margin:18px 0 28px}.demo-note svg{width:16px}.demo-note p{font-size:.7rem}.auth-layout{display:block;margin:27px auto;border-radius:15px}.auth-visual{min-height:190px;max-height:190px;overflow:hidden}.auth-visual>img{object-position:50% 30%}.auth-visual>div{bottom:20px;left:23px}.auth-visual h2{font-size:1.7rem;margin:8px 0}.auth-visual p{display:none}.auth-panel{padding:25px}.auth-panel>.brand-symbol{display:none}.auth-panel h1{font-size:1.85rem}.auth-panel>.eyebrow{font-size:.52rem}.auth-panel .stack-form{margin-top:20px}.narrow-panel{margin:35px auto;padding:25px}.narrow-panel h1{font-size:2rem}.results-grid{gap:13px;margin-top:20px}.result-card-body{padding:11px;align-items:start;flex-direction:column;gap:8px}.result-card-body h3{font-size:.84rem}.result-card-body small{font-size:.57rem}.result-actions{width:100%;justify-content:end;border-top:1px solid var(--line);padding-top:6px}.status-badge{top:8px;left:8px;font-size:.54rem;padding:4px 6px}.play-circle{width:44px;height:44px}.play-circle svg{width:20px}.empty-state{padding:45px 10px;gap:15px}.empty-state h2{font-size:1.5rem}.empty-state p{font-size:.8rem}.result-workspace{grid-template-columns:1fr}.result-viewer{min-height:320px}.result-viewer img,.result-viewer video{max-height:65dvh}.result-details{padding:23px}.pricing-intro{padding:35px 0}.pricing-intro h1{font-size:2.5rem}.pricing-intro p{font-size:.88rem}.pricing-rates{gap:15px;flex-wrap:wrap}.pricing-rates>span{font-size:.72rem;gap:6px}.pricing-grid{grid-template-columns:1fr 1fr;gap:25px 12px}.price-card{padding:24px 13px 17px}.price-card h2{font-size:2.2rem}.price-card>.eyebrow{font-size:.58rem}.package-price{font-size:1.8rem}.package-price span{font-size:.58rem}.package-features{font-size:.65rem;gap:9px}.package-features svg{width:13px;height:13px}.price-card select{font-size:.65rem;padding:7px;min-height:34px}.price-card .btn{font-size:.68rem;padding:10px 7px;min-height:40px;gap:5px}.price-card .btn svg{width:13px}.popular-label{font-size:.47rem;padding:5px 7px}.price-card h2 small{font-size:.65rem}.faq-section{margin:40px auto}.faq-section h2{font-size:1.5rem}.account-grid{grid-template-columns:1fr}.account-form{padding:22px}.account-grid .stats-grid{margin-bottom:0}.history-panel{padding:20px 15px}.history-panel .section-heading{flex-direction:column;gap:8px}.history-panel h2{font-size:1.25rem}td,th{padding:12px 10px;font-size:.7rem}.wallet-card{padding:25px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat{padding:17px}.stat strong{font-size:1.7rem}.registry-bar{flex-direction:column;align-items:start;gap:10px}.registry-bar .search-field{max-width:none;width:100%}.registry-bar .tiny{font-size:.65rem}.registry-item summary{padding:10px;gap:9px;flex-wrap:wrap}.registry-item summary>img{width:40px;height:51px}.registry-title{min-width:0;flex:1}.registry-title b{font-size:.82rem}.registry-title small{font-size:.6rem}.registry-cost{font-size:.69rem;min-width:31px}.registry-item summary>.status-badge{font-size:.48rem}.registry-item summary>svg{display:none}.registry-content{grid-template-columns:1fr;padding:16px;gap:20px}.reference-preview{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}.reference-preview>img,.reference-preview>video{width:100px;height:125px;grid-row:span 2}.reference-preview>span{margin:0;font-size:.65rem}.reference-preview .btn{font-size:.65rem;padding:8px;min-height:35px}.form-grid{gap:12px}.template-edit-form label{font-size:.72rem}.template-edit-form input,.template-edit-form select,.template-edit-form textarea{font-size:.78rem;min-width:0}.template-edit-form .form-grid input[type=file]{font-size:.6rem}.template-edit-form .code-input{font-size:.67rem}.info-page{margin:35px auto}.info-page h1{font-size:2.3rem}.info-page .lead{font-size:1rem}.modal{padding:25px}.wide-modal{padding:25px 18px}.wide-modal h2{font-size:1.5rem}.pagination{gap:13px;margin-top:25px}.catalog-tools>form select{min-height:35px;font-size:.75rem}.notice{font-size:.78rem;padding:13px}.notice.error p{margin:3px 0}.bottom-cta .brand-symbol{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Reference layout: floating navigation, character wall, fixed creation panel. */
body{background:radial-gradient(ellipse 65% 38% at 50% 0,#3b112124,transparent),#0d090a}
.topbar{height:64px;width:calc(100% - 100px);max-width:1320px;margin:12px auto 0;padding:0 20px;border:1px solid #3d3435;border-radius:40px;top:12px;background:linear-gradient(110deg,#171112ee,#100b0ced);gap:18px}
.brand{font-size:1.45rem;letter-spacing:-.04em;gap:10px}.brand-symbol{width:34px;height:34px;background:linear-gradient(150deg,#4a2026,#291114);color:#f660b9;border-radius:10px}.main-nav{margin-right:auto;gap:3px}.main-nav a{font-size:.91rem;padding:9px 15px;border-radius:30px;color:#f0e9ea;white-space:nowrap}.main-nav a>svg{display:none}.main-nav a.active{background:#2f2526;color:#fff}.header-actions{gap:9px}.avatar{width:38px;height:38px;background:var(--gradient);border:0;font-weight:600}.balance{border-radius:25px;padding:8px 14px;background:#ffffff08;border:1px solid #4c4142;color:#fff;gap:8px}.lightning{font-size:1.25rem;color:#ffe34c;font-weight:bold;line-height:1}.header-search{max-width:330px;min-width:150px;flex:1}.header-search form{display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #3f3435;border-radius:30px;background:#ffffff08;color:#8e8182}.header-search input{border:0;background:none;min-height:37px;padding:7px 0;font-size:.8rem;outline:none}.header-search:focus-within form{border-color:#ca518d}.home-page .page{max-width:none;padding:0}.reference-hero{height:clamp(680px,64vw,1040px);min-height:680px;max-height:1040px;position:relative;display:grid;place-items:center;overflow:hidden;margin-top:-76px;padding:150px 25px 120px}.hero-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;position:absolute;inset:-120px -22px 0;overflow:hidden;z-index:-1;opacity:.43;mask-image:linear-gradient(black 65%,transparent 100%)}.wall-column{display:flex;flex-direction:column;gap:15px}.wall-column:nth-child(even){transform:translateY(90px)}.wall-column:nth-child(3){transform:translateY(-30px)}.wall-column img{aspect-ratio:3/3.8;object-fit:cover;border-radius:19px;width:100%;height:auto}.reference-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#0d090a5c,#0d090a73 45%,#0d090aa8),linear-gradient(transparent,#0d090a45 55%,#0d090a)}.reference-hero-content{text-align:center;max-width:760px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;letter-spacing:.1em;font-weight:650;color:#fa9ac9;border:1px solid #92304f;border-radius:30px;padding:8px 15px;background:#571e382a}.reference-hero h1{font-size:clamp(4.2rem,6.3vw,7.4rem);line-height:1.07;letter-spacing:-.055em;margin:25px 0 28px}.reference-hero h1 em{background:linear-gradient(110deg,#ff3289,#ff7a86);background-clip:text;color:transparent}.reference-hero p{color:#bdb2b3;font-size:1rem;line-height:1.75}.reference-hero .hero-buttons{justify-content:center;margin-top:26px;gap:14px}.reference-hero .btn{min-height:54px;border-radius:16px;padding:15px 25px;font-size:.99rem}.reference-hero .btn:not(.btn-ghost){background:linear-gradient(110deg,#fe368c,#fb2079);box-shadow:0 12px 40px #f1297130}.reference-hero .btn-ghost{background:#ffffff04;border-color:#6a5a5a4f}.hero-free{display:block;font-size:.7rem;color:#907b7c;margin-top:20px}.featured-section{max-width:1650px;margin:0 auto 38px;padding:0 42px}.featured-section>.eyebrow{margin-bottom:20px;color:#aca0a2;letter-spacing:.14em;font-size:.75rem}.featured-stage{position:relative;height:420px;overflow:hidden}.featured-slide{position:absolute;width:66%;height:100%;border:1px solid #4a3d3d;border-radius:23px;overflow:hidden;left:17%;transition:opacity .25s;opacity:0;pointer-events:none}.featured-slide.is-current{opacity:1;z-index:2;pointer-events:auto}.featured-slide.is-prev{left:-51%;opacity:.45}.featured-slide.is-next{left:85%;opacity:.45}.featured-slide>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.featured-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#110909a8,transparent 75%),linear-gradient(transparent 55%,#130b0ca8)}.featured-slide>div{position:absolute;z-index:1;left:38px;top:50%;transform:translateY(-25%)}.featured-slide h2{font-size:2.2rem;letter-spacing:-.025em;max-width:300px;margin-bottom:20px}.featured-slide .btn{background:linear-gradient(110deg,#fc368d,#fc2078);border-radius:15px}.featured-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:3}.featured-controls>button{border:0;background:#1e121370;border-radius:50%;width:28px;height:28px;color:#dbc4c6;font-size:1.2rem;line-height:1}.featured-dots{display:flex;gap:7px;align-items:center}.featured-dots>button{width:7px;height:7px;padding:0;border:0;background:#ffffff59;border-radius:10px}.featured-dots>button.selected{width:25px;background:#fff9}.reference-catalog{max-width:1650px;margin:0 auto;padding:0 42px}.category-bar{display:flex;align-items:center;justify-content:center;padding:6px;gap:6px;border:1px solid #3a2c2d;border-radius:40px;background:#150d0e;width:max-content;max-width:100%;margin:25px auto;overflow-x:auto}.category-pill{border:0;display:inline-flex;justify-content:center;align-items:center;gap:5px;border-radius:30px;white-space:nowrap;min-height:40px;padding:9px 19px;font-size:.88rem;background:none;color:#aa9b9c;font-weight:550;flex-shrink:0}.category-pill:hover{background:#2c1c1e;color:#f3e0e2}.category-pill.selected{background:var(--gradient);color:white;box-shadow:0 3px 16px #d4379a25}.category-pill.new-pill:not(.selected){border:1px solid #87506e;background:linear-gradient(120deg,#4c1d36,#78353d);color:#f3e5e6}.reference-catalog .catalog-subnav{margin:0 0 20px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.template-card{position:relative}.card-image{aspect-ratio:3/4.4;border-radius:21px;border:1px solid #4d4242}.card-image img{transition:none}.card-overlay{background:linear-gradient(transparent 50%,#18080be8);padding:17px;align-items:center;justify-content:center}.embedded-meta{position:absolute;left:17px;right:17px;bottom:17px;z-index:2;display:flex;flex-direction:column;gap:4px}.embedded-meta strong{font-size:1.03rem;letter-spacing:-.025em;font-weight:650}.embedded-meta .card-category{font-size:.65rem;color:#fa8ab9;letter-spacing:.1em}.mode-badge{z-index:3;top:11px;left:12px;border-radius:20px;font-size:.63rem;letter-spacing:.13em;padding:5px 9px;background:#1b12139c;color:#e2b8bc}.mode-badge.photo{color:#ff96a8}.mode-badge.photo .live-dot{display:none}.mode-badge.video{color:#fc4c94}.card-likes{position:absolute;top:11px;right:12px;z-index:3;display:flex;gap:5px;align-items:center;border:1px solid #ffffff20;border-radius:20px;padding:5px 9px;background:#1b12139c;font-size:.65rem;font-weight:650}.card-likes svg{color:#ff599c;fill:#ff599c}.card-reference-video{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:0;pointer-events:none}.card-image:hover .card-reference-video,.style-option:hover .card-reference-video{opacity:1}.card-cta{max-width:160px;background:linear-gradient(110deg,#f93a91,#cf353b);color:white;border-radius:10px;padding:12px;z-index:4}.card-favorite{position:absolute;right:14px;bottom:16px;z-index:5}.card-favorite .icon-button{border:0;border-radius:50%;background:#220a0da1;width:30px;height:30px}.home-page .bottom-cta{max-width:1566px;margin:55px auto 30px;border-radius:28px;min-height:170px;background:linear-gradient(110deg,#170d0eda,#4e1832a8);padding:36px 45px}.bottom-cta h2{font-size:2rem}.bottom-cta p{font-size:.94rem}.bottom-cta .btn{border-radius:16px;padding:17px 28px;background:linear-gradient(110deg,#fa3c93,#fa2279);box-shadow:0 10px 30px #ff237b33}.footer{max-width:1650px;border:0;font-size:.8rem}.footer-brand{font-size:.8rem;font-weight:400;letter-spacing:0}.language-pill{padding:7px 15px;border:1px solid #463638;border-radius:30px;color:#c7aaad;font-size:.8rem}.generator-container{max-width:1800px;padding:0 35px}.reference-generator{display:grid;grid-template-columns:minmax(340px,32%) minmax(0,1fr);gap:23px;padding-top:18px;align-items:start}.generator-sidebar{position:sticky;top:92px;border:1px solid #3e3031;border-radius:27px;padding:21px 18px 17px;background:radial-gradient(ellipse at 50% 0,#3a18302a,transparent 50%),#100b0c;min-height:calc(100dvh - 115px);max-height:calc(100dvh - 110px);display:flex;flex-direction:column}.generator-sidebar-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b3435 transparent;padding-bottom:15px;min-height:0}.generator-sidebar h1{font-size:1.85rem;letter-spacing:-.035em;line-height:1.2}.generator-subtitle{font-size:.8rem;margin:3px 0 13px;color:#8f8081}.generator-mode{border-radius:35px;border-color:#423334;background:#ffffff04}.generator-mode a{flex:1;border-radius:30px;min-width:0;padding:10px 17px;font-size:.9rem}.generator-mode a.selected{box-shadow:0 6px 23px #ff248b30}.generator-sidebar .comparison{grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr);gap:11px;margin:13px auto 15px;padding:0 12px;width:100%}.generator-sidebar .preview-label{font-size:.61rem;color:#ae999b;margin-bottom:6px;letter-spacing:.1em}.generator-sidebar .preview-frame{aspect-ratio:3/5.3;border-radius:13px;max-height:280px}.generator-sidebar .preview-frame img{object-fit:cover}.generator-sidebar .comparison-arrow{width:27px;height:27px;margin-top:20px}.generator-sidebar .comparison-arrow svg{width:17px}.generator-sidebar .step-heading{margin:10px 0}.generator-sidebar .step{background:var(--gradient);color:white;width:22px;height:22px}.generator-sidebar .step-heading h2{font-size:.95rem}.generator-sidebar .second-step h2{color:#bea8aa;font-weight:450;font-size:.88rem}.generator-sidebar #selected-style-title{font-weight:650;color:#ed4da9}.compact-upload{border:1px solid #453133;border-radius:15px;display:flex;flex-direction:row;align-items:center;padding:10px;gap:11px;min-height:74px;background:#1c1112}.compact-upload>img{width:44px;height:57px;object-fit:cover;border-radius:8px;flex-shrink:0}.compact-upload>span:not(.upload-icon){min-width:0;text-align:left;display:flex;flex-direction:column;gap:4px;flex:1}.compact-upload b{font-size:.76rem}.compact-upload small{font-size:.57rem}.compact-upload .upload-icon{width:29px;height:29px;background:none;margin:0;color:#c59da1}.generator-sidebar #input-hint{font-size:.59rem;margin:5px 2px 0}.generator-sidebar .preset-title{font-size:.65rem;margin-top:13px}.generator-sidebar .preset{width:39px;height:39px}.generator-sidebar .preset-list{gap:6px}.generator-submit{margin-top:auto;padding-top:10px}.generator-submit .generate-button{background:linear-gradient(110deg,#ff348a,#fb1e78);box-shadow:0 7px 35px #fc23762b;min-height:48px;border-radius:16px;font-size:.95rem}.generator-submit .cost-note{font-size:.63rem;margin-top:9px}.sidebar-demo{font-size:.56rem;color:#7d6163;text-align:center;margin-top:5px}.generator-sidebar .advanced-options{padding:9px 0 0;border-bottom:0}.advanced-options summary{font-size:.65rem;color:#a67d81}.advanced-options textarea{font-size:.72rem}.generator-sidebar .field-label{font-size:.69rem;margin-top:12px}.generator-sidebar .resolution-row{margin-bottom:5px}.generator-template-heading{display:flex;align-items:center;gap:18px;min-width:0;margin-bottom:16px}.generator-template-heading h2{font-size:1.4rem;letter-spacing:-.025em;white-space:nowrap}.generator-categories{margin:0;width:auto;max-width:none;flex:1;justify-content:start;scrollbar-width:none;gap:3px;padding:5px}.generator-categories .category-pill{font-size:.72rem;padding:7px 12px;min-height:33px}.generator-search{display:none}.generator-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.generator-picker .style-option .style-image{aspect-ratio:3/5.2;border:2px solid #514444;padding:0;border-radius:20px;background:#191011;max-height:none}.generator-picker .style-image>img{border-radius:17px}.generator-picker .style-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#180a0cdc)}.generator-picker .style-option:has(input:checked) .style-image{border-color:#f250b0;box-shadow:0 0 0 1px #d44d54}.generator-picker .style-check{z-index:4;top:12px;right:12px;bottom:auto;width:22px;height:22px}.generator-card-meta{position:absolute;left:14px;right:14px;bottom:16px;display:flex;gap:6px;align-items:center;justify-content:space-between;z-index:3}.generator-card-meta>b{font-size:.95rem;letter-spacing:-.02em;font-weight:650;line-height:1.2}.generator-card-meta>span{font-size:.65rem;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#d6c2c3}.generator-card-meta>span svg{color:#ff559a;fill:#ff559a}.generator-demo-note{color:#8d7274;font-size:.7rem;line-height:1.7;margin:20px 0 40px}.generator-sidebar .preset-title .text-button{font-size:.62rem}.generator-sidebar .inline-error{font-size:.69rem;padding:8px}.generator-sidebar .btn{font-weight:650}
@media(min-width:1800px){.generator-container{max-width:2000px}.generator-sidebar{padding:25px;top:95px}.generator-sidebar .preview-frame{max-height:390px}.generator-sidebar .preset{width:47px;height:47px}.generator-sidebar .preset-list{gap:8px}.generator-sidebar h1{font-size:2.1rem}.generator-picker .style-option .style-image{aspect-ratio:3/5.2}.generator-card-meta>b{font-size:1.15rem}.generator-submit .generate-button{min-height:56px}.generator-sidebar .step-heading h2{font-size:1rem}}
@media(max-width:1200px){.topbar{width:calc(100% - 50px);gap:13px;padding:0 16px}.brand{font-size:1.25rem}.main-nav a{font-size:.83rem;padding:9px 11px}.header-search{max-width:210px;min-width:110px}.header-search input{font-size:.72rem}.topbar .btn-small{font-size:.73rem;padding:8px 11px}.generator-container{padding:0 24px}.reference-generator{grid-template-columns:340px minmax(0,1fr);gap:18px}.generator-template-heading{flex-direction:column;align-items:start;gap:10px}.generator-categories{max-width:100%;width:100%}.generator-card-meta{left:11px;right:11px;bottom:13px}.generator-card-meta>b{font-size:.83rem}.generator-card-meta>span{font-size:.57rem}.generator-picker{gap:10px}.generator-picker .mode-badge{font-size:.52rem;left:8px;top:9px;padding:4px 6px}.generator-picker .style-check{top:9px;right:8px;width:18px;height:18px}.reference-hero h1{font-size:6rem}.featured-stage{height:370px}.home-page .bottom-cta{margin:45px 42px 25px}.featured-slide h2{font-size:1.8rem}}
@media(max-width:950px){.header-search{display:none}.main-nav{margin:0 auto}.main-nav a span{display:block}.main-nav a>svg{display:none}.reference-generator{grid-template-columns:300px minmax(0,1fr);gap:15px}.generator-sidebar{padding:18px 14px;top:88px;max-height:calc(100dvh - 100px);min-height:calc(100dvh - 100px)}.generator-sidebar .comparison{gap:6px;padding:0 5px;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr)}.generator-sidebar .comparison-arrow{width:23px;height:23px}.generator-sidebar .preview-frame{max-height:240px}.generator-sidebar .preset{width:33px;height:33px}.generator-sidebar .preset-list{gap:5px}.generator-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-card-meta>b{font-size:.84rem}.reference-hero h1{font-size:5.2rem}.reference-hero{min-height:650px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.embedded-meta{left:12px;right:12px;bottom:14px}.embedded-meta strong{font-size:.88rem}.embedded-meta .card-category{font-size:.55rem}.card-likes{font-size:.55rem;padding:4px 7px;right:8px}.card-image{border-radius:17px}.featured-stage{height:330px}.featured-slide{width:76%;left:12%}.featured-slide.is-prev{left:-66%}.featured-slide.is-next{left:90%}.footer nav{gap:13px}.category-pill{font-size:.8rem;padding:8px 14px}}
@media(max-width:700px){.topbar{width:calc(100% - 28px);padding:0 13px;gap:10px;height:59px;margin-top:10px;top:10px}.main-nav a{padding:8px;font-size:.73rem}.main-nav a:nth-child(5){display:none}.brand{font-size:1.15rem;gap:7px}.brand-symbol{width:29px;height:29px}.header-actions .login-link{display:none}.balance{padding:7px 10px;font-size:.75rem}.avatar{width:32px;height:32px}.header-actions{gap:7px}.reference-generator{grid-template-columns:270px minmax(0,1fr);gap:13px}.generator-container{padding:0 16px}.generator-sidebar{padding:16px 12px}.generator-sidebar h1{font-size:1.65rem}.generator-sidebar .preset{width:30px;height:30px}.generator-sidebar .preset-list{gap:4px}.generator-sidebar .preview-frame{max-height:205px}.generator-card-meta>b{font-size:.75rem}.generator-card-meta>span{display:none}.generator-picker{gap:9px}.generator-picker .style-option .style-image{border-radius:14px}.generator-picker .style-image>img{border-radius:11px}.reference-hero h1{font-size:4.7rem}.category-bar{justify-content:start}.reference-catalog{padding:0 20px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-section{padding:0 20px}.home-page .bottom-cta{margin:40px 20px 20px;padding:30px}.bottom-cta h2{font-size:1.6rem}.bottom-cta p{font-size:.8rem}.language-pill{font-size:.68rem}}
@media(max-width:600px){.topbar{height:58px;top:9px;padding:0 12px;width:calc(100% - 24px);margin-top:9px}.brand{font-size:1.2rem;gap:7px}.main-nav{position:fixed;top:auto;bottom:0;left:-13px;right:-13px;width:calc(100% + 26px);height:62px;display:flex;justify-content:space-around;border-top:1px solid #462b2d;background:#170b0cf7;margin:0}.main-nav a{font-size:.62rem;flex:1;display:flex!important;flex-direction:column;gap:3px;border-radius:0;padding:6px 3px;color:#b09698}.main-nav a>svg{display:block;width:19px;height:19px}.main-nav a.active{background:none;color:#fc72ba}.main-nav a span{display:block}.header-actions{margin-left:auto;gap:8px}.header-actions .btn-small{font-size:.72rem;min-height:32px;padding:7px 11px}.header-search{display:none}.reference-hero{height:clamp(460px,calc((100vw - 24px) * 1.66),650px);min-height:660px;max-height:850px;padding:110px 20px 110px;margin-top:-67px}.reference-hero h1{font-size:clamp(3.5rem,12vw,4.7rem);line-height:1.08;margin:22px 0 24px}.hero-kicker{font-size:.6rem;padding:7px 11px;letter-spacing:.08em}.reference-hero p{font-size:.9rem;line-height:1.7;max-width:310px;margin:0 auto}.desktop-break{display:none}.reference-hero .hero-buttons{gap:10px;margin-top:24px;flex-wrap:nowrap}.reference-hero .btn{font-size:.82rem;min-height:47px;padding:12px 15px;border-radius:13px;gap:7px}.reference-hero .btn-ghost{display:inline-flex}.hero-free{font-size:.62rem;margin-top:17px}.hero-wall{grid-template-columns:repeat(3,1fr);inset:-40px -65px 0;gap:9px;opacity:.4}.wall-column:nth-child(n+4){display:none}.wall-column img{border-radius:12px;aspect-ratio:3/4.2}.wall-column{gap:9px}.wall-column:nth-child(even){transform:translateY(75px)}.featured-section{padding:0 15px;margin-top:-35px;margin-bottom:22px;position:relative}.featured-section>.eyebrow{font-size:.63rem;margin-bottom:13px}.featured-stage{height:265px}.featured-slide{left:5%;width:90%;border-radius:18px}.featured-slide.is-prev{left:-87%}.featured-slide.is-next{left:97%}.featured-slide>div{left:22px;top:45%}.featured-slide h2{font-size:1.7rem;margin-bottom:16px;max-width:210px}.featured-slide .btn{font-size:.77rem;padding:11px 15px;min-height:41px;border-radius:12px}.featured-controls{bottom:10px;gap:9px}.featured-controls>button{width:23px;height:23px;font-size:1rem}.reference-catalog{padding:0 15px}.category-bar{margin:20px 0 15px;max-width:100%;width:auto;scrollbar-width:none;padding:5px;gap:3px;justify-content:start}.category-pill{font-size:.76rem;padding:8px 14px;min-height:35px}.reference-catalog .catalog-subnav{margin-bottom:14px}.catalog-subnav>.tiny{font-size:.63rem;max-width:none}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-image{border-radius:16px;aspect-ratio:3/4.7}.mode-badge{font-size:.52rem;top:9px;left:8px;padding:4px 7px;letter-spacing:.09em}.mode-badge .live-dot{width:4px;height:4px}.card-likes{font-size:.53rem;top:9px;right:7px;padding:4px 6px;gap:3px}.card-likes svg{width:11px;height:11px}.embedded-meta{left:12px;right:12px;bottom:13px;gap:4px}.embedded-meta strong{font-size:.91rem;line-height:1.15}.embedded-meta .card-category{font-size:.51rem}.card-favorite{right:8px;bottom:10px}.card-favorite .icon-button{width:25px;height:25px}.card-favorite~.embedded-meta{right:35px}.home-page .bottom-cta{margin:35px 15px 20px;padding:25px 22px;border-radius:23px;min-height:180px;gap:15px}.home-page .bottom-cta h2{font-size:1.6rem}.home-page .bottom-cta p{font-size:.82rem;line-height:1.7}.home-page .bottom-cta .btn{margin:0;min-height:45px;font-size:.86rem;border-radius:13px}.footer{padding:20px 16px 90px;gap:16px}.footer-brand{font-size:.74rem}.footer-brand>span{display:block}.footer nav{font-size:.73rem;gap:15px}.language-pill{display:inline-block!important;font-size:.7rem}.reference-generator{grid-template-columns:1fr;gap:26px;padding-top:15px}.generator-container{padding:0 13px}.generator-sidebar{position:relative;top:0;max-height:none;min-height:0;padding:20px 17px 16px;border-radius:23px}.generator-sidebar-scroll{overflow:visible}.generator-sidebar h1{font-size:1.9rem}.generator-subtitle{font-size:.85rem;margin:4px 0 16px}.generator-mode a{padding:11px;font-size:.95rem}.generator-sidebar .comparison{padding:0 9px;gap:13px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);margin:17px auto 19px;max-width:430px}.generator-sidebar .preview-frame{aspect-ratio:3/5.1;max-height:310px;border-radius:15px}.generator-sidebar .preview-label{font-size:.65rem;margin-bottom:9px}.generator-sidebar .comparison-arrow{width:28px;height:28px}.generator-sidebar .step-heading{margin:13px 0}.generator-sidebar .step-heading h2{font-size:1.05rem}.compact-upload{padding:11px;border-radius:15px;gap:12px}.compact-upload>img{width:48px;height:61px}.compact-upload b{font-size:.85rem}.compact-upload small{font-size:.65rem}.generator-sidebar #input-hint{font-size:.65rem;margin:8px 2px}.generator-sidebar .preset-title{font-size:.73rem;margin:15px 0 9px}.generator-sidebar .preset{width:42px;height:42px}.generator-sidebar .preset-list{gap:6px}.generator-sidebar .second-step h2{font-size:.98rem}.generator-sidebar #selected-style-category{font-size:.73rem}.advanced-options summary{font-size:.75rem}.generator-submit{padding-top:8px}.generator-submit .generate-button{font-size:1rem;min-height:53px;border-radius:15px}.generator-submit .cost-note{font-size:.73rem}.sidebar-demo{font-size:.62rem;margin-top:7px}.generator-template-heading{gap:13px;margin-bottom:17px}.generator-template-heading h2{font-size:1.55rem}.generator-categories{margin:0;padding:5px;width:100%}.generator-categories .category-pill{font-size:.75rem;min-height:35px;padding:8px 14px}.generator-search{display:flex;margin-bottom:15px}.generator-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:20px}.generator-picker .style-option .style-image{aspect-ratio:3/5.2;border-radius:16px}.generator-picker .style-image>img{border-radius:13px}.generator-card-meta{left:11px;right:11px;bottom:14px}.generator-card-meta>b{font-size:.87rem}.generator-card-meta>span{display:flex;font-size:.6rem;gap:3px}.generator-card-meta>span svg{width:12px}.generator-picker .mode-badge{font-size:.55rem;top:10px;left:8px;padding:4px 6px}.generator-picker .style-check{width:19px;height:19px}.generator-demo-note{font-size:.71rem;margin-bottom:30px}.generator-sidebar .inline-error{font-size:.8rem}}

.reference-hero{isolation:isolate}
/* Juicy Dream identity — the reference structure, with a cooler editorial finish. */
:root{--bg:#140b0d;--panel:#201316;--panel-raised:#2b1b1f;--line:#412b30;--muted:#b3979e;--text:#fff4f6;--pink:#ff8398;--purple:#ff7294;--gradient:linear-gradient(112deg,#f5677d,#f36285)}
body{background:radial-gradient(ellipse 65% 35% at 45% 0,#61293635,transparent),#140b0d}
.topbar{background:linear-gradient(110deg,#27181bed,#1d1013ee);border-color:#50343b;box-shadow:0 8px 30px #00000020}
.brand-symbol{background:linear-gradient(145deg,#612e37,#451c26);color:#ffa9b8;border:1px solid #81535a4d;border-radius:10px}
.brand{letter-spacing:-.035em}.main-nav a.active{background:#462c32;color:#ffedf0}.main-nav a:hover{background:#3c242a}
.header-search form{border-color:#50353c;background:#ffffff04;color:#b08993}.header-search:focus-within form{border-color:#ce7987}.header-search input::placeholder{color:#9d7881}
.balance{border-color:#5c3941;background:#3d202766}.lightning{color:#ffb7c8}.avatar{background:linear-gradient(140deg,#f1798b,#e06785)}
.live-dot{background:#ffa2b1;box-shadow:0 0 12px #fa849750}.hero-kicker{border-color:#996069;background:#56313730;color:#f8bac4}.reference-hero h1 em{background:linear-gradient(100deg,#ff8fa0,#ff8aa7);background-clip:text;color:transparent}
.reference-hero:after{background:radial-gradient(ellipse at center,#160a0d5c,#140a0c73 45%,#160a0dac),linear-gradient(transparent,#140b0d55 55%,#140b0d)}
.reference-hero .btn:not(.btn-ghost),.generator-submit .generate-button,.bottom-cta .btn,.featured-slide .btn{background:linear-gradient(110deg,#ed6378,#e85e7f);box-shadow:0 8px 25px #e7637b2b}
.reference-hero .btn-ghost{background:#36181f33;border-color:#a476814d}.reference-hero-content p{color:#d1bcc1}.hero-free{color:#ad8d95}
.category-bar{background:#211115;border-color:#4d3037}.category-pill{color:#c2a2aa}.category-pill.selected{background:linear-gradient(120deg,#bb606e,#bc5870);color:#fff;box-shadow:none}.category-pill:hover{background:#4a2730;color:#ffe7ec}.category-pill.new-pill:not(.selected){border-color:#8b5360;background:#51283366;color:#fabbca}
.segmented{background:#301b20;border-color:#55353d}.generator-mode{background:#29171b;border-color:#56333b}.generator-mode a.selected{background:var(--gradient);box-shadow:0 5px 20px #df6b8225}.segmented.compact{background:#2a1419}.segmented.compact a.selected{background:#533037;color:#ffc4cf}
.generator-sidebar{border-color:#50343b;border-radius:21px;background:radial-gradient(ellipse at 20% 0,#6539412b,transparent 55%),#1d1013}.generator-subtitle{color:#b08d96}.generator-sidebar #selected-style-title{color:#ffa4b3}.generator-sidebar .second-step h2{color:#c19ca5}.generator-sidebar .step{background:#ad626e;color:#fff}.generator-sidebar .preview-label{color:#be9ba4}.generator-sidebar .preview-frame{border-color:#5d4147}.comparison-arrow{background:linear-gradient(135deg,#df7181,#da6481)}
.compact-upload{background:#29171b;border-color:#5a353e;border-radius:12px}.upload-zone:hover,.upload-zone.drag-over{border-color:#f18b9c;background:#43252c}.compact-upload .upload-icon{color:#dba8b4}.preset{border-color:#603a43}.preset.selected{border-color:#ff94a5;box-shadow:0 0 0 2px #f18a9a26}.generator-picker .style-option .style-image{border-color:#52373e;border-radius:17px}.generator-picker .style-image>img{border-radius:14px}.generator-picker .style-option:has(input:checked) .style-image{border-color:#ff90a2;box-shadow:0 0 0 1px #ef7894}.generator-picker .style-image:after{background:linear-gradient(transparent 55%,#20080ee8)}.generator-card-meta>span{color:#e1c1c9}.generator-card-meta>span svg,.card-likes svg{color:#ffa4b3;fill:#ffa4b3}.style-check{background:var(--gradient)}
.mode-badge{background:#290d14b5;border-color:#ffffff20}.mode-badge.video{color:#ffacb9}.mode-badge.photo{color:#ffa9bf}.mode-badge .live-dot{background:#ffa0af}.generator-submit .generate-button{border-radius:12px}.cost-note{color:#ae858f}.sidebar-demo,.generator-demo-note{color:#a97f89}.advanced-options summary{color:#bd939d}.generator-sidebar #input-hint{color:#b28993}
.card-image{border-color:#593c43;border-radius:17px}.card-overlay{background:linear-gradient(transparent 50%,#20080eed)}.embedded-meta .card-category{color:#f3a9b5}.card-likes{background:#2a1117a8;color:#f5dae1}.card-cta{background:var(--gradient)}.card-favorite .icon-button{background:#31131ab8}.liked{color:#ffa5b3}.liked svg{fill:#fc92a230}
.featured-slide{border-color:#63454c;border-radius:20px}.featured-slide:after{background:linear-gradient(90deg,#200a0fb0,transparent 75%),linear-gradient(transparent 55%,#20080ea8)}.featured-section>.eyebrow{color:#c09ea6}.featured-controls>button{background:#401c2566}
.home-page .bottom-cta{border-color:#5b3941;border-radius:23px;background:linear-gradient(110deg,#2b1117e8,#63313995)}.bottom-cta p{color:#cca9b2}.footer{color:#a67e88}.footer-brand{color:#c3a0a9}.language-pill{border-color:#5e3b43;color:#d4aab4}.footer a:hover{color:#ffb7c3}
.panel{background-color:#221317;border-color:#4c2e35}.notice{background:#402028;border-color:#723d4a}.notice.success{background:#142a28;border-color:#315b55}.eyebrow{color:#c999a1}.demo-note{background:#291419;border-color:#543039;color:#d2a4af}.demo-note p{color:#bb939d}.demo-note b{color:#e1c0c8}
input,select,textarea{background:#200e12;border-color:#5b353e}input:focus,select:focus,textarea:focus{border-color:#e98c9b}input::placeholder,textarea::placeholder{color:#9e7781}.text-button,.form-between a,.auth-switch a{color:#efa1ad}.btn-secondary{background:#42232a;border-color:#693c47}.btn-ghost{border-color:#5c3a42}.search-field{background:#271116;border-color:#5a353e;color:#b98c97}.search-field:focus-within{border-color:#d88a96}.search-field input{background:none}.price-card.popular{background:radial-gradient(ellipse at top,#9a515d26,transparent 75%),#2b181c;border-color:#ba717d}.price-divider{background:#58343d}.package-features svg{color:#da9aa4}.wallet-card{background:radial-gradient(ellipse at top right,#af5a6840,transparent 70%),#30171d}.wallet-amount{color:#f5afba}.auth-layout{background:#221317}.auth-visual:after{background:linear-gradient(transparent 30%,#2a1016ed)}.modal{background:#2c151a;border-color:#8a5962}.modal::backdrop{background:#19080cc9}.registry-content{background:#200d11}.registry-item[open]>summary{color:#edb6bf}.registry-title small{color:#be919c}.registry-prompt{color:#ad818c}.registry-cost{color:#e8a7b1}.reference-preview>span{color:#b88995}.template-edit-form code{color:#f2a9b4}.template-edit-form small{color:#b6828f}.prompt-preview{color:#d1a5b0}.status-badge.processing,.status-badge.queued{background:#4b2930ea;color:#fcb6c2;border-color:#85535c}.status-badge.succeeded{background:#16332dea;color:#a6d9c9;border-color:#315c50}
:focus-visible{outline-color:#ffa0af}.generator-sidebar .advanced-options summary{color:#c9a3ac}.template-edit-form input[type=file]::file-selector-button{background:#552d37;color:#f4d3db}
@media(max-width:600px){.main-nav{background:#230e13f7;border-top-color:#61343f}.main-nav a{color:#c498a3}.main-nav a.active{color:#ffb0bd}.generator-sidebar{border-radius:21px}.generator-submit .generate-button{border-radius:12px}.card-image{border-radius:15px}.generator-picker .style-option .style-image{border-radius:15px}.generator-picker .style-image>img{border-radius:12px}}
/* Borderless surfaces throughout the studio. */
*,*::before,*::after{outline:none!important}
.topbar,.brand-symbol,.balance,.header-search form,.panel,.generator-sidebar,.preview-panel,.preview-frame,.compact-upload,.upload-zone,.category-bar,.segmented,.chip,.search-field,.card-image,.style-image,.style-option:has(input:checked) .style-image,.generator-picker .style-option:has(input:checked) .style-image,.preset,.preset.selected,.selected-style,.featured-slide,.mode-badge,.card-likes,.btn,.icon-button,.language-pill,.modal,.notice,.demo-note,.hero-kicker,.status-badge,.auth-layout,input,select,textarea{border-color:transparent!important;outline:none!important}
.topbar{box-shadow:0 8px 32px #0003}.panel,.generator-sidebar,.auth-layout{box-shadow:0 8px 35px #00000014}.category-bar,.segmented{background:#301a1f}.category-pill.new-pill:not(.selected){border:0;background:#502a33}.chip{background:#321b21}.chip.selected{background:#eed6db;color:#29191d}.compact-upload,.upload-zone{background:#351c22}.search-field,.header-search form,input,select,textarea{background-color:#33191f}.generator-mode{background:#361d23}.btn-secondary{background:#4a2931}.btn-ghost{background:#3c222866}.hero-kicker{background:#56313766}.balance{background:#49272f77}.status-badge{border:0}.preset{border:0;padding:3px;background:#45262e}.preset.selected{box-shadow:none;background:var(--gradient)}
.style-option:has(input:checked) .style-image,.generator-picker .style-option:has(input:checked) .style-image{box-shadow:none!important}.style-check{box-shadow:0 3px 12px #1c090d4d}.generator-picker .style-option:not(:has(input:checked)) .style-image>img{filter:brightness(.9)}.generator-picker .style-option:has(input:checked) .style-image>img{filter:brightness(1.03)}
input:focus,select:focus,textarea:focus{background:#43242b;box-shadow:0 7px 25px #e16b7f14}button:focus-visible,a:focus-visible{filter:brightness(1.2);box-shadow:0 5px 22px #ff8a9c35}a:not(.btn):not(.card-image):focus-visible{text-decoration:underline;text-underline-offset:5px}.style-option:has(input:focus-visible) .style-image{outline:0;filter:brightness(1.16)}.preset:focus-visible{box-shadow:0 0 20px #ff9aaa66}.skip-link:focus{background:#fff;color:#241518}
.registry-item,.price-card,.wallet-card{background-color:#29161b}.registry-content{border-top-color:#ffffff06}.table-scroll td,.table-scroll th{border-bottom-color:#ffffff07}.details-list>div,details{border-bottom-color:#ffffff09}.card-reference-video{border:0}.generator-search input,.search-field input,.header-search input{background:transparent}
/* No decorative outlines or border strokes, including pseudo-elements and states. */
*,*::before,*::after{border-width:0!important;border-style:none!important;outline-width:0!important;outline-style:none!important}
.template-card,.card-image,.style-image,.bottom-cta,.featured-slide,.preview-frame{box-shadow:none!important}

/* Warm rose atmosphere: diffuse light, translucent surfaces, no border strokes. */
:root {
  --bg: #110b0e;
  --panel: #211318;
  --panel-raised: #301b23;
  --text: #fff4f1;
  --muted: #bfa6ac;
  --pink: #f37b96;
  --purple: #d84c64;
  --accent-deep: #b82d4c;
  --accent-soft: #ffc2bb;
  --glass: #24141be8;
  --glow: #ed52642b;
  --gradient: linear-gradient(112deg, #c03959, #a72542);
}
@supports (background: linear-gradient(112deg in oklab, red, pink)) {
  :root { --gradient: linear-gradient(112deg in oklab, #c03959, #a72542); }
}
body {
  background: radial-gradient(ellipse 65% 600px at 12% 0, #7d26372e, transparent 75%),
              radial-gradient(ellipse 55% 700px at 96% 32%, #a4334120, transparent 75%), var(--bg);
}
.topbar {
  background: var(--glass);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  backdrop-filter: blur(24px) saturate(135%);
  box-shadow: 0 14px 48px #08030566, 0 5px 40px #c63a4f0b;
}
.brand-symbol { background: linear-gradient(145deg, #662b3c, #35161f); color: var(--accent-soft); }
.main-nav a { color: #c5adb3; }
.main-nav a.active { background: #65314366; color: #ffe3dd; }
.main-nav a:hover { background: #69303e45; }
.avatar { background: linear-gradient(140deg, #e57788, #ae3f59); box-shadow: 0 4px 26px var(--glow); }
.balance { background: #61334055; color: #f4c4c7; }
.lightning { color: #ffa5a9; }
.hero-kicker { color: #ffc1c5; background: #762e443d; backdrop-filter: blur(12px); }
.live-dot { background: #ff93a3; box-shadow: 0 0 16px #ff6b8b80; }
.reference-hero:after {
  background: radial-gradient(ellipse at 50% 36%, #37101c42, #180a1270 55%, #110b0ed9),
              linear-gradient(transparent 40%, var(--bg));
}
.reference-hero h1 { color: var(--text); }
.reference-hero h1 em { background: linear-gradient(105deg, #f57995, #ffb49f); background-clip: text; color: transparent; filter: drop-shadow(0 8px 32px #c4394a35); }
.reference-hero-content p { color: #ddc3c6; }
.hero-free { color: #b899a2; }
.btn, .reference-hero .btn:not(.btn-ghost), .generator-submit .generate-button, .bottom-cta .btn, .featured-slide .btn {
  background: var(--gradient);
  box-shadow: 0 8px 28px #c53b4d38, 0 18px 60px #c53b4d1a;
}
.btn-secondary, .btn-ghost, .reference-hero .btn-ghost { background: #5a2b394d; box-shadow: none; color: #ffe3de; }
.category-bar, .segmented, .generator-mode { background: #2a1821c9; backdrop-filter: blur(16px); }
.category-pill { color: #c9aeb6; }
.category-pill.selected, .generator-mode a.selected { background: var(--gradient); color: #fff; box-shadow: 0 6px 26px #c83d5030; }
.category-pill:hover { background: #63313e; color: #fff0ea; }
.category-pill.new-pill:not(.selected) { background: #65313c66; color: #f4b6c0; }
.panel, .generator-sidebar, .auth-layout, .modal {
  background: radial-gradient(ellipse at 10% 0, #8b36492b, transparent 65%), var(--panel);
  box-shadow: 0 16px 55px #07030538;
}
.compact-upload, .upload-zone, .search-field, .header-search form, input, select, textarea { background-color: #38212a; }
.header-search input, .search-field input, .generator-search input { background: transparent; }
input:focus, select:focus, textarea:focus { background: #4b2b36; box-shadow: 0 8px 28px #b8374e20; }
input::placeholder, textarea::placeholder, .header-search input::placeholder { color: #b4919c; }
.generator-sidebar #selected-style-title, .text-button, .form-between a, .auth-switch a { color: #ff9caf; }
.generator-sidebar .step, .comparison-arrow, .style-check { background: var(--gradient); }
.mode-badge, .card-likes, .card-favorite .icon-button { background: #29131dc2; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.mode-badge.photo { color: #ffd0bb; }.mode-badge.video { color: #ffa6bd; }
.card-likes svg, .generator-card-meta>span svg { color: #f292a6; fill: #f292a6; }
.card-overlay, .generator-picker .style-image:after { background: linear-gradient(transparent 48%, #1d0913eb); }
.featured-slide:after { background: linear-gradient(90deg, #250b1d9c, transparent 75%), linear-gradient(transparent 50%, #1a0b12ab); }
.home-page .bottom-cta {
  background: radial-gradient(ellipse at 95% 50%, #d35e4c38, transparent 60%),
              linear-gradient(110deg, #32131eef, #672f3ec9);
  box-shadow: 0 16px 75px #d2475014 !important;
}
.bottom-cta p { color: #d9b9be; }
.footer, .footer-brand, .language-pill { color: #b5949f; }
.modal::backdrop { background: #16070cc4; backdrop-filter: blur(10px); }
button:focus-visible, a:focus-visible { box-shadow: 0 8px 28px #f17d9b40; }
@media (max-width: 600px) {
  .main-nav { background: #25141ded; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
  .main-nav a.active { color: #ffb8c2; }
  .topbar { -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
}

/* Soft, readable typography throughout the studio. */
:root { --font-ui: 'Manrope', sans-serif; --font-display: 'Manrope', sans-serif; font-family: var(--font-ui); }
body, button, input, select, textarea { font-family: var(--font-ui); }
h1, h2, h3, .brand, .embedded-meta strong, .generator-card-meta>b {
  font-family: var(--font-display); font-weight: 600; letter-spacing: -.025em; line-height: 1.12;
}
.brand { font-size: 1.9rem; font-weight: 700; letter-spacing: -.035em; }
.reference-hero h1 { font-weight: 600; letter-spacing: -.045em; line-height: .98; }
.reference-hero h1 em { font-style: normal; }
.featured-slide h2 { font-size: clamp(2rem, 1rem + 2vw, 3.8rem); }
.embedded-meta strong { font-size: 1.45rem; }
.generator-card-meta>b { font-size: 1.45rem; }
.generator-template-heading h2 { font-size: 1.9rem; }
.bottom-cta h2 { font-size: clamp(2rem, 1.5rem + 1.5vw, 3.2rem); }
.main-nav a, .btn, .category-pill { font-weight: 600; letter-spacing: .005em; }
/* One spacing system for the generator, with natural content height. */
.generator-sidebar {
  padding: 24px; min-height: 0; max-height: none; height: auto;
  gap: 24px; top: 94px; border-radius: 22px;
}
.generator-sidebar-scroll { display: grid; gap: 22px; overflow: visible; padding: 0; }
.generator-panel-header { display: grid; gap: 5px; }
.generator-sidebar h1 { font-size: 2.5rem; line-height: 1; letter-spacing: -.025em; }
.generator-subtitle { font-size: .8rem; line-height: 1.5; margin: 0; }
.generator-sidebar .generator-mode { margin: 0; padding: 5px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; border-radius: 14px; }
.generator-mode a { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px; min-height: 42px; border-radius: 10px; font-size: .9rem; }
.generator-sidebar .comparison { margin: 0; padding: 0; max-width: none; gap: 12px; grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr); align-items: center; }
.generator-sidebar .comparison figure { display: grid; gap: 8px; min-width: 0; }
.generator-sidebar .preview-label { display: block; text-align: center; font-size: .65rem; line-height: 1.2; letter-spacing: .12em; margin: 0; }
.generator-sidebar .preview-frame { width: 100%; height: auto; max-height: none; aspect-ratio: 3/4; border-radius: 12px; }
.generator-sidebar .preview-frame img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.generator-sidebar .comparison-arrow { width: 28px; height: 28px; margin: 24px 0 0; }
.generator-field-group { display: grid; gap: 12px; min-width: 0; }
.generator-sidebar .step-heading { margin: 0; gap: 10px; min-height: 24px; }
.generator-sidebar .step { width: 24px; height: 24px; flex: 0 0 24px; font-family: var(--font-ui); font-size: .75rem; }
.generator-sidebar .step-heading h2, .generator-sidebar .second-step h2 { font-family: var(--font-ui); font-size: .95rem; line-height: 1.4; font-weight: 600; color: var(--text); letter-spacing: 0; }
.generator-sidebar .compact-upload { padding: 12px; gap: 12px; min-height: 80px; border-radius: 12px; }
.generator-sidebar .compact-upload>img { width: 42px; height: 56px; border-radius: 7px; }
.generator-sidebar .compact-upload b { font-size: .83rem; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.generator-sidebar .compact-upload small { font-size: .67rem; line-height: 1.5; }
.generator-sidebar #input-hint { margin: -4px 0 0; font-size: .7rem; line-height: 1.5; color: var(--muted); }
.generator-sidebar .preset-title { margin: 2px 0 0; font-size: .73rem; line-height: 1.5; }
.generator-sidebar .preset-title .text-button { font-size: .73rem; }
.generator-sidebar .preset-list { gap: 8px; display: flex; flex-wrap: wrap; }
.generator-sidebar .preset { width: 38px; height: 38px; padding: 3px; flex-shrink: 0; }
.generator-selected-template { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; background: #ffffff05; }
.generator-selected-template>img { width: 42px; height: 56px; border-radius: 7px; object-fit: cover; }
.generator-selected-template>div { display: grid; gap: 3px; min-width: 0; }
.generator-sidebar #selected-style-title { font-family: var(--font-display); font-size: 1.5rem; line-height: 1.1; font-weight: 600; overflow-wrap: anywhere; }
.generator-sidebar #selected-style-category { font-size: .72rem; line-height: 1.5; }
.generator-sidebar .advanced-options { margin: 0; padding: 0; }
.generator-sidebar .advanced-options summary { min-height: 36px; font-size: .78rem; display: flex; justify-content: space-between; align-items: center; }
.generator-sidebar .advanced-options textarea { font-size: .85rem; }
.generator-submit { margin: 0; padding: 0; display: grid; gap: 9px; }
.generator-submit .generate-button { width: 100%; min-height: 50px; font-size: .92rem; border-radius: 12px; }
.generator-submit .cost-note { margin: 0; font-size: .7rem; line-height: 1.5; }
.generator-submit .sidebar-demo { margin: 0; font-size: .65rem; line-height: 1.4; }
@media(min-width: 601px) and (max-height: 900px) {
  .generator-sidebar { position: static; }
}
@media(min-width: 601px) and (max-width: 1100px) {
  .generator-sidebar { padding: 18px; gap: 20px; }
  .generator-sidebar-scroll { gap: 18px; }
  .generator-sidebar .comparison { gap: 8px; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr); }
  .generator-sidebar .comparison-arrow { width: 24px; height: 24px; }
  .generator-sidebar .preset-list { gap: 6px; }
  .generator-sidebar .preset { width: 32px; height: 32px; }
}
@media(max-width: 600px) {
  .brand { font-size: 1.5rem; }
  .generator-sidebar { padding: 22px 18px; top: 0; gap: 22px; }
  .generator-sidebar h1 { font-size: 2.5rem; }
  .generator-sidebar .comparison { gap: 12px; }
  .generator-sidebar .preset { width: 36px; height: 36px; }
  .generator-template-heading h2 { font-size: 2rem; }
  .generator-card-meta>b, .embedded-meta strong { font-size: 1.15rem; }
  .generator-submit .generate-button { min-height: 52px; }
}

/* Compact sans-serif heading proportions. */
.brand { font-size: 1.55rem; font-weight: 750; }
.generator-sidebar h1 { font-size: 1.9rem; font-weight: 750; line-height: 1.15; }
.generator-sidebar #selected-style-title { font-size: 1rem; font-weight: 650; line-height: 1.4; }
.generator-card-meta>b, .embedded-meta strong { font-size: 1.05rem; font-weight: 650; line-height: 1.3; }
.generator-template-heading h2 { font-size: 1.5rem; font-weight: 700; }
.reference-hero h1 { font-weight: 700; line-height: 1.06; }
.featured-slide h2 { font-size: clamp(1.8rem, 1rem + 2vw, 3.3rem); font-weight: 700; }
@media(max-width:600px) { .brand { font-size:1.15rem; }.generator-card-meta>b,.embedded-meta strong{font-size:.9rem;} }

/* First-visit age confirmation in the native modal top layer. */
dialog:modal { overscroll-behavior: contain; }
dialog::backdrop { overflow: hidden; overscroll-behavior: contain; }
.age-confirmation {
  color: var(--text); background: radial-gradient(ellipse at 50% 0, #71314555, transparent 70%), #25151d;
  width: min(440px, calc(100% - 36px)); max-height: calc(100dvh - 48px);
  padding: 36px; border-radius: 24px; text-align: center; font-family: var(--font-ui);
  box-shadow: 0 30px 100px #0009, 0 0 100px #d8445920;
}
.age-confirmation::backdrop { background: #14080dc9; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.age-emblem { display: grid; place-items: center; width: 70px; height: 70px; margin: 0 auto 24px; border-radius: 22px; background: #a13c5740; color: #ffc0ce; font-size: 1.5rem; font-weight: 700; }
.age-confirmation .eyebrow { justify-content: center; font-size: .6rem; letter-spacing: .14em; color: #df9eb0; }
.age-confirmation h2 { font-family: var(--font-ui); font-size: 1.9rem; font-weight: 700; line-height: 1.2; margin: 14px 0; }
.age-confirmation p { font-size: .9rem; line-height: 1.7; color: #d2b7c0; margin-bottom: 26px; }
.age-confirmation .btn { min-height: 50px; font-size: .87rem; }
.age-leave { display: block; margin: 17px 0 23px; font-size: .8rem; color: #d5b7c0; text-decoration: underline; text-underline-offset: 4px; }
.age-confirmation small { display: block; font-size: .68rem; line-height: 1.5; color: #aa8794; }
@media(max-width:600px) { .age-confirmation { padding: 28px 24px; }.age-confirmation h2 { font-size: 1.65rem; } }

/* Mobile navigation lives outside the blurred header so Safari fixes it to the viewport. */
.mobile-nav { display: none; }
@media(max-width:760px) {
  .topbar .main-nav { display: none; }
  body { padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
  .mobile-nav {
    position: fixed; z-index: 50; inset: auto 12px calc(10px + env(safe-area-inset-bottom, 0px));
    width: auto; height: 64px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr));
    align-items: center; gap: 4px; padding: 5px 8px; border-radius: 999px;
    background: #2b1822f0; -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px);
    box-shadow: 0 12px 40px #08020680;
  }
  .mobile-nav-item {
    display: grid; place-items: center; justify-self: center; width: 46px; height: 46px;
    padding: 0; border-radius: 15px; color: #bfa1ac;
  }
  .mobile-nav-item svg { width: 23px; height: 23px; }
  .mobile-nav-item[aria-current=page]:not(.mobile-nav-generate) { background: #78405250; color: #ffbbc9; }
  .mobile-nav-generate {
    width: 52px; height: 52px; color: white; background: var(--gradient); border-radius: 18px;
    box-shadow: 0 5px 22px #e14c6659, 0 0 32px #d3445a26;
  }
  .mobile-nav-generate svg { width: 27px; height: 27px; }
  .mobile-nav-generate[aria-current=page] { background: linear-gradient(135deg,#df5676,#bc3458); }
  .topbar { width: calc(100% - 24px); max-width: none; padding-inline: 12px; gap: 10px; }
  .header-actions { gap: 8px; }
  .header-search { display: none; }
  .header-actions .login-link { font-size: .76rem; }
  .header-actions .btn-small { font-size: .73rem; padding: 8px 10px; }
  .header-actions .avatar { display: none; }
  .footer { padding-bottom: 20px; min-height: 0; }
  .page { min-height: 0; }
}
@media(max-width:600px) {
  .generator-container { width: 100%; padding-inline: 12px; }
  .reference-generator { width: 100%; min-width: 0; gap: 22px; padding-top: 12px; }
  .generator-sidebar, .generator-sidebar-scroll, .generator-templates { width: 100%; min-width: 0; }
  .generator-sidebar { padding: 18px 16px; gap: 18px; }
  .generator-sidebar-scroll { gap: 16px; }
  .generator-panel-header { gap: 3px; }
  .generator-sidebar h1 { font-size: 1.7rem; }
  .generator-subtitle { font-size: .74rem; }
  .generator-sidebar .generator-mode { padding: 4px; }
  .generator-mode a { min-height: 38px; padding: 8px; font-size: .84rem; }
  .generator-sidebar .comparison { gap: 8px; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr); }
  .generator-sidebar .comparison-arrow { width: 24px; height: 24px; }
  .generator-sidebar .preview-frame { aspect-ratio: 3/3.8; }
  .generator-sidebar .preview-label { font-size: .58rem; }
  .generator-field-group { gap: 10px; }
  .generator-sidebar #input-hint { font-size: .68rem; line-height: 1.45; }
  .generator-sidebar .preset-list { gap: 6px; }
  .generator-sidebar .preset { width: 34px; height: 34px; }
  .generator-sidebar .compact-upload { min-width: 0; min-height: 72px; padding: 10px; }
  .generator-sidebar .compact-upload b { font-size: .8rem; }
  .generator-sidebar .compact-upload small { font-size: .64rem; }
  .generator-sidebar .compact-upload>img, .generator-selected-template>img { width: 36px; height: 48px; }
  .generator-selected-template { padding: 10px; }
  .generator-sidebar #selected-style-title { font-size: .93rem; }
  .generator-sidebar .advanced-options summary { min-height: 32px; }
  .generator-submit .generate-button { min-height: 48px; }
  .generator-submit { gap: 7px; }
  .generator-template-heading { align-items: stretch; gap: 12px; }
  .generator-template-heading h2 { font-size: 1.4rem; }
  .generator-picker { gap: 10px; }
  .reference-hero { min-height: 560px; height: auto; padding-block: 115px 75px; }
  .reference-hero .hero-buttons { margin-top: 22px; }
  .featured-section { margin-top: 0; }
  .home-page .bottom-cta { margin-block: 24px 16px; }
}
/* Quiet navigation states: the selected icon is white, without a tile or outline. */
.mobile-nav-item { color: #a98f99; }
.mobile-nav-item svg { stroke-width: 1.8; }
.mobile-nav-item[aria-current=page]:not(.mobile-nav-generate) { background: transparent; color: #fff; box-shadow: none; }
.mobile-nav-item:focus-visible { color: #fff; box-shadow: none; }
.mobile-nav-generate { border-radius: 50%; background: var(--gradient); color: #fff; }
.mobile-nav-generate[aria-current=page] { background: var(--gradient); color: #fff; }
.mobile-hero-image { display: none; }
/* Swipeable Featured, with a centered call to action. */
.featured-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.featured-pause { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #d8bdc7; background: #ffffff08; }
.featured-pause.is-paused svg { opacity: .5; }
.featured-stage { position: relative; height: 560px; overflow: visible; }
.featured-track { position: relative; display: flex; gap: 20px; width: 100%; height: 100%; padding-inline: 15%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.featured-track::-webkit-scrollbar { display: none; }
.featured-track .featured-slide { position: relative; inset: auto; left: auto; width: 100%; flex: 0 0 100%; height: 100%; transform: none; opacity: .7; border-radius: 24px; scroll-snap-align: center; overflow: hidden; transition: opacity 250ms ease; }
.featured-track .featured-slide.is-current { opacity: 1; }
.featured-track .featured-slide>img, .featured-video { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.featured-video { position: absolute; inset: 0; }
.featured-slide:after { background: linear-gradient(transparent 35%, #190c14c9 75%, #190c14f5); pointer-events: none; }
.featured-track .featured-slide .featured-caption { position: absolute; z-index: 2; inset: auto 22px 64px; text-align: center; display: grid; justify-items: center; gap: 14px; }
.featured-caption .featured-kicker { display: block; font-size: .63rem; letter-spacing: .14em; font-weight: 600; color: #e5cbd3; }
.featured-track .featured-slide h2 { font-size: 2rem; line-height: 1.15; margin: 0; max-width: none; }
.featured-track .featured-slide .btn { min-height: 48px; padding: 14px 24px; border-radius: 14px; font-size: .9rem; box-shadow: 0 8px 32px #ed52645c, 0 18px 64px #ed526429; }
.featured-controls { position: absolute; z-index: 3; inset: 0; width: auto; transform: none; pointer-events: none; display: block; }
.featured-controls>button { position: absolute; top: 48%; width: 44px; height: 44px; display: grid; place-items: center; background: #281722a6; backdrop-filter: blur(12px); pointer-events: auto; border-radius: 50%; }
.featured-controls>button[data-feature-prev] { left: calc(15% - 22px); }
.featured-controls>button[data-feature-prev] svg { transform: rotate(180deg); }
.featured-controls>button[data-feature-next] { right: calc(15% - 22px); }
.featured-dots { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0; pointer-events: auto; }
.featured-dots button { width: 28px; height: 28px; position: relative; background: transparent; border-radius: 0; padding: 0; }
.featured-dots button:after { content: ''; position: absolute; width: 6px; height: 6px; top: 11px; left: 11px; border-radius: 8px; background: #d3b8c36b; }
.featured-dots button.selected { width: 36px; background: transparent; }
.featured-dots button.selected:after { width: 24px; left: 6px; background: #ffb1c3; box-shadow: 0 0 14px #ef678578; }
@media(prefers-reduced-motion:reduce) { .featured-track .featured-slide { transition: none; }.featured-track { scroll-behavior: auto; } }
@media(max-width:600px) {
  .home-page .reference-hero { position: relative; display: flex; align-items: flex-end; height: clamp(400px, calc((100vw - 24px) * 1.35), 540px); min-height: 0; max-height: none; margin: 12px 12px 24px; padding: 22px 20px; border-radius: 24px; overflow: hidden; }
  .reference-hero .hero-wall { display: none; }
  .mobile-hero-image { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; z-index: -2; }
  .reference-hero:after { z-index: -1; background: linear-gradient(transparent 25%, #180a1275 58%, #180a12ed 100%); }
  .reference-hero-content { width: 100%; text-align: left; padding: 0; }
  .reference-hero .hero-kicker { padding: 7px 10px; font-size: .55rem; letter-spacing: .09em; }
  .reference-hero h1 { font-size: clamp(1.8rem, 1rem + 4vw, 2.5rem); line-height: 1.12; letter-spacing: -.035em; margin: 12px 0 18px; }
  .reference-hero h1 br:last-of-type { display: inline; }
  .reference-hero h1 em { white-space: nowrap; }
  .reference-hero-content>p, .reference-hero .btn-ghost, .reference-hero .hero-free { display: none; }
  .reference-hero .hero-buttons { display: block; margin: 0; }
  .reference-hero .hero-buttons>.btn { width: 100%; min-height: 50px; box-shadow: 0 8px 34px #ed526461, 0 18px 70px #ed52642b; }
  .featured-section { padding: 0; margin: 0 0 22px; }
  .featured-heading { padding-inline: 16px; margin-bottom: 12px; }
  .featured-heading .eyebrow { font-size: .66rem; }
  .featured-stage { height: clamp(430px, calc((100vw - 48px) * 1.777778), 640px); }
  .featured-track { padding-inline: 8%; gap: 12px; }
  .featured-track .featured-slide { border-radius: 22px; }
  .featured-track .featured-slide .featured-caption { inset: auto 16px 55px; gap: 12px; }
  .featured-track .featured-slide h2 { font-size: 1.45rem; }
  .featured-track .featured-slide .btn { font-size: .82rem; min-height: 46px; padding: 12px 18px; }
  .featured-controls>button[data-feature-prev] { left: calc(8% - 18px); }
  .featured-controls>button[data-feature-next] { right: calc(8% - 18px); }
  .featured-controls>button { width: 38px; height: 38px; }
  .reference-catalog .category-bar { margin-top: 0; }
  /* Fit the essential generation controls above the bottom navigation. */
  .generator-sidebar { padding: 14px; gap: 12px; max-height: calc(100dvh - 164px - env(safe-area-inset-bottom,0px)); display: grid; grid-template-rows: minmax(0,1fr) auto; }
  .generator-sidebar-scroll { gap: 10px; overflow-y: auto; min-height: 0; scrollbar-width: none; }
  .generator-panel-header { display: none; }
  .generator-sidebar .generator-mode { padding: 3px; }
  .generator-mode a { min-height: 34px; padding: 7px; font-size: .8rem; }
  .generator-sidebar .comparison { gap: 8px; }
  .generator-sidebar .comparison figure { gap: 5px; }
  .generator-sidebar .preview-frame { aspect-ratio: auto; height: clamp(80px, 17dvh, 150px); }
  .generator-sidebar .preview-label { font-size: .55rem; }
  .generator-field-group { gap: 8px; }
  .generator-sidebar .step-heading { min-height: 20px; gap: 8px; }
  .generator-sidebar .step { width: 20px; height: 20px; flex-basis: 20px; font-size: .65rem; }
  .generator-sidebar .step-heading h2 { font-size: .82rem; }
  .generator-sidebar .compact-upload { padding: 8px 10px; min-height: 58px; }
  .generator-sidebar .compact-upload>img { width: 30px; height: 40px; }
  .generator-sidebar .compact-upload b { font-size: .75rem; }
  .generator-sidebar .compact-upload small { font-size: .59rem; }
  .generator-sidebar #input-hint, .generator-sidebar .preset-title { display: none; }
  .generator-sidebar .preset { width: 32px; height: 32px; }
  .generator-sidebar .preset-list { gap: 6px; }
  .generator-selected-template { padding: 7px 10px; gap: 10px; }
  .generator-selected-template>img { width: 26px; height: 34px; }
  .generator-sidebar #selected-style-title { font-size: .82rem; }
  .generator-sidebar #selected-style-category { font-size: .62rem; }
  .generator-sidebar .advanced-options summary { min-height: 25px; font-size: .7rem; }
  .generator-submit .generate-button { min-height: 44px; font-size: .82rem; }
  .generator-submit .cost-note { font-size: .62rem; }
  .generator-submit .sidebar-demo { font-size: .56rem; }
  .generator-submit { gap: 5px; background: var(--panel); border-radius: 12px; }
  .generator-page .topbar { height: 52px; }
  .generator-page .reference-generator { padding-top: 10px; }
}

.style-option { position: relative; min-width: 0; }
.style-hitarea { display: block; cursor: pointer; }
.template-select { display: none; position: absolute; z-index: 6; bottom: 14px; left: 12px; width: calc(100% - 24px); min-height: 42px; padding: 10px; font-size: .84rem; }
.style-option.is-pending .template-select { display: flex; }
.generator-picker .style-option.is-pending .generator-card-meta { bottom: 72px; }
.generator-picker .style-option.is-pending .style-image>img { filter: brightness(.82); }
.template-jump { margin-inline-start: auto; display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; color: #eab5c5; }
#pick-style { scroll-margin-top: 85px; }

@media(max-width:760px) {
  .header-actions .avatar { display: grid; width: 32px; height: 32px; font-size: .8rem; }
  .header-actions .balance { display: flex; min-height: 32px; padding: 6px 10px; font-size: .8rem; gap: 5px; }
  .header-actions .header-signin { display: inline-flex; min-height: 32px; font-size: .72rem; padding: 8px 12px; white-space: nowrap; }
  .topbar .brand { font-size: 1.05rem; gap: 7px; }
  .topbar .brand-symbol { width: 30px; height: 30px; border-radius: 10px; }
  .topbar .brand-symbol svg { width: 22px; height: 22px; }
  .header-actions { gap: 6px; }
}

/* Media fills a reserved frame without allowing intrinsic dimensions to resize it. */
.template-grid { align-items: start; }
.template-card { min-width: 0; }
.card-image { width: 100%; aspect-ratio: 3/4.5; }
.card-image>img, .card-image>.card-reference-video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 30%; }
.card-image:hover img { transform: none; }
.featured-track .featured-slide>img, .featured-track .featured-slide>.featured-video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 30%; }
@media(max-width:600px) { .card-image { aspect-ratio: 3/4.4; } }

.home-page .card-image .card-reference-video { opacity: 0; }
.home-page .card-image .card-reference-video.is-playing { opacity: 1; }
/* Preserve portrait proportions while keeping the primary action in view. */
.generator-sidebar .preview-frame { aspect-ratio: 9/16; height: auto; max-height: none; }
.style-hitarea>input[type=radio] { position: absolute; width: 1px; height: 1px; min-height: 0; margin: 0; opacity: 0; overflow: hidden; clip-path: inset(50%); }
.style-hitarea:has(input:focus-visible) .style-image { filter: brightness(1.12); }
@media(max-width:600px) {
  .generator-sidebar .comparison { --preview-height: clamp(110px, calc(100dvh - 620px), 230px); }
  .generator-sidebar .preview-frame { width: min(100%, calc(var(--preview-height) * .5625)); height: auto; aspect-ratio: 9/16; margin-inline: auto; }
}

.generator-sidebar .generator-mode { background: #110a0f; box-shadow: 0 5px 18px #07020526; }
@media(max-width:600px) {
  .generator-sidebar { padding: 12px; gap: 10px; }
  .generator-sidebar-scroll { gap: 8px; }
  .generator-sidebar .comparison { --preview-height: clamp(130px, calc(100dvh - 475px), 420px); }
  .generator-sidebar .preview-frame { width: min(100%, calc(var(--preview-height) * .5625)); aspect-ratio: 9/16; height: auto; }
  .generator-submit .sidebar-demo { display: none; }
}

.hero-video { display: block; position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.reference-hero:has(.hero-video) .hero-wall { display: none; }

.reference-hero-content { position: relative; }
@media(max-width:600px) { .reference-hero-content { position: static; } }

/* An eager image remains under the video for loading, buffering and error states. */
.hero-poster { display: block; position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.hero-video { opacity: 0; }
.hero-video.has-frame { opacity: 1; }

/* Disable double-tap zoom while retaining panning and pinch zoom. */
html, body { touch-action: manipulation; }

.topbar .header-signin { border-radius: 999px; }

/* Credit packs and one clean checkout action. */
.shop { width: min(100%, 760px); margin: 0 auto; padding: 38px 0 42px; }
.shop-heading { text-align: center; margin-bottom: 32px; }
.shop-heading h1 { font-size: clamp(1.8rem, 1.4rem + 1vw, 2.6rem); margin-bottom: 20px; }
.shop-rates { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.shop-rates>span { display: inline-flex; align-items: center; gap: 8px; background: #ffffff05; padding: 10px 15px; border-radius: 30px; color: #cdb2bd; font-size: .8rem; }
.shop-packs { display: grid; gap: 24px; margin: 0; }
.shop-pack { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 25px 30px; border-radius: 21px; background: #281820; cursor: pointer; min-width: 0; }
.shop-pack>input { position: absolute; opacity: 0; width: 1px; height: 1px; min-height: 0; }
.shop-pack:has(input:checked) { background: radial-gradient(ellipse at 0 30%,#9e3d5855,transparent 80%),#381c2b; box-shadow: 0 12px 45px #d4495b14; }
.shop-pack:has(input:focus-visible) { filter: brightness(1.18); }
.shop-pack-amount, .shop-pack-price { display: grid; gap: 3px; }
.shop-pack-amount strong { color: #f797af; font-size: 2rem; font-weight: 750; line-height: 1.2; }
.shop-pack-price { text-align: right; }
.shop-pack-price strong { font-size: 1.8rem; font-weight: 700; line-height: 1.2; }
.shop-pack-amount>span, .shop-pack-price>span { font-size: .8rem; color: #b396a3; }
.shop-pack-badge { position: absolute; top: -11px; left: 26px; padding: 4px 13px; font-size: .62rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; color: #301520; background: #ed95ae; border-radius: 20px; }
.shop-pack-ultimate .shop-pack-badge { color: #3e221c; background: #edbb8b; }
.shop-pack-ultimate .shop-pack-amount strong { color: #edbb8b; }
.shop-pack-check { display: none; position: absolute; right: 11px; top: 9px; color: #ffd7e1; }
.shop-pack:has(input:checked) .shop-pack-check { display: block; }
.shop-checkout { padding: 28px 30px; margin-top: 24px; border-radius: 22px; background: radial-gradient(ellipse at 100% 0,#70344733,transparent 80%),#281820; }
.shop-checkout h2 { font-size: 1.6rem; font-weight: 700; margin: 10px 0; }
.shop-checkout p { color: #bfa3af; font-size: .88rem; }
.shop-checkout p strong { color: #f6dfe7; font-weight: 600; }
.shop-total { display: flex; justify-content: space-between; align-items: center; margin: 25px 0 20px; color: #baa1ac; font-size: .9rem; }
.shop-total strong { font-size: 1.7rem; color: var(--text); }
.shop-pay { min-height: 52px; border-radius: 30px; font-size: .95rem; }
.shop-pay>svg:last-child { margin-inline-start: auto; }
.shop-pay>span { margin-inline: auto; }
.topbar { width: calc(100% - 120px); max-width: 1250px; }
.brand-symbol .brand-mark { width: 25px; height: 30px; max-width: none; object-fit: contain; }
.footer .brand-mark { width: 18px; height: 23px; }
@media(max-width:1100px) { .topbar { width: calc(100% - 60px); } }
@media(max-width:760px) {
 .topbar { width: calc(100% - 36px); padding-inline: 12px; }
 .brand-symbol .brand-mark { width: 20px; height: 25px; }
 .shop { padding-top: 26px; }
 .shop-heading { margin-bottom: 28px; }
 .shop-heading h1 { font-size: 1.75rem; margin-bottom: 16px; }
 .shop-rates { gap: 7px; }.shop-rates>span { padding: 8px 10px; font-size: .68rem; gap: 6px; }
 .shop-packs { gap: 23px; }
 .shop-pack { padding: 22px 18px; border-radius: 18px; gap: 10px; }
 .shop-pack-amount strong { font-size: 1.7rem; }.shop-pack-price strong { font-size: 1.5rem; }
 .shop-pack-amount>span, .shop-pack-price>span { font-size: .7rem; }
 .shop-pack-badge { left: 18px; font-size: .57rem; }
 .shop-checkout { padding: 22px 18px; }.shop-checkout h2 { font-size: 1.35rem; }
 .shop-checkout p { font-size: .8rem; }.shop-total { margin-block: 20px 16px; }
}

.brand-symbol:has(.brand-mark) { background: transparent; box-shadow: none; border-radius: 0; padding: 0; }
.brand-symbol .brand-mark { width: 32px; height: 32px; }
@media(max-width:760px) { .brand-symbol .brand-mark { width: 28px; height: 28px; } }
/* Keep glass blur inside its own rounded layer, and shadows outside that layer. */
.topbar, .mobile-nav {
  isolation: isolate;
  overflow: visible;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.topbar::before, .mobile-nav::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background: var(--glass);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
  backdrop-filter: blur(20px) saturate(135%);
}
.mobile-nav::before { background: #2b1822f0; }
/* A single rounded clip covers both media and its shading, avoiding bright edge seams. */
.card-image { --media-radius: 17px; }
.generator-picker .style-image { --media-radius: 17px; }
.featured-track .featured-slide { --media-radius: 24px; }
.card-image, .generator-picker .style-image, .featured-track .featured-slide {
  isolation: isolate;
  border-radius: var(--media-radius);
  overflow: hidden;
  clip-path: inset(0 round var(--media-radius));
  background-color: #190c14;
}
.card-image>.card-overlay, .generator-picker .style-image::after, .featured-track .featured-slide::after {
  inset: -1px;
  border-radius: 0;
  z-index: 1;
  pointer-events: none;
}
.featured-track .featured-slide>.featured-caption { z-index: 2; }
@media(max-width:600px) {
  .card-image, .generator-picker .style-image { --media-radius: 15px; }
  .featured-track .featured-slide { --media-radius: 22px; }
}

/* Safari-safe floating panels: no filtered layer or native shadow to crop. */
.topbar, .mobile-nav {
  background: transparent;
  box-shadow: none !important;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
  clip-path: none;
  -webkit-mask-image: none;
  mask-image: none;
  contain: none;
}
.topbar::before, .mobile-nav::before {
  background: #291820;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
  box-shadow: none;
}
.topbar::after, .mobile-nav::after {
  content: '';
  position: absolute;
  z-index: -2;
  inset: -22px -14px;
  pointer-events: none;
  border-radius: inherit;
  background: radial-gradient(ellipse at center, #08030680 0%, #08030650 35%, #08030600 72%);
}
.topbar .btn, .topbar .avatar, .mobile-nav-item { box-shadow: none !important; }
.mobile-nav-generate { position: relative; isolation: isolate; }
.mobile-nav-generate::before {
  content: ''; position: absolute; z-index: -1; inset: -13px; pointer-events: none;
  background: radial-gradient(ellipse at center, #e65c7655, #e65c7600 70%);
}

/* Desktop uses the template mosaic; the mobile hero keeps its random video. */
@media(min-width:601px) {
  .reference-hero .hero-video, .reference-hero .hero-poster { display: none; }
  .reference-hero:has(.hero-video) .hero-wall, .reference-hero .hero-wall { display: grid; }
}
/* Vivid rose palette: stronger actions and brighter, readable type. */
:root {
  --bg: #140a11;
  --panel: #29111e;
  --panel-raised: #3b182a;
  --text: #fff7fb;
  --muted: #d1aab9;
  --pink: #ff6398;
  --purple: #ff386f;
  --accent-deep: #bd1146;
  --accent-soft: #ffb0c8;
  --glow: #ff387d4d;
  --gradient: linear-gradient(112deg, #e01b5d, #bd1146);
}
@supports (background:linear-gradient(112deg in oklab,red,pink)) {
  :root { --gradient: linear-gradient(112deg in oklab, #e01b5d, #bd1146); }
}
body {
  background: radial-gradient(ellipse 65% 650px at 12% 0,#a81e4b30,transparent 75%),
              radial-gradient(ellipse 60% 800px at 96% 35%,#d7255422,transparent 75%),var(--bg);
}
h1,h2,h3 { color: var(--text); }
.eyebrow, .live-dot { color: #ffb3d0; }
.live-dot { background: #ff5e9a; box-shadow: 0 0 15px #ff3e8690; }
.btn,.reference-hero .btn:not(.btn-ghost),.generator-submit .generate-button,.bottom-cta .btn,.featured-slide .btn,.featured-track .featured-slide .btn,.shop-pay {
  background: var(--gradient); color: #fff; font-weight: 700;
  box-shadow: 0 7px 28px #f3216852,0 15px 60px #f3216828;
}
.btn-secondary,.btn-ghost,.reference-hero .btn-ghost { background: #68233e; color: #ffeef7; box-shadow: none; }
.topbar::before,.mobile-nav::before { background: #321522; }
.topbar .header-signin { background: var(--gradient); color: white; }
.main-nav a { color: #dcb9c9; }.main-nav a.active { background: #65233e; color: #fff; }
.balance { background: #63263e80; color: #ffe6ef; }.lightning { color: #ff8baf; }
.avatar { background: linear-gradient(140deg,#fa6797,#db2a63); color: white; }
.hero-kicker { color: #ffd1e2; background: #72213f85; }
.reference-hero h1 em { background: linear-gradient(105deg,#ff5b9b,#ffaaa1); background-clip: text; color: transparent; }
.reference-hero-content p { color: #f2d3df; }.hero-free { color: #d9a7bb; }
.category-bar,.segmented { background: #351727; }
.category-pill { color: #dfb9cb; }
.category-pill.selected,.generator-mode a.selected { background: var(--gradient); color: #fff; }
.category-pill.new-pill:not(.selected) { background: #75254366; color: #ff9dc3; }
.category-pill:hover { background: #73213f; color: #fff; }
.generator-mode a:not(.selected) { color: #d7b0c2; }
.generator-sidebar { background: radial-gradient(ellipse at 0 0,#8c255736,transparent 65%),var(--panel); }
.generator-subtitle,.generator-sidebar .preview-label,.generator-sidebar #selected-style-category,.generator-submit .cost-note { color: #d2a9bc; }
.generator-sidebar #selected-style-title { color: #ff9dc2; }
.generator-sidebar .step,.comparison-arrow,.style-check { background: var(--gradient); }
.compact-upload,.upload-zone,.search-field,.header-search form,input,select,textarea { background-color: #401d30; color: #fff2f8; }
.generator-sidebar .compact-upload b { color: #ffe6f0; }
.generator-sidebar .compact-upload small,.generator-sidebar .advanced-options summary,.generator-sidebar .preset-title { color: #d4a8bd; }
.header-search input,.search-field input,.generator-search input { background: transparent; }
input::placeholder,textarea::placeholder,.header-search input::placeholder { color: #c99caf; }
.text-button,.form-between a,.auth-switch a { color: #ff91ba; }
.mode-badge.video { color: #ff8fb6; }.mode-badge.photo { color: #ffc0aa; }
.card-likes { color: #ffe6f0; }.card-likes svg,.generator-card-meta>span svg { fill: #ff7baa; color: #ff7baa; }
.embedded-meta .card-category { color: #ff9bc4; }
.featured-caption .featured-kicker { color: #ffc6de; }
.featured-dots button.selected:after { background: #ff86b5; box-shadow: 0 0 15px #ff39818c; }
.mobile-nav-item { color: #c8a3b5; }
.mobile-nav-item[aria-current=page]:not(.mobile-nav-generate) { color: #fff; background: transparent; }
.mobile-nav-generate,.mobile-nav-generate[aria-current=page] { background: var(--gradient); color: #fff; }
.mobile-nav-generate::before { background: radial-gradient(ellipse at center,#ff43846b,#ff438400 70%); }
.shop-pack { background: #321726; }.shop-pack:has(input:checked) { background: radial-gradient(ellipse at 0 30%,#cf286464,transparent 85%),#45152b; }
.shop-pack-amount strong { color: #ff8cb9; }.shop-pack-price strong { color: #fff7fb; }
.shop-pack-price>span,.shop-pack-amount>span { color: #d5aabe; }
.shop-pack-badge { background: #ff83b3; color: #401026; }
.shop-checkout { background: radial-gradient(ellipse at 100% 0,#c62e5d2b,transparent 80%),#321726; }
.shop-checkout p,.shop-total { color: #d7b0c3; }.shop-checkout p strong { color: #ffe0ed; }
.shop-rates>span { color: #e8bfd1; background: #6c274338; }
.bottom-cta p { color: #edc4d5; }.footer,.footer-brand { color: #c89bad; }
@media(max-width:600px) { .main-nav a.active { color: #fff; } }

/* One compact, filled star for every Generate action. */
.btn .icon-generate { width: 17px; height: 17px; }
.main-nav .icon-generate { width: 18px; height: 18px; }
.mobile-nav-generate .icon-generate { width: 21px; height: 21px; }

/* Filled energy mark, independent of platform font glyphs. */
.balance .lightning { display: grid; place-items: center; color: #ff78a5; line-height: 1; }
.balance .lightning svg { display: block; width: 15px; height: 21px; flex: none; }
/* Light scattering through saturated rose material, rather than a flat fill. */
:root {
  --button-lit-fill:
    radial-gradient(ellipse at 50% 115%, #ff85b372 0%, #ff408b30 42%, #ff408b00 75%),
    radial-gradient(ellipse at 50% -45%, #ffe1ee75 0%, #ffb1d21a 52%, #ffb1d200 76%),
    linear-gradient(112deg, #ea2167, #c40d4b);
  --button-lit-shadow:
    inset 0 9px 19px #ffb7d326,
    inset 0 -9px 17px #85042f4a,
    0 5px 20px #ff28666b,
    0 12px 42px #ff28663b,
    0 18px 76px #ff43731c;
}
.btn:not(.btn-secondary):not(.btn-ghost):not(.danger),
:is(.reference-hero,.generator-submit,.featured-track .featured-slide,.shop-checkout,.bottom-cta,.auth-panel,.age-confirmation,.checkout-panel) .btn:not(.btn-secondary):not(.btn-ghost) {
  background: var(--button-lit-fill);
  box-shadow: var(--button-lit-shadow);
  color: #fff;
  text-shadow: 0 1px 3px #79032e99;
  font-weight: 750;
}
.generator-mode a.selected,.category-pill.selected {
  background: var(--button-lit-fill);
  box-shadow: inset 0 7px 15px #ffb7d328, inset 0 -7px 14px #94033330;
  color: #fff;
  text-shadow: 0 1px 3px #79032e88;
}
.mobile-nav-generate,.mobile-nav-generate[aria-current=page] {
  background: var(--button-lit-fill);
  box-shadow: inset 0 9px 16px #ffc3dc35, inset 0 -9px 17px #92032d50 !important;
}
.mobile-nav-generate::before {
  inset: -20px;
  background: radial-gradient(ellipse at center, #ff377f88 0%, #ff377f38 38%, #ff377f00 72%);
}
.topbar .header-signin { background: var(--button-lit-fill); text-shadow: 0 1px 3px #79032e99; }

/* The generation form has natural document height and never scrolls internally. */
.generator-sidebar {
  height: auto; min-height: 0; max-height: none;
  display: flex; flex-direction: column;
}
.generator-sidebar-scroll {
  height: auto; min-height: 0; max-height: none;
  overflow: visible; overflow-y: visible; flex: none;
}
.generator-sidebar .comparison .preview-frame {
  position: relative; width: 100%; height: auto; max-height: none;
  aspect-ratio: 9/16; margin-inline: 0;
}
#style-preview-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center 30%; opacity: 0;
}
#style-preview-video.has-frame { opacity: 1; }
@media(max-width:600px) {
  .generator-sidebar { position: static; height: auto; max-height: none; min-height: 0; }
  .generator-sidebar-scroll { overflow: visible; }
}

/* Decorative media always comes from the active catalog. */
.bottom-cta{position:relative;isolation:isolate;overflow:hidden}
.bottom-cta .cta-catalog-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2;opacity:.23}
.bottom-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(43,14,28,.94),rgba(43,14,28,.5))}

.generator-sidebar .preset-list{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-block:3px;scrollbar-width:none}.generator-sidebar .preset-list .preset{flex-shrink:0}

.registry-tabs{margin-bottom:22px}.registry-clear{margin-block:18px}.character-registry{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:20px}.character-registry-item{padding:20px;min-width:0}.character-registry-item>img{width:100%;height:220px;object-fit:cover;border-radius:18px;margin-bottom:20px}.character-registry-item .stack-form{gap:16px}

.archive-import-panel{padding:24px;margin-block:24px}.archive-import-panel .stack-form{max-width:760px;gap:16px}.archive-import-panel fieldset{border:0;padding:0;margin:0}.archive-import-panel legend{margin-bottom:12px}.archive-import-panel button{align-self:flex-start}.archive-import-status{padding-top:18px;margin-top:18px}.archive-import-status p{margin-block:8px}

.brand .brand-wordmark{white-space:nowrap}.brand .brand-juicy{color:#ff4f92}.brand .brand-dream{color:#fff5f8}.character-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.character-actions form{margin:0;min-width:0}.character-actions .btn{width:100%;height:44px;min-height:44px;padding:10px 12px;font-size:.9rem;line-height:1.2;gap:7px;border-radius:14px;white-space:nowrap}.character-actions .btn-ghost{background:#4b2334;color:#ffccdc;box-shadow:none!important}.character-actions .btn svg{flex-shrink:0}

.category-create-panel{padding:24px;margin-block:24px}.category-edit-form{display:flex;align-items:flex-end;gap:14px}.category-edit-form label{flex:1;min-width:0;display:grid;gap:8px}.category-edit-form .btn{flex-shrink:0;min-height:44px}.category-registry{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:18px}.category-registry-item{padding:22px;min-width:0}.category-registry-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.category-registry-footer form{margin:0}@media(max-width:500px){.category-create-panel .category-edit-form{align-items:stretch;flex-direction:column}.category-edit-form{gap:10px}.category-registry-item{padding:18px}}

.category-edit-form{flex-wrap:wrap}.category-edit-form>label:first-child{flex-basis:100%}.category-edit-form .category-homepage-choice{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:14px;line-height:1.4}.category-homepage-choice input[type="checkbox"]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:#ff397e}

.quick-shop{width:min(620px,calc(100% - 24px));max-width:620px;max-height:calc(100svh - 32px);padding:32px 24px 24px;overflow-y:auto;overscroll-behavior:contain;border-radius:30px;background:#28101d}.quick-shop .shop{max-width:none;padding:0;margin:0}.quick-shop .shop-heading{margin-bottom:22px}.quick-shop .shop-heading h2{font-size:clamp(24px,5vw,34px);margin:8px 0 16px}.quick-shop .shop-rates{gap:8px;font-size:12px}.quick-shop .shop-rates>span{padding:8px}.quick-shop .shop-pack{min-height:90px;padding:18px 22px}.quick-shop .shop-pack-amount strong,.quick-shop .shop-pack-price strong{font-size:28px}.quick-shop .shop-checkout{padding:22px;margin-top:22px}.quick-shop .shop-checkout h2{font-size:24px}.quick-shop .shop-pay{min-height:54px}.quick-shop::backdrop{background:#10040ac9;backdrop-filter:blur(12px);overflow:hidden;overscroll-behavior:contain}

/* Studio management */
.admin-page .page{max-width:1440px;padding:32px 28px 60px}
.admin-workspace{display:flex;flex-direction:column;gap:24px}
.admin-heading,.admin-actions,.admin-toolbar,.admin-section-heading,.admin-save-row{display:flex;align-items:center;gap:14px}
.admin-heading,.admin-section-heading{justify-content:space-between}
.admin-heading h1{font-size:34px;line-height:1.2;margin:8px 0 0;letter-spacing:-1.2px}
.admin-heading .eyebrow,.admin-dialog .eyebrow{font-size:11px;letter-spacing:1.8px}
.admin-page .btn{min-height:42px;padding:11px 18px;font-size:14px;gap:8px;border-radius:14px;box-shadow:0 5px 22px #ed175426,inset 0 1px 0 #ffadc533}
.admin-page .btn-secondary{background:#482135;box-shadow:none}
.admin-tabs{display:flex;gap:5px;padding:6px;background:#28121f;border-radius:18px;overflow-x:auto;scrollbar-width:none}
.admin-tabs a{flex-shrink:0;padding:12px 18px;border-radius:13px;font-size:14px;font-weight:650;color:#cfa9ba;white-space:nowrap}
.admin-tabs a.selected{background:#ed1b61;color:#fff}
.admin-tabs a:hover{color:#fff}
.admin-toolbar{justify-content:space-between;position:relative;flex-wrap:wrap}
.admin-toolbar .search-field{flex:1;max-width:440px;min-width:180px;min-height:44px;border-radius:14px;padding:0 14px;gap:9px}
.admin-toolbar .search-field input{min-height:44px;font-size:14px;padding:10px 0}
.admin-toolbar>.muted{margin-left:auto}
.admin-tools{position:relative}
.admin-tools>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:12px 17px;background:#351b2a;border-radius:13px;font-size:14px;font-weight:650}
.admin-tools>summary::-webkit-details-marker{display:none}
.admin-tools>div{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:210px;background:#3b1a2c;border-radius:16px;padding:8px;box-shadow:0 15px 40px #0008}
.admin-tools form{margin:0}
.admin-tools button{width:100%;text-align:left;background:none;color:#ffeaf2;padding:13px 12px;border-radius:9px;font-size:13px}
.admin-tools button:hover{background:#ffffff0d}
.admin-danger{color:#ff89aa!important}
.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;align-items:start}
.admin-catalog-card{min-width:0;background:#2c1421;border-radius:20px;overflow:hidden}
.admin-card-preview{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;background:#1b0b14;cursor:pointer;overflow:hidden}
.admin-card-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
.admin-card-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 40%,#190a1733);pointer-events:none}
.admin-card-type,.admin-card-status{position:absolute;z-index:1;top:12px;padding:6px 9px;border-radius:8px;background:#1b0a17bf;color:#ffdeeb;font-size:11px;line-height:1.3}
.admin-card-type{left:12px}.admin-card-status{right:12px}.admin-card-status.is-active{color:#a1efc5}
.admin-card-body{padding:17px;display:flex;flex-direction:column;gap:12px}
.admin-card-body h2{font-size:16px;line-height:1.4;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:750}
.admin-card-meta{display:flex;justify-content:space-between;gap:10px;color:#c19aa9;font-size:12px;line-height:1.5}
.admin-card-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-card-meta>span:last-child{white-space:nowrap}
.admin-card-body .btn{min-height:38px;padding:9px 12px;font-size:13px}
.admin-section{padding:26px;margin:0;border-radius:22px;min-width:0}
.admin-section-heading{margin-bottom:16px;gap:20px}
.admin-section h2{font-size:21px;line-height:1.35;margin:0;letter-spacing:-.45px}
.admin-section p{font-size:13px;line-height:1.65;margin:0 0 20px}
.admin-section form,.admin-dialog .stack-form{display:flex;flex-direction:column;gap:18px}
.admin-section label,.admin-dialog label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;line-height:1.5;color:#f3dce5}
.admin-section input,.admin-section select,.admin-section textarea,.admin-dialog input,.admin-dialog select,.admin-dialog textarea{font-size:14px;line-height:1.65;border-radius:12px;min-height:44px;padding:11px 13px;background:#3b1d2f}
.admin-section textarea{resize:vertical;min-height:250px;font-weight:400}
.admin-prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.admin-prompt-grid .admin-section>.muted{min-height:42px}
.admin-prompt-grid textarea{height:330px;max-height:650px;min-height:230px}
.admin-section .tiny,.admin-dialog .tiny,.admin-dialog small{font-size:12px;font-weight:400;line-height:1.65;color:#bd92a5}
.admin-section form .tiny{margin:0}
.admin-save-row{flex-wrap:wrap;gap:12px}.admin-save-row p{margin:0;font-size:12px;color:#efadc7}
.admin-api-section{max-width:760px;width:100%}.admin-key-status{font-size:12px;color:#eb9fbe}
.admin-dialog{width:min(620px,calc(100% - 24px));max-width:620px;max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:28px;border-radius:24px;background:#25101c;color:#fff0f6}
.admin-dialog::backdrop{background:#10050bc9;backdrop-filter:blur(10px);overflow:hidden;overscroll-behavior:contain}
.admin-dialog-heading{padding:4px 32px 22px 0;margin:0 0 4px}
.admin-dialog-heading h2{font-size:25px;margin:7px 0 0;line-height:1.3;letter-spacing:-.6px}
.admin-template-dialog{width:min(1020px,calc(100% - 24px));max-width:1020px}
.admin-template-editor{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start}
.admin-reference{position:sticky;top:0;display:flex;flex-direction:column;gap:18px}
.admin-reference .reference-preview>img,.admin-reference .reference-preview>video{width:100%;height:auto;aspect-ratio:3/4;max-height:340px;object-fit:cover;display:block;border-radius:15px;background:#130810}
.admin-reference-actions{display:grid;gap:16px;text-align:center}.admin-reference-actions form{margin:0}
.admin-dialog .template-edit-form{gap:22px;min-width:0}
.admin-fieldset{padding:0;margin:0;min-width:0;border:0;display:flex;flex-direction:column;gap:16px}
.admin-fieldset legend{font-size:14px;font-weight:750;padding:0;margin-bottom:15px;color:#fff0f7}
.admin-fieldset .form-grid{gap:16px}.admin-fieldset p{margin:0}
.admin-dialog label.check-label,.admin-section label.check-label{flex-direction:row;align-items:center;gap:9px;font-weight:500}
.admin-dialog input[type=checkbox]{min-height:18px;width:18px;height:18px;padding:0;flex:0 0 18px;margin:0}
.admin-advanced{background:#301524;border-radius:13px;padding:0 15px}
.admin-advanced>summary{padding:14px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:13px;color:#d6a9bd}
.admin-advanced>div{display:flex;flex-direction:column;gap:16px;padding:4px 0 16px}
.admin-editor-footer{position:sticky;bottom:-28px;z-index:2;margin:0 -4px -5px;padding:15px 4px 5px;background:linear-gradient(#25101cf0,#25101c);display:flex;flex-direction:column;gap:12px;align-items:stretch}
.admin-editor-footer .btn{width:100%;min-height:46px}
.admin-delete-form{margin-top:22px;text-align:center}
.admin-import-dialog .archive-import-panel{padding:4px 0 0;margin:0;background:none}
.admin-import-dialog h2{font-size:25px;margin:0 0 24px}
.admin-import-dialog .stack-form{max-width:none;gap:18px}
.admin-import-dialog .archive-import-panel>form{margin:0}
.admin-import-dialog .archive-import-panel .btn{align-self:flex-start}
.admin-import-history{margin-top:26px;background:#301524;padding:15px;border-radius:14px}
.admin-import-history>summary{cursor:pointer;font-size:13px;font-weight:650}
.admin-import-dialog .archive-import-status{margin:16px 0 0;padding-top:16px}
.admin-import-dialog .archive-import-status strong{font-size:13px}.admin-import-dialog .archive-import-status p{font-size:12px;line-height:1.6;margin:6px 0}
.admin-page .category-create-panel{margin:0;padding:24px}.admin-page .category-create-panel h2{font-size:22px;margin-bottom:12px}
.admin-page .category-create-panel p{margin:0 0 20px;font-size:13px;line-height:1.7}
.admin-page .category-registry-item{padding:22px}
.admin-page .category-edit-form{gap:16px}.admin-page .category-edit-form label{font-size:13px;gap:9px}.admin-page .category-edit-form input:not([type=checkbox]){min-height:44px;font-size:14px}
.admin-page .category-edit-form [data-settings-status]{flex-basis:100%;margin:0;font-size:12px;color:#efadc7}
.admin-page .table-scroll{margin:0}.admin-page table td,.admin-page table th{padding:16px;font-size:13px}
@media(max-width:1000px){.admin-prompt-grid{grid-template-columns:1fr}.admin-prompt-grid .admin-section>.muted{min-height:0}}
@media(max-width:700px){.admin-page .page{padding:22px 14px 45px}.admin-workspace{gap:18px}.admin-heading{align-items:flex-start;flex-direction:column;gap:18px}.admin-heading h1{font-size:29px}.admin-actions{width:100%;flex-wrap:wrap}.admin-actions .btn{flex:1}.admin-tabs{margin-inline:-2px}.admin-tabs a{padding:11px 14px}.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-card-body{padding:12px;gap:10px}.admin-card-body h2{font-size:14px}.admin-card-meta{font-size:11px;flex-wrap:wrap;gap:4px}.admin-card-preview{aspect-ratio:3/4}.admin-card-type,.admin-card-status{top:8px;padding:5px 6px;font-size:10px}.admin-card-type{left:8px}.admin-card-status{right:8px}.admin-dialog{padding:22px 18px}.admin-template-editor{grid-template-columns:1fr;gap:22px}.admin-reference{position:static;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:18px}.admin-reference .reference-preview>img,.admin-reference .reference-preview>video{height:145px;max-height:145px}.admin-editor-footer{bottom:-22px}.admin-section{padding:22px 18px}.admin-prompt-grid textarea{height:300px}.admin-toolbar .search-field{max-width:none}.admin-toolbar>.muted{display:none}.admin-fieldset .form-grid{gap:12px}.admin-dialog .form-grid{grid-template-columns:1fr 1fr}}
.admin-fieldset>.row{gap:22px;margin-top:4px}
.admin-autosave-status{font-size:12px!important;line-height:1.5;margin:0!important;color:#99d6b4!important;min-height:18px}.admin-autosave-status[data-state=saving]{color:#e8b5cb!important}.admin-autosave-status[data-state=error]{color:#ff90af!important}.admin-editor-footer .admin-autosave-status{text-align:center}.admin-save-row{min-height:24px}
.payment-pack-summary{display:grid;gap:12px;margin:22px 0}.payment-pack-summary>div{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:12px 0}.crypto-receipt{max-width:520px;margin:40px auto;padding:32px;display:flex;flex-direction:column;gap:20px}.crypto-receipt h1{font-size:32px;margin:0}.crypto-receipt p{line-height:1.7;margin:0}.crypto-receipt .checkout-total{font-size:44px;font-weight:750}.shop-checkout [data-payment-error]{margin:16px 0 0;font-size:13px;line-height:1.5}
.crypto-receipt{max-width:560px;gap:22px}.crypto-checkout-heading{display:grid;gap:15px}.crypto-checkout-heading h1{font-size:30px;line-height:1.2}.crypto-purchase-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#eec2d4;font-size:16px}.crypto-purchase-summary strong{font-size:28px;color:#fff3f8}.crypto-payment-status{padding:13px 16px;background:#411b2d;border-radius:12px;color:#ffbfd8;font-size:14px!important;line-height:1.6!important}.crypto-coin-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.crypto-coin-picker legend{padding:0;margin-bottom:10px;font-size:13px;color:#e3b7ca}.crypto-coin-picker label{position:relative;display:block;cursor:pointer;margin:0}.crypto-coin-picker input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0}.crypto-coin-picker label>span{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px;background:#401d30;border-radius:14px;color:#e0b5c8;transition:background .18s,color .18s}.crypto-coin-picker strong{font-size:15px}.crypto-coin-picker small{font-size:12px}.crypto-coin-picker input:checked+span{background:#b72e5c;color:white}.crypto-coin-picker input:focus-visible+span{background:#e24678;color:#fff}.crypto-payment-method{display:grid;gap:18px;min-width:0}.crypto-payment-detail{display:grid;gap:8px}.crypto-payment-detail>label{font-size:13px;color:#e3b7ca}.crypto-copy-row{display:flex;gap:8px;min-width:0}.crypto-copy-row input{flex:1;width:0;min-width:0;min-height:48px;font-size:16px;border-radius:11px;background:#3a192b;padding:12px}.crypto-copy-row input[data-payment-address]{font-family:ui-monospace,SFMono-Regular,monospace;font-size:16px}.crypto-copy-row button{flex-shrink:0;min-width:66px;min-height:48px;border:0;border-radius:11px;background:#6c2545;color:#fff0f7;font-size:13px;font-weight:700}.crypto-copy-row button:hover,.crypto-copy-row button:focus-visible{background:#a53260}.crypto-network-note,.crypto-invoice-expiry{text-align:center;font-size:12px!important}.crypto-invoice-expiry{margin-top:18px!important}.crypto-qr{width:200px;aspect-ratio:1;margin:0 auto;padding:14px;background:#fff;border-radius:15px}.crypto-qr svg,.crypto-qr canvas{display:block;width:100%;height:100%}.crypto-receipt [data-copy-status]:empty{display:none}.crypto-receipt [data-copy-status]{font-size:12px;color:#a7e1bd}.crypto-receipt [data-payment-done]{min-height:48px}.admin-api-section form[data-wallet-settings]{display:grid;gap:22px;margin-top:24px}.admin-api-section form[data-wallet-settings] label{display:grid;gap:10px;font-size:14px}.admin-api-section form[data-wallet-settings] input{font-size:16px}.admin-api-section form[data-wallet-settings] p{line-height:1.7}
@media(max-width:600px){.crypto-receipt{margin:18px auto 28px;padding:24px 18px;gap:20px;width:100%}.crypto-checkout-heading h1{font-size:26px}.crypto-purchase-summary strong{font-size:25px}.crypto-coin-picker label>span{gap:6px}.crypto-coin-picker small{font-size:11px}}