:root{--bg:#0d0f12;--panel:#181b20;--panel2:#202329;--line:#ffffff10;--muted:#9297a1;--text:#f4f3ef;--accent:#ffc193;--sidebar:236px;--motion-out:cubic-bezier(.16,1,.3,1)}
body{background:radial-gradient(ellipse at 85% 0%,#ffc19309,transparent 50%),var(--bg)}
.sidebar{background:linear-gradient(160deg,#191b20,#111318 65%);border-color:#ffffff09}
.brand{letter-spacing:-1px}.brand-mark{filter:drop-shadow(0 0 9px #ffc19324)}
.workspace{padding:12px;border-radius:12px;background:#ffffff03;border-color:#ffffff0b;margin-top:32px;margin-bottom:28px}
.nav-caption{color:#727986;letter-spacing:2px}.nav-item{min-height:46px;border-radius:11px;gap:12px}
.plan-card{border-radius:17px;background:radial-gradient(ellipse at 100% 0%,#ffc19313,transparent 70%),#181a20;border-color:#ffc1931c;padding:17px}
.profile{border-color:#ffffff0c}.avatar{background:linear-gradient(135deg,#363139,#22272e);border-color:#ffffff12}
.topbar{background:#11131980;backdrop-filter:blur(18px);border-color:#ffffff09}.mode-pill{padding:7px 11px;background:#1f282080;color:#b7d4bc;border-color:#b6d5b319;gap:7px}
.icon-button{border-radius:9px;padding:7px}.app-shell main{padding-top:42px}.page-intro{margin-bottom:32px}.page-intro h1{font-size:39px;letter-spacing:-1.6px;line-height:1.2;font-weight:500}.page-intro h1 em{color:#9c9ea7}.eyebrow{font-size:10px;letter-spacing:2.5px}.page-intro p{color:#989ca5;font-size:12px;line-height:1.7}
.panel,.composer,.preview{border-radius:20px;border-color:#ffffff0e;background:linear-gradient(145deg,#1c1f25,#16181d);box-shadow:0 12px 32px #00000012,inset 0 1px #ffffff03}
.panel{padding:28px}.panel h2{font-size:17px;letter-spacing:-.35px}.panel:focus-within,.composer:focus-within{border-color:#ffc19338}
.composer-body{padding:25px}.mode-tabs{padding:9px;gap:4px;background:#ffffff02;border-color:#ffffff0a}.mode-tab{padding:11px 8px}.prompt-box{background:#101216;border-color:#ffffff12;border-radius:13px}.prompt-box textarea{min-height:171px;font-size:12px}.prompt-box:focus-within{border-color:#ffc19366;box-shadow:0 0 0 3px #ffc19307}
.select-wrap select,.ratio-buttons{background:#22252b;border-color:#ffffff0c;border-radius:10px}.file-option{border-radius:12px;background:#ffffff03;padding:14px}.generate{background:linear-gradient(110deg,#ffd0a5,#ffb27f);border-radius:12px;padding:15px;box-shadow:0 5px 20px #ffb58012;position:relative;overflow:hidden;color:#302116}.generate:after{display:none}
.secondary{border-radius:9px;background:#ffffff05;border-color:#ffffff12;padding:10px 13px;color:#d1d3d8}.secondary:not(:disabled):hover{background:#ffffff09;border-color:#ffc19344;box-shadow:0 5px 18px #0002}
.preview-top{padding:16px 18px}.preview-bottom{padding:19px}.poster{height:389px}.poster-content h2{font-size:35px}.poster-frame{border-radius:4px}.preview-label{letter-spacing:1.4px}.task-card{border-radius:17px;border-color:#ffffff0d;background:linear-gradient(150deg,#202329,#17191e)}
.subscription-status{border-radius:16px;background:linear-gradient(110deg,#1c2421,#171b1e);border-color:#b6d5b31c;padding:20px 24px}.subscription-countdown{font-size:24px;letter-spacing:-.6px}.access-pill{border-radius:20px;padding:6px 10px}
#main[data-view="subscription"]>.subscription-status{margin-bottom:24px;display:grid;grid-template-columns:1fr auto;gap:0 24px;align-items:center}#main[data-view="subscription"]>.subscription-status .subscription-status-top{display:contents}#main[data-view="subscription"]>.subscription-status h3{grid-column:1;font-size:12px;color:#a5b7ac}#main[data-view="subscription"]>.subscription-status .access-pill{grid-column:2;grid-row:1 / span 2}#main[data-view="subscription"]>.subscription-status .subscription-countdown{grid-column:1;font-size:19px;margin-top:5px}#main[data-view="subscription"]>.subscription-status p{grid-column:1;margin-top:4px}
.settings-grid{gap:24px;grid-template-columns:1.05fr 1fr}.price-card{border-radius:24px;padding:32px;background:radial-gradient(ellipse at 95% 5%,#ffc19316,transparent 65%),linear-gradient(145deg,#25221f,#18191d 70%);border-color:#ffc19332;box-shadow:0 18px 55px #0003,inset 0 1px #ffe3bf14;transition:border-color 220ms ease,box-shadow 220ms ease}
.settings-grid>.panel+.panel{margin-top:0}
.price-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.price-label{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#efc7a7}.plan-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffc19325;border-radius:10px;background:#ffc1930a}.plan-symbol .icon{width:16px;height:16px}.plan-duration{font-size:10px;padding:6px 10px;border:1px solid #ffc19325;background:#ffc19308;border-radius:20px;color:#dcc8b9;white-space:nowrap}
.price{display:flex;align-items:baseline;gap:4px;font-size:84px;letter-spacing:-5px;line-height:1.1;margin:30px 0 12px;font-weight:500;color:#fff1e0}.price .price-currency{font-size:38px;letter-spacing:-1px;font-weight:400;align-self:flex-start;margin-top:8px;color:#d6bda8}.price .price-counter{font-size:inherit;letter-spacing:inherit;color:inherit;min-width:1.3em;font-variant-numeric:tabular-nums;display:inline-block}.price .price-period{font-size:12px;letter-spacing:0;color:#aaa39d;margin-left:8px}.price-intro{font-size:12px!important;line-height:1.7!important;color:#b8b0aa;margin:0}.features{margin:25px 0 24px;display:grid;gap:12px}.features li{margin:0;font-size:12px;color:#ddd5ce;gap:10px;line-height:1.7}.features .icon{border:1px solid #ffc19320;border-radius:50%;padding:3px;width:20px;height:20px;flex-shrink:0;background:#ffc19308;stroke-width:2}.payment-method{padding-top:18px;border-top:1px solid #ffc19313;margin-top:0}.payment-choice{border-radius:20px;font-size:10px;background:#ffc19308;padding:6px 10px;border-color:#ffc19327}.price-card .generate{margin-top:17px;font-size:12px}.subscription-note{border-top:0;text-align:center;margin-top:14px;padding-top:0;font-size:10px;line-height:1.7;color:#9f9288}
.steps-card{padding:30px}.steps-eyebrow{font-size:10px;color:#8d929d;letter-spacing:2px;margin-bottom:9px}.steps-card h2{font-size:21px;letter-spacing:-.6px}.info-list{gap:0;margin-top:25px}.info-list>div{position:relative;padding:0 0 28px 45px;min-height:90px}.info-list>div:not(:last-child):before{content:'';position:absolute;left:15px;top:35px;bottom:0;width:1px;background:linear-gradient(#ffc19330,#ffffff0b)}.info-list .num{position:absolute;left:0;top:0;float:none;margin:0;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;padding:0;font-size:11px;border-color:#ffc1932b;background:#ffc19307;color:#edc5a6}.info-list h3{font-size:12px;margin-bottom:7px;padding-top:5px}.info-list p{font-size:12px;line-height:1.75;max-width:320px}.info-list>div:last-child{padding-bottom:0}.payment-contact{display:flex;align-items:center;gap:11px;border:1px solid #ffffff0c;border-radius:13px;margin-top:28px;padding:14px;background:#ffffff02}.payment-contact .icon{width:16px;color:#d1ae91}.payment-contact span{font-size:11px;color:#a1a4ae}.payment-contact b{display:block;font-size:12px;color:#e7d5c6;font-weight:500;margin-top:3px}
.activity-summary>div{border-radius:14px;background:linear-gradient(145deg,#24252b,#1b1e23);padding:19px 22px;border-color:#ffffff0b}.activity-summary strong{font-size:34px;font-weight:500;letter-spacing:-1px}.admin-table th{font-size:10px;letter-spacing:.2px;color:#858c98}.admin-table td{border-color:#ffffff08;padding-top:15px;padding-bottom:15px}.admin-table td.generation-count{color:#ecccab}.admin-table tbody tr:hover{background:#ffc19304}.admin-table .secondary{border-radius:7px}.generation-note{color:#858c98}
.filters{padding:4px;background:#ffffff04;border:1px solid #ffffff05;border-radius:11px;width:max-content;max-width:100%;overflow:auto;gap:3px}.filters button{border-radius:8px;padding:7px 12px}.search,.input{background:#13161a;border-color:#ffffff12;border-radius:10px}.notice{border-radius:12px;background:#ffc19307;border-color:#ffc1931e;color:#c2ab96}.setting-row{border-color:#ffffff0a;padding:22px 0}
dialog{border-radius:22px;padding:28px;background:linear-gradient(145deg,#23262d,#171a20);border-color:#ffffff16;box-shadow:0 28px 100px #0008,inset 0 1px #ffffff05}dialog::backdrop{background:#06080db3;backdrop-filter:blur(9px)}.modal-heading{margin-bottom:20px}.modal-heading h2{letter-spacing:-.5px;font-size:20px}.toast{border-radius:14px;background:#25232be8;border-color:#ffc19332;backdrop-filter:blur(16px);box-shadow:0 12px 36px #0005;font-size:12px}
[data-spotlight]{position:relative;isolation:isolate;overflow:hidden}[data-spotlight]:after{content:'';position:absolute;inset:0;background:radial-gradient(450px circle at var(--spot-x,60%) var(--spot-y,0%),#ffe1bc0b,transparent 65%);pointer-events:none;opacity:0;transition:opacity 350ms ease;z-index:-1}[data-spotlight].pointer-lit:after{opacity:1}.price-card.pointer-lit{border-color:#ffc19360;box-shadow:0 20px 60px #0004,inset 0 1px #ffe3bf15}
[data-motion-tabs]{position:relative;isolation:isolate}[data-motion-tabs]:before{content:'';position:absolute;top:0;left:0;width:var(--pill-width,0px);height:var(--pill-height,0px);transform:translate(var(--pill-x,0px),var(--pill-y,0px));opacity:var(--pill-opacity,0);border-radius:9px;background:#ffffff09;border:1px solid #ffffff06;box-shadow:0 2px 6px #0001;transition:transform 420ms var(--motion-out),width 420ms var(--motion-out),height 420ms var(--motion-out),opacity 160ms ease;pointer-events:none;z-index:-1}
.sidebar nav[data-motion-tabs]:before{background:linear-gradient(100deg,#ffc19315,#ffc19308);border-color:#ffc19310;border-radius:11px}.nav-item.active,.mode-tab.active,.filters button.active,.ratio-buttons button.selected{background:transparent;box-shadow:none}.nav-item.active:before{display:none}.nav-item.active{color:#ffd1ae}.mode-tab.active{color:#fff2e4}.ratio-buttons button.selected{color:#ffd1ae}.nav-item:hover{background:#ffffff03}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.generate:not(:disabled):hover .icon:last-child{transform:translateX(3px)}.generate .icon{transition:transform 280ms var(--motion-out)}.plan-card:hover{border-color:#ffc19335}.mode-pill:hover{box-shadow:0 0 18px #b6d5b307}}
@media(max-width:1150px){:root{--sidebar:210px}.page-intro h1{font-size:35px}.app-shell main{padding-top:32px}.composer-body{padding:20px}.price-card,.steps-card{padding:26px}.price{font-size:76px}}
@media(max-width:900px){:root{--sidebar:190px}.settings-grid{grid-template-columns:1fr}.page-intro h1{font-size:32px}.panel{padding:24px}.poster{height:360px}}
@media(max-width:640px){:root{--sidebar:234px}.app-shell main{padding-top:28px}.page-intro h1{font-size:30px}.page-intro p{font-size:12px;max-width:280px}.page-intro{margin-bottom:26px}.panel,.composer,.preview{border-radius:18px}.panel{padding:20px}.composer-body{padding:20px}.mode-tabs{padding:7px;gap:2px}.mode-tab{font-size:10px;padding:10px 6px}.price-card{padding:25px}.price{font-size:78px;margin-top:25px}.price .price-currency{font-size:34px}.price .price-period{font-size:12px}.steps-card{padding:24px}.activity-summary{gap:8px}.activity-summary>div{padding:15px 11px}.activity-summary strong{font-size:27px}.topbar{backdrop-filter:none}.mode-pill{font-size:9px;padding:5px 8px}.subscription-status{padding:18px}#main[data-view="subscription"]>.subscription-status{grid-template-columns:1fr;gap:8px}#main[data-view="subscription"]>.subscription-status .access-pill{grid-column:1;grid-row:auto;justify-self:start}#main[data-view="subscription"]>.subscription-status .subscription-countdown{font-size:17px}.poster{height:340px}dialog{padding:23px;border-radius:19px}.filters button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.price-card{transform:none!important}.generate:after{display:none}[data-spotlight]:after{display:none}}

@property --metal-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.metal-surface:before,.plan-card:before,.nav-item:after{content:'';position:absolute;inset:0;padding:1.2px;border-radius:inherit;background:conic-gradient(from var(--metal-angle),transparent 0deg,#b9b4c21c 40deg,#f9d6b0aa 64deg,#fff1dd 71deg,#a6bbc77a 82deg,transparent 110deg,transparent 220deg,#8996b02e 245deg,#f1cab0a1 270deg,#f4efdcdd 278deg,transparent 310deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;animation:metal-travel 9s linear infinite;z-index:2;opacity:.7}
.plan-card{position:relative;isolation:isolate}.plan-card:before{opacity:.25;animation-duration:13s}.plan-card:hover:before{opacity:.7}.nav-item{position:relative}.nav-item:after{opacity:.28;padding:1px;animation-duration:12s;transition:opacity 280ms ease}.nav-item.active:after,.nav-item:hover:after{opacity:.7}.price-card.pointer-lit:before{opacity:1}.price-card:before{transition:opacity 350ms ease}
.studio-orb{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle;filter:drop-shadow(0 0 4px #ffc19322)}.studio-orb.orb-large{width:56px;height:56px;filter:drop-shadow(0 0 10px #ffc19333)}.generation-signal{display:flex;align-items:center;gap:8px;margin-left:-9px;margin-bottom:5px}.generation-signal>span{font-size:9px;letter-spacing:2px;color:#e0bda1}.generate .studio-orb{filter:none}.preview-top .studio-orb{width:18px;height:18px}
@keyframes metal-travel{from{--metal-angle:0deg}to{--metal-angle:360deg}}
@media(prefers-reduced-motion:reduce){.metal-surface:before,.plan-card:before,.nav-item:after{animation:none!important}}

.metal-surface{position:relative;isolation:isolate}.metal-surface:before{opacity:.38;animation-delay:var(--metal-delay,0s);animation-duration:12s;transition:opacity 300ms ease}.metal-surface:hover:before,.metal-surface:focus-within:before{opacity:.75}.metal-surface.price-card:before{opacity:.7;animation-duration:9s}.metal-surface.price-card.pointer-lit:before{opacity:1}
.sidebar .nav-item[data-page="subscription"]{--subscription-gold:#eac665}
.sidebar .nav-item[data-page="subscription"] [data-icon="credit"]{color:var(--subscription-gold)}
.subscription-shimmer{display:inline-block;background:linear-gradient(to right,var(--subscription-gold) 0%,#f7d98d 25%,#fff2bf 50%,#f7d98d 75%,var(--subscription-gold) 100%);background-size:120px 100%;background-repeat:repeat;background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:subscription-shimmer 3s infinite linear;font-weight:600;white-space:nowrap}
@keyframes subscription-shimmer{from{background-position:0 50%}to{background-position:120px 50%}}
.generate:not(:disabled):hover,.generate:not(:disabled):focus-visible{background:#565557;color:#fff1e2;box-shadow:0 6px 24px #0003}
/* Sidebar contours appear only while the pointer is over the item. */
.sidebar .brand-mark{filter:none}.sidebar .plan-card{background:#181a20}
.sidebar nav[data-motion-tabs]:before{background:#ffffff05;border-color:#ffffff08;box-shadow:none}
.sidebar .nav-item:after,.sidebar .plan-card:before,.sidebar .metal-surface:before{opacity:0;animation-play-state:paused;transition:opacity 280ms ease}
.sidebar .nav-item:hover:after,.sidebar .plan-card:hover:before,.sidebar .metal-surface:hover:before{opacity:.7;animation-play-state:running}
.sidebar .nav-coming-soon:disabled{opacity:1;color:#767c86;background:transparent;box-shadow:none;cursor:not-allowed}
.sidebar .nav-coming-soon:after{display:none}
.sidebar .nav-coming-soon:hover .icon{transform:none}
.sidebar .nav-coming-soon .nav-badge{display:inline-flex;align-items:center;gap:4px;color:#aaa18e;background:#eac66508;border-color:#eac6651c;white-space:nowrap}
.sidebar .nav-coming-soon .nav-badge .icon{width:12px;height:12px}
.auto-upscale-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0 0;margin-top:16px;border-top:1px solid #ffffff0a;cursor:pointer}.auto-upscale-option b{font-size:12px;font-weight:500;color:#e4d1bf}.auto-upscale-option small{font-size:10px;line-height:1.6;max-width:330px;margin-top:4px;color:#9297a1}.auto-upscale-option .switch{flex-shrink:0}
@media(prefers-reduced-motion:reduce){.subscription-shimmer{background:none;color:var(--subscription-gold);-webkit-text-fill-color:currentColor;animation:none!important}.metal-surface:before{animation:none!important}}

.media-feedback{font-size:12px;color:#edb29d;line-height:1.7;margin:14px 18px}#main{overflow-anchor:none}
.soft-surface{background:radial-gradient(ellipse at 15% 0%,#ffc19308,transparent 75%),#ffffff02;border-color:#ffffff0c;box-shadow:inset 0 1px #ffffff02}
.subscription-status.soft-surface{background:radial-gradient(ellipse at 10% 0%,#a9cfad0a,transparent 80%),#ffffff02;border-color:#b6d5b314}
.soft-surface:before{display:none;animation:none}

/* Quiet monochrome relief with a continuous, low-contrast light pass. */
.result-stage{position:relative;isolation:isolate;overflow:hidden;background:#08090a;aspect-ratio:16/9;min-height:310px;display:grid;place-items:center;--result-dx:0px;--result-dy:0px}
.result-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:translate3d(var(--result-dx),var(--result-dy),0) scale(1.045);transition:transform 1000ms cubic-bezier(.2,.7,.2,1);pointer-events:none}
.result-fluid{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transform:translate3d(var(--result-dx),var(--result-dy),0) scale(1.045);transition:transform 1000ms cubic-bezier(.2,.7,.2,1)}
.result-fluid-ready .result-fluid{opacity:1}
.result-fluid-ready .result-art{opacity:0}
.result-sweep{position:absolute;inset:-55%;background:linear-gradient(115deg,transparent 29%,#ffffff03 40%,#ffffff18 49%,#ffffff03 59%,transparent 70%);mix-blend-mode:screen;pointer-events:none;animation:result-light-pass 24s ease-in-out infinite;animation-delay:var(--result-phase,0s);will-change:transform;opacity:.65}
.result-pointer{position:absolute;inset:0;background:radial-gradient(280px circle at var(--result-x,50%) var(--result-y,50%),#ffffff15,transparent 75%);opacity:0;transition:opacity 1100ms ease;mix-blend-mode:screen;pointer-events:none}
.result-hover .result-pointer{opacity:1}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.result-caption{position:relative;z-index:1;color:#c7c8cb;font-family:Manrope,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.2px;line-height:1.5;text-align:center;padding:24px;text-shadow:0 2px 14px #0009;pointer-events:none}
.preview.has-result .result-stage{min-height:240px}
@keyframes result-light-pass{0%,100%{transform:translate3d(-13%,-5%,0) rotate(-5deg)}50%{transform:translate3d(13%,5%,0) rotate(5deg)}}
@media(min-width:1550px){.result-stage{min-height:360px}}
@media(max-width:900px){.result-stage{min-height:280px}}
@media(max-width:640px){.result-stage{min-height:230px}.preview.has-result .result-stage{min-height:210px}.result-caption{font-size:16px}}
@media(prefers-reduced-motion:reduce){.result-sweep{animation:none!important;opacity:.25;will-change:auto}.result-art,.result-fluid{transform:none;transition:none}.result-pointer{display:none}}
/* Account credentials: reveal only text entered by the user. */
.account-credentials{padding:4px 0 12px;border-bottom:1px solid #ffffff0a}
.account-credentials .input[readonly]{color:#c7c8cb;cursor:default}
.account-password-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#13161a;border:1px solid #ffffff12;border-radius:10px;padding:9px 12px}
.password-mask{letter-spacing:3px;color:#b8b9c0;font-size:15px}
.account-password-row .secondary{padding:6px 10px;font-size:11px}
.password-input{position:relative}.password-input .input{padding-right:48px}
.password-input .icon-button{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px}
.form-field>label{display:block;color:#a4a0a0;margin-bottom:7px}
.password-recovery{margin:16px auto 0;display:block;font-size:12px;color:#b2a494}
.price-card .refund-note{margin:16px 0 0;padding-top:14px;border-top:1px solid #ffc19313;text-align:center;font-size:11px;line-height:1.7;color:#b5aba2}
.price-card .plan-description{font-size:12px;line-height:1.8;color:#a8a19a;margin:10px 0 0;max-width:440px}
.price-card.is-active{background:radial-gradient(ellipse at 70% 0%,#65b88b18,transparent 75%),linear-gradient(145deg,#1b2520,#151b18 75%);border-color:#6bb58b50;box-shadow:0 14px 45px #0003,inset 0 0 55px #5eaa7c09;cursor:default}
.price-card.is-active:before{background:conic-gradient(from var(--metal-angle),transparent 0deg,#69a68435 60deg,#a4d3b850 80deg,transparent 115deg,transparent 240deg,#81ba9c45 275deg,transparent 310deg);opacity:.32!important}
.price-card.is-active:after{opacity:0!important}
.price-card.is-active .price,.price-card.is-active .price-currency{color:#bbcfc2}
.price-card.is-active .features li,.price-card.is-active .price-intro{color:#a7b6ad}
.price-card.is-active .plan-symbol,.price-card.is-active .features .icon,.price-card.is-active .payment-choice,.price-card.is-active .plan-duration{border-color:#79b69325;color:#98b6a5;background:#70ba8c07}
.price-card.is-active #billing-button,.price-card.is-active #billing-button:hover{background:#263c2e;color:#a7d5b8;box-shadow:inset 0 1px 0 #addac013;border:1px solid #79b69330;opacity:1;cursor:default;transform:none;animation:none}
.price-card.is-active #billing-button:before,.price-card.is-active #billing-button:after{display:none}
.subscription-day-presets{display:flex;gap:8px;margin:-4px 0 18px}.subscription-day-presets .secondary{flex:1;justify-content:center}

.generate.subscription-required{gap:10px}.generate.subscription-required .icon{width:18px;height:18px;transform:none;stroke-width:1.6}
.trial-notice{background:#e8b9930b;border-color:#e8b99328}.trial-notice b{font-size:14px}.trial-notice p{margin-bottom:0}
/* Give client actions room and allow long dialog titles to wrap. */
#admin-clients .admin-table{min-width:760px}
#admin-clients td:last-child{min-width:250px;width:36%}
#admin-clients .client-actions .secondary{flex-shrink:0;white-space:nowrap;padding:7px 10px;font-size:11px}
.modal-heading h2{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.modal-heading .icon-button{flex-shrink:0}

.auth-switch{display:block;margin:18px auto 0;color:#e8b993;font-size:12px}.username-hint{display:block;font-size:11px;line-height:1.7;color:#8d95a2;margin-top:8px}.client-search{max-width:360px;margin:18px 0}.client-search>span{font-size:12px}
/* Keep secondary text and studio badges readable without enlarging headlines. */
.sidebar .nav-badge{font-size:11px;font-weight:600;line-height:1.35;padding:2px 6px;flex-shrink:0;color:#c7c0bb}
.sidebar .nav-coming-soon .nav-badge{color:#c5b99d}
@media(min-width:641px) and (max-width:1150px){:root{--sidebar:226px}.sidebar .nav-item{gap:9px;padding-inline:10px}.sidebar .nav-badge{display:inline-flex}}
/* Independent waves keep the card drifting instead of tracing one short loop. */
@property --promo-drift-x{syntax:'<length>';initial-value:0px;inherits:false}
@property --promo-drift-y{syntax:'<length>';initial-value:0px;inherits:false}
@property --promo-lean{syntax:'<angle>';initial-value:0deg;inherits:false}
.sidebar .subscription-promo{padding:17px;background:radial-gradient(ellipse at 0% 0%,#eac66530,transparent 78%),linear-gradient(145deg,#30291c,#1c1c1e);border-color:#eac66570;box-shadow:inset 0 1px #fff0c614;transform:translate3d(var(--promo-drift-x),var(--promo-drift-y),0) rotate(var(--promo-lean));transform-origin:50% 60%;animation:promo-drift-x 7.3s ease-in-out infinite,promo-drift-y 5.9s ease-in-out -2s infinite,promo-lean 10.7s ease-in-out -4s infinite;transition:border-color 250ms ease,box-shadow 250ms ease}
.sidebar .subscription-promo:hover,.sidebar .subscription-promo:focus-within{animation-play-state:paused;border-color:#f4d991b3;box-shadow:inset 0 1px #fff0c624,0 0 24px #eac6651c}
.sidebar .subscription-promo .promo-heading{color:#f3d781;font-size:11px;font-weight:700;letter-spacing:1.3px;gap:7px}
.sidebar .subscription-promo .promo-heading>[data-icon]{margin-left:0}
.sidebar .subscription-promo .promo-heading .icon{width:15px;height:15px}
.sidebar .subscription-promo .promo-title{font-size:18px;line-height:1.4;color:#f0e9d9;font-weight:600;margin:14px 0 18px;letter-spacing:-.3px}
.sidebar .subscription-promo .promo-button{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:43px;display:flex;justify-content:space-between;align-items:center;gap:7px;padding:11px 10px;border:1px solid #f6dda088;border-radius:9px;font-size:13px;font-weight:650;letter-spacing:-.35px;background:linear-gradient(115deg,#f3d996,#e9c666);color:#332915;box-shadow:inset 0 1px #fff9e559;transition:box-shadow 250ms ease,border-color 250ms ease}
.sidebar .subscription-promo .promo-button-label{white-space:nowrap}
.sidebar .subscription-promo .promo-button .icon{width:16px;height:16px;flex-shrink:0}
.sidebar .subscription-promo .promo-button>[data-icon="arrow"] .icon{width:13px;height:13px;transition:transform 250ms ease}
.sidebar .subscription-promo .promo-button:before{content:'';position:absolute;inset:-40% 0;width:38%;background:linear-gradient(100deg,transparent,#fff7db75,transparent);transform:translateX(-160%) skewX(-15deg);animation:promo-light 6s linear infinite;pointer-events:none;z-index:-1}
.sidebar .subscription-promo .promo-button:hover,.sidebar .subscription-promo .promo-button:focus-visible{border-color:#fff0c2;box-shadow:inset 0 1px #fff9e580,0 0 20px #eac66524}
.sidebar .subscription-promo .promo-button:hover>[data-icon="arrow"] .icon{transform:translateX(2px)}
.sidebar .subscription-promo .promo-button:focus-visible{outline:2px solid #fff0c2;outline-offset:4px}
@keyframes promo-light{0%{transform:translateX(-160%) skewX(-15deg)}65%,100%{transform:translateX(420%) skewX(-15deg)}}
@keyframes promo-drift-x{0%,100%{--promo-drift-x:-5px}50%{--promo-drift-x:5px}}
@keyframes promo-drift-y{0%,100%{--promo-drift-y:4px}50%{--promo-drift-y:-5px}}
@keyframes promo-lean{0%,100%{--promo-lean:-1.3deg}50%{--promo-lean:1.3deg}}
.motion-paused .sidebar .subscription-promo,.motion-paused .sidebar .subscription-promo .promo-button:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.sidebar .subscription-promo .promo-button:before{display:none}}
.payment-contact .telegram-contact-link{display:flex;align-items:center;gap:7px;width:max-content;margin-top:8px;font-size:12px;color:#e7d5c6}
.payment-contact .telegram-icon,.account-support .telegram-icon{width:18px;height:18px;flex-shrink:0;stroke:none}
/* Let visitors explore first, then sign in when they choose an account action. */
.header-login{font-size:14px;padding:8px 16px}
.owner-entry{max-width:470px;padding:32px}.owner-entry-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #eac66540;border-radius:14px;background:#eac6650c;color:#efd28e;margin-bottom:22px}.owner-entry-icon .icon{width:23px;height:23px}.owner-entry .generate{margin-top:22px;min-height:46px}.owner-surface:has(.owner-entry) .sidebar nav,.owner-surface:has(.owner-entry) .nav-caption,.owner-surface:has(.owner-entry) .profile{display:none}.owner-surface:has(.owner-entry) .brand{margin-bottom:26px}
.auth-notice{position:fixed;z-index:45;top:90px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);width:min(640px,calc(100vw - var(--sidebar) - 40px));padding:20px 48px 20px 22px;border:1px solid #e8b99355;border-radius:16px;background:#202227;box-shadow:0 16px 48px #0007;animation:auth-notice-enter 240ms ease-out}
.auth-notice[hidden]{display:none}
.auth-notice.is-leaving{pointer-events:none;animation:auth-notice-exit 650ms cubic-bezier(.22,1,.36,1) both}
.auth-notice p{margin:0;color:#f4ece5;font-size:16px;font-weight:500;line-height:1.6}
.auth-notice-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}
.auth-notice-actions .secondary{font-size:14px;padding:9px 15px}
.auth-notice-actions .auth-notice-primary{border-color:#e8b99355;background:#e8b99318;color:#f1c6a5}
.auth-notice-close{position:absolute;top:12px;right:12px;width:28px;height:28px}
@keyframes auth-notice-enter{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@keyframes auth-notice-exit{from{opacity:1;translate:0 0}to{opacity:0;translate:0 -12px}}
@media(max-width:640px){.auth-notice{top:76px;left:50%;width:calc(100vw - 28px);padding:18px 42px 18px 18px}.auth-notice p{font-size:15px}.auth-notice-actions{gap:8px}.auth-notice-actions .secondary{padding:9px 12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.auth-notice,.auth-notice.is-leaving{animation:none}.auth-notice.is-leaving{opacity:0}}

/* Local Video.js controls; the download overlay stays until the decoder is ready. */
.result-media{position:relative;isolation:isolate;background:#08090b;aspect-ratio:16 / 9;overflow:hidden}
.result-media .video-js{width:100%;height:100%;background:#08090b;font-family:Manrope,sans-serif;font-size:12px;color:#eee9e3}
.result-media .video-js .vjs-tech{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.result-media .result-native-player{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;aspect-ratio:auto;background:#08090b}
.result-media .result-native-player:fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;max-width:none!important;object-fit:contain}
.result-media .vjs-control-bar{background:linear-gradient(transparent,#0b0d11ee);height:4em;padding:0 7px;align-items:center}
.result-media .vjs-control{height:3em}
.result-media .vjs-play-progress,.result-media .vjs-volume-level{background:#ffc193}
.result-media .vjs-big-play-button{width:64px;height:64px;border:1px solid #ffffff40;border-radius:50%;background:#171a21b8;line-height:62px;font-size:27px;margin-left:-32px;margin-top:-32px;transition:background-color .2s,border-color .2s}
.result-media .video-js:hover .vjs-big-play-button,.result-media .vjs-big-play-button:focus{background:#343840d9;border-color:#ffc19380}
.result-media.is-loading .video-js{pointer-events:none}
.result-media.is-loading .vjs-big-play-button,.result-media.is-loading .vjs-control-bar,.result-media .vjs-error-display{visibility:hidden}
.result-media .media-feedback{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#08090bd9;margin:0;padding:24px;text-align:center;font-size:13px;color:#b9bdc6}
.result-media .media-feedback[hidden]{display:none}
.result-media .media-feedback:before{content:'';width:24px;height:24px;border:2px solid #ffffff15;border-top-color:#ffc193;border-radius:50%;animation:frame-video-loading .9s linear infinite}
.result-media .media-feedback:has(button):before{display:none}
.result-media .vjs-loading-spinner{display:none!important}
.result-media.is-playback-stalled .media-feedback{inset:12px 12px auto;flex-direction:row;flex-wrap:wrap;padding:12px 16px;border-radius:12px;background:#111319e6;pointer-events:none;font-size:12px}
.result-media.is-playback-stalled .media-feedback:before{width:16px;height:16px;flex-shrink:0}
.result-media.is-playback-stalled .media-feedback button{pointer-events:auto}
@keyframes frame-video-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.result-media .media-feedback:before{animation:none}}
/* A background tab does not need to repaint decorative lighting. */
.motion-paused .metal-surface:before,.motion-paused .plan-card:before,.motion-paused .nav-item:after,.motion-paused .subscription-shimmer,.motion-paused .result-sweep{animation-play-state:paused!important}
/* Decorative effects only run while their element is on screen. */
.motion-offscreen,.motion-offscreen:before,.motion-offscreen:after{animation-play-state:paused!important}
.result-media .video-js .vjs-time-control,.result-media .video-js .vjs-time-divider{display:block!important;min-width:0;padding:0 3px;font-size:11px;line-height:3em}
.result-media .vjs-control-bar{height:3.5em;padding-top:5px}
.result-media .vjs-progress-control{position:absolute;left:12px;right:12px;top:-5px;width:auto;height:12px}
.result-media .vjs-progress-holder{margin:0}
.result-media .vjs-picture-in-picture-control{margin-left:auto}
@media(max-width:420px){.result-media .vjs-picture-in-picture-control{display:none}}
/* Fullscreen dimensions must follow the viewport, not the preview card. */
.video-js.vjs-fullscreen,.video-js:fullscreen,.video-js:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;background:#000}
.video-js.vjs-fullscreen .vjs-tech,.video-js:fullscreen .vjs-tech,.video-js:-webkit-full-screen .vjs-tech{width:100%!important;height:100%!important;object-fit:contain;aspect-ratio:auto!important;max-height:none!important;max-width:none!important}
.result-media .vjs-fullscreen-control{margin-left:auto}
.result-media .vjs-fullscreen-control .vjs-control-text{position:static!important;width:auto!important;height:auto!important;clip:auto!important;display:inline;font-size:11px;line-height:1.4;white-space:nowrap}
.result-media .vjs-fullscreen-control{width:auto;min-width:4em;padding:0 7px;display:flex;align-items:center;gap:5px}
.result-media .vjs-fullscreen-control .vjs-icon-placeholder{width:20px;height:20px;position:relative;display:inline-block;flex-shrink:0}
.result-media .vjs-fullscreen-control .vjs-icon-placeholder:before{line-height:20px;font-size:20px}
/* Keep management pages idle while other browser tabs play video. */
.owner-surface .metal-surface:before,.owner-surface .plan-card:before,.owner-surface .nav-item:after,.owner-surface .subscription-shimmer,.owner-surface .result-sweep,.owner-surface .subscription-promo,.owner-surface .subscription-promo .promo-button:before{animation:none!important}
.owner-surface .result-sweep{display:none;will-change:auto}
.owner-surface .subscription-shimmer{background:none;color:var(--subscription-gold);-webkit-text-fill-color:currentColor}
.owner-surface .topbar{backdrop-filter:none;background:#111319}