/* BerandAI 2.0 — focused visual polish and generation motion */
.payment-qris img[src^="data:image/"]{width:min(320px,100%);max-height:320px;padding:8px;background:#fff;object-fit:contain}.active-invoice:has(.temanqris-qr) .active-invoice-body,.active-invoice:has(.temanqris-qr) .malaysia-payment-guide,.active-invoice:has(.temanqris-qr) .payment-action-stack{display:none}.payment-provider-notice[data-temanqris-status]{margin-top:10px}
:root{
  --bg:#f4f7fc;--panel:#fff;--text:#14213d;--muted:#6c7891;--line:#e3e9f2;
  --primary:#1877f2;--primary2:#6941ed;--cyan:#15bfe7;
  --shadow:0 18px 50px rgba(27,48,88,.08);--shadow-hover:0 24px 70px rgba(27,48,88,.14);--radius:20px
}
html{scroll-padding-top:86px}
body{min-width:320px;background:
  radial-gradient(circle at 86% 2%,rgba(100,72,238,.08),transparent 24rem),
  radial-gradient(circle at 38% 18%,rgba(20,176,238,.06),transparent 30rem),var(--bg)}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(24,119,242,.22);outline-offset:2px}
.btn{min-height:42px;border-radius:13px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.btn-primary{background:linear-gradient(120deg,#1687f7 0%,#4268f1 54%,#7043ee 100%);box-shadow:0 12px 28px rgba(52,91,228,.24)}
.btn-primary:hover{box-shadow:0 17px 36px rgba(52,91,228,.32)}
.btn:active{transform:translateY(0) scale(.985)}
.card,.feature-card{border-color:rgba(217,226,239,.9);box-shadow:var(--shadow)}
.member-page .app-content{width:100%;max-width:1600px;margin-inline:auto;animation:pageReveal .46s cubic-bezier(.22,1,.36,1) both}
.member-page .app-top{border-color:rgba(222,229,239,.85);box-shadow:0 6px 26px rgba(27,48,88,.035)}
.member-page .sidebar{border-right:1px solid #e5ebf3;box-shadow:10px 0 40px rgba(32,52,88,.035)}
.member-page .side-nav{grid-auto-rows:max-content;align-content:start}
.member-page .side-nav a{position:relative;min-height:41px;transition:color .18s ease,background .18s ease,transform .18s ease}
.member-page .side-nav a:hover{transform:translateX(2px)}
.member-page .side-nav a.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#19a9f1,#6944ee)}
.side-collapse{display:none}
@media(min-width:801px){
  .member-page .app-shell{transition:grid-template-columns .26s cubic-bezier(.22,1,.36,1)}
  .member-page .app-shell.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}
  .member-page .sidebar{transition:padding .26s ease}
  .side-collapse{z-index:5;width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;margin:-14px 4px 9px auto;padding:0;border:1px solid #d8e2ef;border-radius:50%;background:#fff;color:#55708f;box-shadow:0 7px 18px rgba(28,51,88,.14);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}
  .side-collapse:hover{transform:scale(1.07);color:#236fd1;box-shadow:0 9px 22px rgba(28,51,88,.19)}.side-collapse span{font-size:21px;line-height:1;transform:translateY(-1px)}
  .sidebar-collapsed .sidebar{padding:12px 10px}.sidebar-collapsed .side-brand-full{min-height:45px;padding:0;justify-content:center}.sidebar-collapsed .side-collapse{margin:-4px auto 5px}
  html[data-theme] .member-page .sidebar-collapsed .side-brand-full>.theme-logo-light,html[data-theme] .member-page .sidebar-collapsed .side-brand-full>.theme-logo-dark{display:none!important}.member-page .sidebar-collapsed .side-brand-full>.side-brand-mark{display:block!important;width:39px!important;height:39px!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
  .sidebar-collapsed .side-user{display:none}.sidebar-collapsed .side-nav{gap:2px;padding:3px 0 0;scrollbar-width:none}.sidebar-collapsed .side-nav::-webkit-scrollbar{display:none}
  .sidebar-collapsed .side-label{height:1px;margin:6px 8px;padding:0;border:0;background:#e6ecf4;font-size:0}
  .member-page .sidebar-collapsed .side-nav a{width:44px;min-height:42px;margin-inline:auto;padding:0;gap:0;display:flex;align-items:center;justify-content:center;font-size:0;overflow:hidden}
  .member-page .sidebar-collapsed .side-nav a>.side-nav-icon{display:grid}.sidebar-collapsed .side-nav a:after{content:none}
  .sidebar-collapsed .side-nav a:hover{transform:translateY(-1px)}.sidebar-collapsed .side-nav a.active:before{top:7px;bottom:7px}
}
.page-head h1{font-size:clamp(26px,3vw,34px);letter-spacing:-.035em}
.stats-grid>.card,.tool-grid>.card,.generation-gallery-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.generation-gallery-card[hidden]{display:none!important}
.stats-grid>.card:hover,.tool-grid>.card:hover,.generation-gallery-card:hover{transform:translateY(-3px);border-color:#cfdbeb;box-shadow:var(--shadow-hover)}

/* Dashboard discovery — lively light-mode creation home */
.dashboard-discover{position:relative;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(500px,1.18fr);gap:clamp(28px,4vw,66px);align-items:center;min-height:430px;margin:-4px 0 24px;padding:clamp(28px,4vw,54px);overflow:hidden;border:1px solid #dce5f2;border-radius:28px;background:linear-gradient(125deg,#fff 0%,#f8fbff 48%,#f4f0ff 100%);box-shadow:0 26px 75px rgba(29,56,103,.1)}
.dashboard-discover:before{content:"";position:absolute;left:-90px;bottom:-150px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(28,191,235,.13),transparent 67%);pointer-events:none}
.dashboard-discover-copy{position:relative;z-index:3}
.dashboard-discover-copy h1{max-width:620px;margin:12px 0 15px;color:#12284b;font-size:clamp(39px,4.5vw,68px);line-height:1.06;letter-spacing:-.058em;text-wrap:balance}
.dashboard-discover-copy h1 span{display:inline-block;padding-bottom:.08em;background:linear-gradient(90deg,#148af3,#7245ed);-webkit-background-clip:text;background-clip:text;color:transparent}
.dashboard-discover-copy>p{max-width:550px;margin:0;color:#718099;font-size:14px;line-height:1.75}
.dashboard-create-dock{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;margin-top:25px;padding:10px;border:1px solid #dce6f3;border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 14px 36px rgba(35,65,113,.08);backdrop-filter:blur(12px)}
.dashboard-create-spark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e7f7ff,#eeeaff);color:#4770df;font-size:18px;animation:dashboardSpark 2.4s ease-in-out infinite}
.dashboard-create-dock>div{display:grid;min-width:0}.dashboard-create-dock strong{color:#263d61;font-size:12px}.dashboard-create-dock small{margin-top:2px;color:#909caf;font-size:9px}
.dashboard-create-dock>a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border-radius:11px;background:linear-gradient(115deg,#1688f5,#7044ed);color:#fff;font-size:10px;font-weight:900;box-shadow:0 9px 23px rgba(67,81,225,.22)}
.dashboard-create-dock>a span{transition:transform .18s}.dashboard-create-dock>a:hover span{transform:translateX(3px)}
.dashboard-create-chips{display:flex;gap:7px;margin-top:12px;overflow-x:auto;scrollbar-width:none}.dashboard-create-chips::-webkit-scrollbar{display:none}
.dashboard-create-chips a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid #dfe7f2;border-radius:999px;background:rgba(255,255,255,.78);color:#60718e;font-size:10px;font-weight:850;white-space:nowrap;transition:.18s ease}
.dashboard-create-chips a:hover{transform:translateY(-2px);border-color:#c6d8ef;color:#2b6fc9;background:#fff}.dashboard-create-chips a span{color:#3979dc}
.dashboard-showcase{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;height:350px;min-width:0;filter:drop-shadow(0 22px 33px rgba(31,54,95,.13));animation:showcaseReveal .72s cubic-bezier(.22,1,.36,1) both}
.dashboard-showcase-card{position:relative;z-index:2;overflow:hidden;border:5px solid rgba(255,255,255,.96);border-radius:20px;background:linear-gradient(145deg,#eaf5ff,#eee9ff);box-shadow:0 8px 24px rgba(30,58,105,.1);transform:translateZ(0)}
.dashboard-showcase-card.showcase-1{grid-row:1/3}.dashboard-showcase-card.showcase-2{grid-column:2/4}.dashboard-showcase-card.showcase-3{grid-column:2}.dashboard-showcase-card.showcase-4{grid-column:3}.dashboard-showcase-card.showcase-5{display:none}
.dashboard-showcase.items-1 .showcase-1{grid-column:1/4}.dashboard-showcase.items-2{grid-template-columns:1.25fr .75fr}.dashboard-showcase.items-2 .showcase-1{grid-column:1}.dashboard-showcase.items-2 .showcase-2{grid-column:2;grid-row:1/3}.dashboard-showcase.items-3{grid-template-columns:1.2fr .8fr}.dashboard-showcase.items-3 .showcase-1{grid-column:1}.dashboard-showcase.items-3 .showcase-2{grid-column:2;grid-row:1}.dashboard-showcase.items-3 .showcase-3{grid-column:2;grid-row:2}
.dashboard-showcase-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .25s}
.dashboard-showcase-card>video,.generation-gallery-media>video,.admin-generation-media>video[data-hover-video]{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .2s ease;background:transparent}.dashboard-showcase-card.is-video-ready.is-video-hovering>video,.generation-gallery-media.is-video-ready.is-video-hovering>video,.admin-generation-media.is-video-ready.is-video-hovering>video{opacity:1}.dashboard-showcase-card.is-video-ready.is-video-hovering>img,.generation-gallery-media.is-video-ready.is-video-hovering>img,.admin-generation-media.is-video-ready.is-video-hovering>img{opacity:0}.generation-gallery-media>img{position:absolute;inset:0}
.dashboard-showcase-card img{animation:dashboardKenBurns 11s ease-in-out infinite alternate}.dashboard-showcase-card:nth-child(2n) img{animation-delay:-4s;animation-direction:alternate-reverse}
.dashboard-showcase-card:hover img{transform:scale(1.045)}
.dashboard-showcase-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(10,25,54,.56));pointer-events:none}
.dashboard-showcase-card>b{position:absolute;left:12px;bottom:11px;color:#fff;font-size:9px;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.dashboard-showcase-card.result-expired .dashboard-showcase-expired{gap:0;padding:10px;background:transparent!important;color:#536983}
.dashboard-showcase-card.result-expired .dashboard-showcase-expired .gallery-big-icon{width:42px;height:42px;margin-bottom:8px;font-size:18px}
.dashboard-showcase-card.result-expired .dashboard-showcase-expired strong{font-size:12px;line-height:1.3}
html[data-theme=dark] .dashboard-showcase-card.result-expired .dashboard-showcase-expired{color:#a8bad0}
.dashboard-video-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#dff3ff,#e9e4ff);color:#5c5fe3;font-size:26px}
.dashboard-showcase-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none}.dashboard-showcase .orb-a{width:180px;height:180px;right:-55px;top:-60px;background:rgba(109,72,237,.2);filter:blur(35px)}.dashboard-showcase .orb-b{width:160px;height:160px;left:-50px;bottom:-60px;background:rgba(20,191,231,.18);filter:blur(32px)}
.dashboard-showcase-empty{grid-column:1/4;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:30px;border:5px solid #fff;border-radius:23px;background:linear-gradient(145deg,#eef8ff,#f0edff);text-align:center}.dashboard-showcase-empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff;color:#4774df;font-size:24px;box-shadow:0 12px 30px rgba(40,71,124,.12);animation:dashboardSpark 2.4s ease-in-out infinite}.dashboard-showcase-empty strong{margin-top:6px;color:#294366}.dashboard-showcase-empty small{max-width:280px;color:#8190a6}
.dashboard-stats{position:relative;z-index:4;margin-top:0}.dashboard-stats>.stat{overflow:hidden;background:rgba(255,255,255,.93)}
.dashboard-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-tool-grid .tool-card{position:relative;min-height:145px;overflow:hidden;background:linear-gradient(155deg,#fff,#f8fbff)}
.dashboard-tool-grid .tool-card:after{content:"";position:absolute;right:-32px;bottom:-44px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(43,137,240,.1),transparent 68%)}
.generation-gallery-media>.gallery-media-shade{z-index:2}.generation-gallery-media>.gallery-open-overlay{z-index:3}
.gallery-wave i{transform-origin:center;animation:wave 1.35s ease-in-out infinite}.gallery-wave i:nth-child(2n){animation-delay:-.42s}.gallery-wave i:nth-child(3n){animation-delay:-.76s}
@keyframes dashboardSpark{50%{transform:scale(1.08) rotate(5deg);box-shadow:0 13px 30px rgba(66,101,211,.2)}}
@keyframes dashboardKenBurns{from{transform:scale(1.01)}to{transform:scale(1.08) translate3d(-1%,1%,0)}}
@keyframes showcaseReveal{from{opacity:0;transform:translateY(15px) scale(.975)}to{opacity:1;transform:none}}

/* Generator studios */
.creative-studio-shell,.video-studio-shell{isolation:isolate}
.creative-studio-intro{position:relative;gap:clamp(22px,3vw,42px);padding:clamp(4px,1vw,14px) 0}
.creative-studio-intro:before{content:"";position:absolute;z-index:-1;width:320px;height:320px;left:-170px;top:-90px;border-radius:50%;background:rgba(36,142,246,.07);filter:blur(2px)}
.creative-intro-copy h2{font-size:clamp(38px,4.6vw,64px);letter-spacing:-.055em;text-wrap:balance}
.creative-intro-copy>p{font-size:clamp(14px,1.25vw,16px)}
.creative-kicker,.video-studio-kicker{width:max-content;padding:7px 10px;border:1px solid #d8e8fb;border-radius:999px;background:rgba(247,251,255,.86)}
.creative-credit-mini{width:max-content;max-width:100%;padding:8px 10px;border:1px solid #dfe8f5;border-radius:13px;background:rgba(255,255,255,.78);box-shadow:0 8px 26px rgba(32,62,110,.05)}
.creative-result-stage{position:relative;border-style:solid;border-color:rgba(210,221,237,.92);background:
  linear-gradient(rgba(255,255,255,.88),rgba(249,251,255,.94)),
  repeating-linear-gradient(90deg,transparent 0 39px,rgba(67,111,182,.045) 40px),
  repeating-linear-gradient(0deg,transparent 0 39px,rgba(67,111,182,.045) 40px);
  box-shadow:0 24px 70px rgba(32,63,112,.09);transition:transform .28s ease,box-shadow .28s ease}
.creative-result-stage:hover{transform:translateY(-3px);box-shadow:0 30px 82px rgba(32,63,112,.13)}
.creative-result-stage:after{content:"";position:absolute;inset:auto -55px -75px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(105,65,237,.12),transparent 68%);pointer-events:none}
.creative-empty-icon{position:relative;box-shadow:inset 0 0 0 1px rgba(104,137,184,.1)}
.creative-empty-icon:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(24,119,242,.13);border-radius:24px;animation:softOrbit 5s linear infinite}
.creative-result-live>img{box-shadow:0 12px 35px rgba(20,37,69,.12)}
.creative-composer-card,.video-studio-card{border-color:#d9e3f0;box-shadow:0 26px 80px rgba(30,57,105,.1)}
.creative-composer-card:focus-within,.video-composer:focus-within{border-color:#a9c9f3;box-shadow:0 0 0 4px rgba(24,119,242,.06),0 26px 80px rgba(30,57,105,.11)}
.creative-prompt-area textarea,.video-prompt-area textarea{caret-color:var(--primary)}
.prompt-assist-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.prompt-assist-heading>label{margin:0!important}.prompt-assist-controls{display:flex;align-items:center;gap:6px}.prompt-assist-controls select{height:29px;border:1px solid #cfe0f5;border-radius:999px;background:#fff;color:#405372;padding:0 8px;font:inherit;font-size:10px;font-weight:850}.prompt-assist-button{border:1px solid #cfe0f5;border-radius:999px;background:#f2f7ff;color:#176ac8;padding:7px 11px;font:inherit;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}.prompt-assist-button:hover{border-color:#83b8f4;background:#e8f2ff}.prompt-assist-button:disabled{opacity:.5;cursor:not-allowed}.prompt-assist-button.is-loading{animation:pulse 1.1s ease-in-out infinite}html[data-theme=dark] .prompt-assist-controls select,html[data-theme=dark] .prompt-assist-button{border-color:#2c4d72;background:#122a45;color:#8ec8ff}html[data-theme=dark] .prompt-assist-button:hover{background:#173656}@media(max-width:520px){.prompt-assist-heading{align-items:flex-start}.prompt-assist-button{padding:6px 9px;font-size:10px}.prompt-assist-controls select{height:27px}}
.creative-generate-button,.video-generate-btn{position:relative;overflow:hidden;min-height:49px}
.creative-generate-button:before,.video-generate-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.32) 45%,transparent 70%);transform:translateX(-130%);transition:transform .6s ease}
.creative-generate-button:hover:before,.video-generate-btn:hover:before{transform:translateX(130%)}
.creative-generate-button.is-loading:before,.video-generate-btn.is-loading:before{display:none}
.creative-tip,.video-tip{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.creative-tip:hover,.video-tip:hover{transform:translateY(-2px);border-color:#cad9ed;box-shadow:0 10px 28px rgba(31,59,106,.07)}
.video-mode-menu{transform-origin:top left;animation:menuReveal .18s ease both}
.video-dropzone{background:linear-gradient(145deg,#fbfdff,#f6f9fe)}
.video-dropzone:hover,.video-dropzone.dragging{transform:translateY(-2px)}
.video-file-card{animation:itemReveal .25s ease both}

/* Submit transition shared by image, video, voice, and music */
.generate-transition{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(9,20,45,.42);backdrop-filter:blur(0);opacity:0;transition:opacity .22s ease,backdrop-filter .3s ease}
.generate-transition.is-visible{opacity:1;backdrop-filter:blur(12px)}
.generate-transition-card{width:min(430px,100%);padding:34px 30px 28px;text-align:center;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 34px 110px rgba(4,17,44,.28);transform:translateY(18px) scale(.97);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.generate-transition.is-visible .generate-transition-card{transform:none}
.generate-transition-mark,.generation-orbit{position:relative;width:92px;height:92px;margin:0 auto 20px;display:grid;place-items:center}
.generate-transition-mark span,.generate-transition-mark i,.generation-orbit span,.generation-orbit i{position:absolute;border-radius:50%;inset:0;border:2px solid transparent;border-top-color:#258cf3;border-right-color:rgba(105,65,237,.34);animation:spin 1.35s linear infinite}
.generate-transition-mark i,.generation-orbit i{inset:12px;border-top-color:#7952ee;border-right-color:rgba(21,191,231,.38);animation-direction:reverse;animation-duration:1s}
.generate-transition-mark b,.generation-orbit b{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e8f5ff,#eeeaff);color:#3976e6;font-size:20px;box-shadow:0 8px 24px rgba(62,97,212,.16);animation:markPulse 1.4s ease-in-out infinite}
.generate-transition-kicker,.generation-progress-kicker{display:inline-block;color:#3373d6;font-size:10px;font-weight:950;letter-spacing:.14em}
.generate-transition-card>strong{display:block;margin:8px 0 5px;color:#17294a;font-size:23px;letter-spacing:-.03em}
.generate-transition-card>p{margin:0;color:#78869e;font-size:13px}
.generate-transition-bar,.generation-progress-rail{height:5px;margin-top:22px;overflow:hidden;border-radius:999px;background:#e8eef7}
.generate-transition-bar span,.generation-progress-rail span{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18a8ef,#6746ed);animation:indeterminate 1.35s ease-in-out infinite}

/* Processing and result page */
.generation-layout{align-items:start}
.generation-layout>.panel:first-child{overflow:hidden}
.generation-layout .result-preview{min-height:clamp(320px,52vh,620px);background:
  radial-gradient(circle at 50% 28%,rgba(30,145,241,.1),transparent 34%),
  linear-gradient(145deg,#f9fbff,#f1f5fb)}
.generation-layout .result-preview img,.generation-layout .result-preview video{animation:resultReveal .55s cubic-bezier(.22,1,.36,1) both}
.generation-progress{width:min(570px,100%);padding:38px 24px;text-align:center}
.generation-progress-copy strong{display:block;margin:8px 0 6px;color:#1a2d51;font-size:clamp(20px,3vw,27px);letter-spacing:-.035em}
.generation-progress-copy p{margin:0;color:#74839c;font-size:13px}
.generation-progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;color:#9aa6b7;font-size:10px;font-weight:800}
.generation-progress-steps span{position:relative;padding-top:12px}
.generation-progress-steps span:before{content:"";position:absolute;top:0;left:50%;width:6px;height:6px;border-radius:50%;background:#cbd4e1;transform:translateX(-50%)}
.generation-progress-steps .done,.generation-progress-steps .active{color:#3674d2}
.generation-progress-steps .done:before{background:#1cb88a}.generation-progress-steps .active:before{background:#2d83ee;box-shadow:0 0 0 5px rgba(45,131,238,.12);animation:stepPulse 1.4s ease infinite}
.generation-progress.is-complete .generation-orbit b{background:#e7f9f2;color:#0b966a}.generation-progress.is-failed .generation-orbit b{background:#fff0f1;color:#c64858}
.generation-community-card{box-shadow:0 12px 34px rgba(29,54,96,.06)}

/* Public pages */
.public-page .public-topbar{border-color:rgba(220,227,239,.78);box-shadow:0 8px 30px rgba(21,44,83,.04)}
.landing-home .landing-hero-copy,.landing-home .landing-studio-wrap{animation:heroReveal .7s cubic-bezier(.22,1,.36,1) both}
.landing-home .landing-studio-wrap{animation-delay:.1s}
.landing-feature-card,.landing-step-card,.landing-price-card,.landing-dashboard-preview{transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.landing-feature-card:hover,.landing-step-card:hover,.landing-price-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(24,49,92,.13);border-color:#cddbed}
.landing-float-chip-credit{animation:floatY 4.5s ease-in-out infinite}.landing-float-chip-ready{animation:floatY 4.5s ease-in-out 1.1s infinite}
.landing-disc{animation:spin 14s linear infinite}
.landing-wave-ui i{animation:wave 1.35s ease-in-out infinite}.landing-wave-ui i:nth-child(2n){animation-delay:-.45s}.landing-wave-ui i:nth-child(3n){animation-delay:-.8s}

@keyframes pageReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes heroReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes itemReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes menuReveal{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
@keyframes resultReveal{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes softOrbit{50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg)}}
@keyframes markPulse{50%{transform:scale(1.07);box-shadow:0 10px 30px rgba(62,97,212,.23)}}
@keyframes stepPulse{50%{box-shadow:0 0 0 8px rgba(45,131,238,0)}}
@keyframes indeterminate{0%{transform:translateX(-105%)}50%{transform:translateX(75%)}100%{transform:translateX(225%)}}
@keyframes floatY{50%{transform:translateY(-8px)}}
@keyframes wave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.1)}}

@media(max-width:1180px){
  .member-page .app-content{padding:24px}.dashboard-discover{grid-template-columns:minmax(320px,.9fr) minmax(400px,1.1fr);gap:28px;padding:34px}.dashboard-showcase{height:320px}.creative-studio-intro{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)}
}
@media(max-width:900px){
  .dashboard-discover{grid-template-columns:1fr;padding:30px}.dashboard-discover-copy{text-align:center}.dashboard-discover-copy h1,.dashboard-discover-copy>p{margin-inline:auto}.dashboard-create-chips{justify-content:center}.dashboard-showcase{height:360px}.creative-studio-intro{grid-template-columns:1fr}.creative-intro-copy{align-items:flex-start}.creative-intro-copy h2{max-width:720px}.creative-result-stage{min-height:300px}
  .generation-layout .result-preview{min-height:400px}
}
@media(max-width:800px){
  .member-page .app-top{height:64px}.member-page .app-content{padding:20px 16px 30px}.member-page .sidebar{width:min(292px,86vw);left:-100%}
  .member-page .sidebar.open{left:0}.top-actions{min-width:0}.top-actions .credit-pill{white-space:nowrap}.page-head{margin-bottom:20px}
  .creative-kicker,.video-studio-kicker{font-size:9px}.creative-credit-mini{margin-top:17px}.creative-result-stage:hover{transform:none}
  .video-studio-head{padding:20px}.video-studio-card form{padding:16px}
}
@media(max-width:620px){
  .member-page .app-content{padding-inline:12px}.page-head{gap:10px}.page-head h1{font-size:26px}.page-head p{font-size:13px}
  .dashboard-discover{gap:22px;min-height:0;margin-top:0;padding:24px 16px;border-radius:21px}.dashboard-discover-copy{text-align:left}.dashboard-discover-copy h1{margin-inline:0;font-size:clamp(37px,12vw,49px)}.dashboard-discover-copy>p{margin-inline:0}.dashboard-create-dock{grid-template-columns:42px 1fr;padding:9px}.dashboard-create-dock>a{grid-column:1/3;justify-content:center}.dashboard-create-chips{justify-content:flex-start}.dashboard-showcase{height:280px;grid-template-columns:1.2fr .8fr;grid-template-rows:1.25fr .75fr}.dashboard-showcase-card{border-width:4px;border-radius:16px}.dashboard-showcase-card.showcase-1{grid-column:1;grid-row:1/3}.dashboard-showcase-card.showcase-2{grid-column:2;grid-row:1}.dashboard-showcase-card.showcase-3{grid-column:2;grid-row:2}.dashboard-showcase-card.showcase-4{display:none}.dashboard-showcase-empty{grid-column:1/3}.dashboard-tool-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 10px}.dashboard-tool-grid .tool-card{min-width:76vw;scroll-snap-align:start}
  .top-actions{gap:6px}.top-actions .credit-pill{padding:7px 9px;font-size:10px}.top-actions form .btn{min-height:36px;padding:7px 9px;font-size:11px}
  .creative-studio-shell,.video-studio-shell{gap:14px}.creative-studio-intro{gap:16px}.creative-intro-copy h2{font-size:clamp(34px,11vw,48px)}.creative-intro-copy>p{margin-top:14px;line-height:1.65}
  .creative-result-stage{min-height:235px}.creative-result-live{min-height:235px}.creative-result-live>img{min-height:185px}
  .creative-composer-card,.video-studio-card,.video-composer{border-radius:17px}.creative-composer-toolbar{padding:10px}.creative-prompt-area textarea,.video-prompt-area textarea{font-size:16px}
  .creative-tips-row,.video-tips-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 1px 7px}.creative-tip,.video-tip{min-width:78vw;scroll-snap-align:start}
  .video-studio-head{display:grid;gap:14px}.video-credit-box{width:max-content}.video-composer-toolbar{align-items:stretch}.video-mode-picker{min-width:100%}.video-ratio-control{width:100%}.video-ratio-option{flex:1}.video-ratio-option span{justify-content:center}
  .video-upload-grid.two-columns{grid-template-columns:1fr}.video-attach-head{align-items:flex-start;flex-direction:column}.video-attach-head p{text-align:left}
  .generation-layout .result-preview{min-height:340px}.generation-progress{padding:28px 12px}.generate-transition-card{padding:28px 20px 24px;border-radius:22px}.generate-transition-mark,.generation-orbit{width:82px;height:82px}
  .generation-progress-steps{font-size:9px}.generation-layout>.panel{padding:15px}
  .landing-feature-card:hover,.landing-step-card:hover,.landing-price-card:hover{transform:none}
}

/* BerandAI v4.8.11 — cached video stills */
.dashboard-showcase-card.is-video-still-ready>video[data-video-still],.generation-gallery-media.is-video-still-ready>video[data-video-still],.admin-generation-media.is-video-still-ready>video[data-video-still]{opacity:1}
@media(max-width:390px){
  .member-page .app-content{padding-inline:10px}.top-actions .credit-pill{max-width:104px;overflow:hidden;text-overflow:ellipsis}.notification-bell{width:34px;height:34px}
  .creative-intro-copy h2{font-size:34px}.creative-credit-mini>small{width:100%}.creative-segment span{padding-inline:3px}.creative-model-control .form-control{font-size:12px}
  .generation-progress-steps{gap:2px}.generate-transition{padding:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* BerandAI v2.2 — premium local video watermark studio */
.btn-watermark{color:#5940bd!important;border-color:#d9d0ff!important;background:linear-gradient(135deg,#faf8ff,#f0ebff)!important;box-shadow:0 8px 22px rgba(105,79,210,.11)}
.btn-watermark:hover{border-color:#bcb0f5!important;background:#ebe5ff!important}
.watermark-page{max-width:1440px;margin:0 auto;color:#17224a}
.watermark-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px;padding:29px 32px;overflow:hidden;border:1px solid #e0dcf8;border-radius:24px;background:radial-gradient(circle at 83% 16%,rgba(124,97,232,.17),transparent 29%),linear-gradient(135deg,#fff 0%,#f8f6ff 62%,#eef4ff 100%);box-shadow:0 18px 48px rgba(36,52,105,.08)}
.watermark-hero:after{content:"";position:absolute;right:22%;bottom:-48px;width:130px;height:130px;border:1px solid rgba(111,83,224,.15);border-radius:50%;box-shadow:0 0 0 22px rgba(111,83,224,.035)}
.watermark-eyebrow{display:inline-flex;margin-bottom:8px;color:#6b50d5;font-size:10px;font-weight:900;letter-spacing:.15em}
.watermark-hero h1{margin:0;font-size:clamp(31px,3.5vw,48px);line-height:1.05;letter-spacing:-.045em;color:#182149}
.watermark-hero p{max-width:680px;margin:11px 0 0;color:#657092;line-height:1.7}
.watermark-plan-badge{position:relative;z-index:1;display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:178px;padding:13px 16px;border:1px solid rgba(105,80,213,.19);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(58,50,115,.08);backdrop-filter:blur(10px)}
.watermark-plan-badge>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7659e7,#4b72dd);box-shadow:0 8px 18px rgba(100,78,206,.25)}
.watermark-plan-badge div{display:grid;gap:2px}.watermark-plan-badge small{color:#8a91ad;font-size:8px;font-weight:900;letter-spacing:.13em}.watermark-plan-badge strong{font-size:14px}
.watermark-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}
.watermark-studio,.watermark-action-card{overflow:hidden;border:1px solid #e3e7f2;border-radius:21px;background:#fff;box-shadow:0 16px 42px rgba(30,44,91,.08)}
.watermark-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #edf0f6;background:#fcfdff}
.watermark-panel-head>div{display:flex;align-items:center;gap:10px}.watermark-panel-head>div span{padding-left:10px;border-left:1px solid #dfe3ee;color:#8a92aa;font-size:12px}.watermark-progress-label{flex:0 0 auto;color:#6c55ce;font-size:12px;font-weight:800}
.watermark-compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;aspect-ratio:16/9;background:#dce2ed}
.watermark-pane{position:relative;min-width:0;overflow:hidden;background:#11162b}
.watermark-pane video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#11162b}
.watermark-video-badge{position:absolute;z-index:3;top:13px;left:13px;padding:5px 9px;border-radius:8px;color:#fff;background:rgba(18,23,45,.72);font-size:10px;font-weight:800;letter-spacing:.06em;backdrop-filter:blur(7px)}
.watermark-video-badge.is-after{background:rgba(74,57,157,.78)}
.watermark-video-badge[hidden],.watermark-empty[hidden]{display:none}
.watermark-empty{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:24px;text-align:center;color:#9099b3;background:linear-gradient(145deg,#f7f8fc,#eef1f8)}
.watermark-empty>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:5px;border:1px solid #dce1ed;border-radius:50%;color:#7258d9;background:#fff;box-shadow:0 7px 19px rgba(43,52,93,.08)}
.watermark-empty strong{color:#4f5977;font-size:13px}.watermark-empty small{font-size:11px}
.watermark-player-controls{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid #edf0f6;background:#fff}
.watermark-player-controls input[type=range]{width:100%;accent-color:#6f55da}.watermark-player-controls>span{min-width:62px;color:#78819c;font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}
.watermark-play{position:relative;width:44px;height:44px;padding:0;border:1px solid #dadfec;border-radius:50%;color:#604ac3;background:#fff;cursor:pointer}.watermark-play:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-35%,-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.watermark-play[data-playing=true]:before{width:4px;height:13px;transform:translate(-150%,-50%);border:0;background:currentColor;box-shadow:8px 0 0 currentColor}.watermark-play:disabled{opacity:.45;cursor:not-allowed}
.watermark-sidebar{display:grid;gap:15px}
.watermark-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:196px;padding:22px;border:1.5px dashed #cfd4e8;border-radius:20px;text-align:center;background:linear-gradient(145deg,#fff,#f9f8ff);cursor:pointer;transition:.22s ease}
.watermark-dropzone:hover,.watermark-dropzone[data-dragging=true]{border-color:#775ce0;background:#f5f1ff;transform:translateY(-2px);box-shadow:0 14px 34px rgba(93,70,187,.1)}
.watermark-upload-icon{display:grid;width:46px;height:46px;margin-bottom:10px;place-items:center;border-radius:15px;color:#fff;font-size:22px;background:linear-gradient(135deg,#7658e6,#4b73dc);box-shadow:0 10px 22px rgba(93,73,190,.25)}
.watermark-dropzone>strong{font-size:14px}.watermark-dropzone>span{max-width:265px;margin:5px 0 13px;color:#8189a3;font-size:11px;line-height:1.55}.watermark-dropzone .btn{pointer-events:none}
.watermark-action-card{padding:19px}
.watermark-action-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.watermark-action-title>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#684ed1;background:#f0ecff}.watermark-action-title div{display:grid;gap:2px}.watermark-action-title strong{font-size:14px}.watermark-action-title small{color:#8890a9;font-size:10px}
.watermark-progress{height:8px;overflow:hidden;border-radius:99px;background:#edf0f7}.watermark-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7155dd,#4f7be0,#40bfa5);box-shadow:0 0 15px rgba(96,83,215,.38);transition:width .2s ease}
.watermark-status{min-height:41px;margin:11px 0 13px;padding:10px 12px;border-radius:11px;color:#5f6883;background:#f7f8fb;font-size:11px;line-height:1.55}.watermark-status[data-tone=error]{color:#a93845;background:#fff1f2}.watermark-status[data-tone=warn]{color:#986119;background:#fff8e8}
.watermark-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.watermark-actions .btn{justify-content:center;min-height:44px;font-size:11px}.watermark-actions #processBtn,.watermark-actions #downloadBtn{grid-column:1/-1}
.btn-watermark-download{color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,#6650d5,#477bdc)!important;box-shadow:0 9px 21px rgba(78,92,194,.2)}.btn-watermark-download[aria-disabled=true]{opacity:.42;pointer-events:none}.btn-watermark-download:not([aria-disabled=true]):hover{transform:translateY(-1px);filter:brightness(1.04)}
.watermark-device-note{margin:13px 0 0;color:#8b93ab;font-size:10px;line-height:1.55}
.watermark-privacy{display:flex;gap:11px;padding:14px 15px;border:1px solid #dcefe8;border-radius:15px;background:#f4fbf8}.watermark-privacy>span{display:grid;flex:0 0 27px;height:27px;place-items:center;border-radius:50%;color:#21866d;background:#dff5ed;font-weight:900}.watermark-privacy p{margin:0;color:#6b8079;font-size:10px;line-height:1.55}.watermark-privacy strong{display:block;color:#315f53;font-size:11px}.watermark-legal{margin:0;padding:0 4px;color:#949bb0;font-size:9px;line-height:1.55}
@media(max-width:1100px){.watermark-layout{grid-template-columns:1fr}.watermark-sidebar{grid-template-columns:1fr 1fr}.watermark-action-card{grid-column:2;grid-row:1/3}.watermark-dropzone{min-height:190px}}
@media(max-width:700px){.watermark-hero{align-items:flex-start;flex-direction:column;padding:24px 20px}.watermark-plan-badge{min-width:0}.watermark-sidebar{grid-template-columns:1fr}.watermark-action-card{grid-column:auto;grid-row:auto}.watermark-panel-head{align-items:flex-start;flex-direction:column;gap:5px}.watermark-panel-head>div{align-items:flex-start;flex-direction:column;gap:3px}.watermark-panel-head>div span{padding:0;border:0}.watermark-compare{grid-template-columns:1fr;aspect-ratio:auto}.watermark-pane{aspect-ratio:16/9}.watermark-player-controls{padding-inline:12px}.watermark-progress-label{font-size:10px}}
@media(max-width:390px){.watermark-hero{border-radius:18px}.watermark-actions{grid-template-columns:1fr}.watermark-actions #processBtn,.watermark-actions #downloadBtn{grid-column:auto}}

.watermark-processing-dialog{width:min(520px,calc(100vw - 32px));max-width:520px;padding:0;overflow:hidden;border:1px solid #d9e2ef;border-radius:22px;color:#1c2b43;background:#fff;box-shadow:0 30px 100px rgba(3,12,26,.3)}
.watermark-processing-dialog::backdrop{background:rgba(6,14,27,.78);backdrop-filter:blur(5px)}
.watermark-processing-card{display:grid;justify-items:center;padding:32px 30px 26px;text-align:center}
.watermark-processing-spinner{width:42px;height:42px;margin-bottom:18px;border:3px solid #dce7f5;border-top-color:#176fd3;border-right-color:#6e57d8;border-radius:50%;animation:watermark-processing-spin .8s linear infinite}
.watermark-processing-kicker{color:#4d6f9c;font-size:10px;font-weight:900;letter-spacing:.16em}
.watermark-processing-card h2{margin:8px 0;color:#1d2d45;font-size:22px;letter-spacing:-.025em}
.watermark-processing-card p{max-width:410px;min-height:38px;margin:0 0 20px;color:#5b6b82;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.watermark-processing-progress{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#e9eef5}
.watermark-processing-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#176fd3,#526fdf,#18a486);transition:width .2s ease}
.watermark-processing-meta{display:flex;width:100%;justify-content:space-between;gap:14px;margin-top:9px;color:#63748b;font-size:11px;line-height:1.4}
.watermark-processing-meta span{min-width:0;overflow-wrap:anywhere}
.watermark-processing-meta strong{flex:0 0 auto;color:#255da1;font-variant-numeric:tabular-nums}
.watermark-processing-card>small{margin-top:20px;color:#7d899a;font-size:11px;line-height:1.55}
@keyframes watermark-processing-spin{to{transform:rotate(360deg)}}
html[data-theme=dark] .watermark-processing-dialog{border-color:#31435b;color:#e6eef8;background:#101d2c}
html[data-theme=dark] .watermark-processing-card h2{color:#edf4fc}
html[data-theme=dark] .watermark-processing-card p{color:#b1bfd0}
html[data-theme=dark] .watermark-processing-progress{background:#253448}
html[data-theme=dark] .watermark-processing-meta{color:#a6b5c9}
html[data-theme=dark] .watermark-processing-meta strong{color:#90c2fa}
html[data-theme=dark] .watermark-processing-card>small{color:#92a2b8}
@media(max-width:520px){.watermark-processing-card{padding:26px 20px 22px}.watermark-processing-card h2{font-size:20px}.watermark-processing-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.watermark-processing-spinner{animation-duration:2.4s}.watermark-processing-progress span{transition:none}}

/* BerandAI v2.3 — animated public showcase */
.landing-hero-stars{position:absolute;inset:0;z-index:-1;pointer-events:none}.landing-hero-stars i{position:absolute;width:7px;height:7px;border-radius:50%;background:#6d55e8;box-shadow:0 0 0 6px rgba(109,85,232,.07);animation:landingStar 4s ease-in-out infinite}.landing-hero-stars i:after{content:"✦";position:absolute;inset:-7px;color:inherit;font-size:18px}.landing-hero-stars i:nth-child(1){left:5%;top:18%;color:#33aee9}.landing-hero-stars i:nth-child(2){left:47%;top:12%;animation-delay:-1.3s}.landing-hero-stars i:nth-child(3){left:52%;bottom:15%;color:#25bdb4;animation-delay:-2.1s}.landing-hero-stars i:nth-child(4){right:3%;top:35%;animation-delay:-.6s}.landing-hero-stars i:nth-child(5){left:17%;bottom:9%;color:#4795ef;animation-delay:-3s}.landing-glow-a{animation:landingGlow 9s ease-in-out infinite alternate}.landing-glow-b{animation:landingGlow 11s ease-in-out -3s infinite alternate-reverse}.landing-studio-card{animation:landingStudioFloat 7s ease-in-out 1s infinite}.landing-compose-footer b{position:relative;overflow:hidden}.landing-compose-footer b:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.42) 48%,transparent 72%);transform:translateX(-130%);animation:landingShine 3.2s 1.2s infinite}.landing-result-thumb{background-image:url('../img/landing-showcase-v1.png');background-size:300% 200%;background-position:0 0;color:transparent;animation:landingResultPulse 3s ease-in-out infinite}
.landing-showcase-section{position:relative;padding:78px 0 38px;background:linear-gradient(180deg,#fff,#f8faff 72%,#fff);isolation:isolate}.landing-showcase-section:before{content:"";position:absolute;z-index:-1;left:50%;top:27%;width:76%;height:58%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(84,79,226,.1),rgba(32,173,235,.04) 46%,transparent 72%);filter:blur(35px)}
.landing-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:27px}.landing-showcase-head>div{max-width:680px}.landing-showcase-head h2{margin:13px 0 0;color:#132748;font-size:clamp(35px,4.5vw,55px);line-height:1.04;letter-spacing:-.048em}.landing-showcase-head h2 span{background:linear-gradient(90deg,#108ff3,#714ce9);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-showcase-head>p{max-width:420px;margin:0 0 3px;color:#7c899e;font-size:13px;line-height:1.72}
.landing-showcase-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,218px);gap:12px}.landing-sample{position:relative;overflow:hidden;border:5px solid #fff;border-radius:22px;background-image:linear-gradient(180deg,transparent 44%,rgba(8,18,44,.79)),url('../img/landing-showcase-v1.png');background-repeat:no-repeat;background-size:100% 100%,300% 200%;box-shadow:0 16px 45px rgba(29,51,94,.14);transform:translateZ(0);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease;animation:landingSampleIn .75s cubic-bezier(.22,1,.36,1) both}.landing-sample:hover{z-index:3;transform:translateY(-7px) scale(1.012);box-shadow:0 28px 65px rgba(23,42,84,.22)}.landing-sample:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.24) 45%,transparent 63%);transform:translateX(-125%);transition:transform .75s ease}.landing-sample:hover:before{transform:translateX(125%)}.landing-sample>span{position:absolute;top:12px;left:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#fff;background:rgba(12,22,48,.32);backdrop-filter:blur(8px);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.landing-sample>div{position:absolute;left:15px;right:15px;bottom:13px;display:grid;color:#fff;text-shadow:0 2px 11px rgba(0,0,0,.25)}.landing-sample strong{font-size:14px}.landing-sample small{margin-top:2px;color:rgba(255,255,255,.78);font-size:8px}.landing-sample:nth-child(2){animation-delay:.06s}.landing-sample:nth-child(3){animation-delay:.12s}.landing-sample:nth-child(4){animation-delay:.18s}.landing-sample:nth-child(5){animation-delay:.24s}.landing-sample:nth-child(6){animation-delay:.3s}
.sample-1{grid-column:1/5;grid-row:1/3;background-position:center,0 0}.sample-2{grid-column:5/9;grid-row:1;background-position:center,50% 0}.sample-3{grid-column:9/13;grid-row:1;background-position:center,100% 0}.sample-4{grid-column:5/8;grid-row:2;background-position:center,0 100%}.sample-5{grid-column:8/11;grid-row:2;background-position:center,50% 100%}.sample-6{grid-column:11/13;grid-row:2;background-position:center,100% 100%}
.landing-sample-play{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:#fff;background:rgba(18,25,53,.38);font-size:11px;box-shadow:0 8px 28px rgba(0,0,0,.2);backdrop-filter:blur(8px);transform:translate(-50%,-50%);transition:transform .3s ease,background .3s ease}.landing-sample:hover .landing-sample-play{background:rgba(93,70,220,.75);transform:translate(-50%,-50%) scale(1.1)}
.landing-prompt-marquee{margin-top:18px;overflow:hidden;border-block:1px solid #e5eaf3;background:rgba(255,255,255,.7);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.landing-prompt-marquee>div{display:flex;width:max-content;align-items:center;animation:landingMarquee 35s linear infinite}.landing-prompt-marquee span{padding:14px 24px;color:#6b7891;font-size:10px;font-weight:800;white-space:nowrap}.landing-prompt-marquee span::first-letter{color:#6850df}
.landing-gallery-tile.tile-a,.landing-gallery-tile.tile-b,.landing-gallery-tile.tile-c,.landing-gallery-tile.tile-d{background-image:linear-gradient(180deg,transparent 55%,rgba(8,18,44,.62)),url('../img/landing-showcase-v1.png');background-size:100% 100%,300% 200%}.landing-gallery-tile.tile-a{background-position:center,0 0}.landing-gallery-tile.tile-b{background-position:center,50% 0}.landing-gallery-tile.tile-c{background-position:center,100% 0}.landing-gallery-tile.tile-d{background-position:center,50% 100%}.landing-preview-gallery .landing-gallery-tile{transition:transform .25s ease}.landing-preview-gallery .landing-gallery-tile:hover{transform:translateY(-3px) scale(1.025)}
.landing-motion-ready .landing-reveal{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s cubic-bezier(.22,1,.36,1)}.landing-motion-ready .landing-reveal.is-visible{opacity:1;transform:none}
@keyframes landingStar{0%,100%{opacity:.2;transform:translateY(8px) scale(.65) rotate(0)}50%{opacity:.8;transform:translateY(-8px) scale(1) rotate(35deg)}}@keyframes landingGlow{50%{transform:translate3d(-35px,25px,0) scale(1.08)}}@keyframes landingStudioFloat{0%,100%{transform:perspective(1100px) rotateY(-3deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg) translateY(-7px)}}@keyframes landingShine{0%,46%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}@keyframes landingResultPulse{50%{box-shadow:0 0 0 5px rgba(74,94,225,.09)}}@keyframes landingSampleIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes landingMarquee{to{transform:translateX(-50%)}}
@media(max-width:1080px){.landing-studio-card{animation-name:landingStudioFloatFlat}@keyframes landingStudioFloatFlat{50%{transform:translateY(-7px)}}.landing-showcase-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.landing-sample,.sample-1,.sample-2,.sample-3,.sample-4,.sample-5,.sample-6{grid-column:auto;grid-row:auto;aspect-ratio:1.2/1}.landing-showcase-head{align-items:flex-start;flex-direction:column;gap:14px}.landing-showcase-head>p{max-width:650px}}
@media(max-width:620px){.landing-hero-stars i:nth-child(n+4){display:none}.landing-showcase-section{padding:58px 0 26px}.landing-showcase-head{margin-bottom:20px}.landing-showcase-head h2{font-size:35px}.landing-showcase-grid{display:flex;overflow-x:auto;gap:10px;margin-inline:-12px;padding:4px 12px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.landing-showcase-grid::-webkit-scrollbar{display:none}.landing-sample,.sample-1,.sample-2,.sample-3,.sample-4,.sample-5,.sample-6{flex:0 0 78vw;aspect-ratio:.9/1;scroll-snap-align:center;border-radius:19px}.landing-prompt-marquee{margin-top:8px}.landing-prompt-marquee span{padding:12px 18px}}

/* BerandAI v2.4 — synchronized landing themes */
.public-brand .theme-logo-dark{display:none!important}.landing-theme-toggle{display:inline-flex;align-items:center;gap:7px;height:36px;padding:4px 10px 4px 5px;border:1px solid #dfe6f1;border-radius:999px;color:#52637f;background:#f7f9fc;box-shadow:0 5px 16px rgba(30,55,97,.05);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.landing-theme-toggle:hover{transform:translateY(-1px);border-color:#c8d5e6;background:#fff}.landing-theme-toggle span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#315685,#152844);font-size:12px}.landing-theme-toggle b{font-size:9px;letter-spacing:.02em}.landing-hero-copy:after{content:"";position:absolute;z-index:-1;left:-70px;top:8%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(32,157,242,.075),transparent 68%);pointer-events:none}.landing-btn-main{background-size:180% 100%;animation:landingButtonGlow 5s ease infinite}.landing-feature-card:before,.landing-step-card:before,.landing-price-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#2fa9ec,#7153e8,transparent);opacity:0;transition:opacity .25s ease}.landing-feature-card:hover:before,.landing-step-card:hover:before,.landing-price-card:hover:before{opacity:1}
@keyframes landingButtonGlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}
html[data-theme=dark] .public-landing-page{background:#07111f;color:#dfe8f8}
html[data-theme=dark] .public-brand .theme-logo-light{display:none!important}html[data-theme=dark] .public-brand .theme-logo-dark{display:block!important}
html[data-theme=dark] .public-topbar{border-color:rgba(128,153,196,.14);background:rgba(7,17,31,.88);box-shadow:0 12px 35px rgba(0,0,0,.16)}
html[data-theme=dark] .public-nav a{color:#9facc2}html[data-theme=dark] .public-nav a:hover{color:#fff}html[data-theme=dark] .landing-login-btn{color:#cbd7e9}html[data-theme=dark] .landing-login-btn:hover{background:#13233a;color:#fff}
html[data-theme=dark] .landing-theme-toggle{border-color:#263a57;color:#becbe0;background:#111f33;box-shadow:0 7px 22px rgba(0,0,0,.18)}html[data-theme=dark] .landing-theme-toggle:hover{border-color:#3c5375;background:#17283f}html[data-theme=dark] .landing-theme-toggle span{color:#17223a;background:linear-gradient(135deg,#ffe694,#f3b94b)}
html[data-theme=dark] .landing-home{background:#07111f}html[data-theme=dark] .landing-hero{background:linear-gradient(180deg,#081321 0%,#0a1729 56%,#07111f 100%)}html[data-theme=dark] .landing-hero:before{background:linear-gradient(180deg,transparent,rgba(94,138,208,.13),transparent)}html[data-theme=dark] .landing-glow-a{background:radial-gradient(circle,rgba(119,72,245,.24),rgba(23,171,244,.08) 48%,transparent 70%)}html[data-theme=dark] .landing-glow-b{background:radial-gradient(circle,rgba(21,197,241,.17),rgba(21,197,241,.04) 52%,transparent 72%)}
html[data-theme=dark] .landing-kicker{border-color:#284466;color:#81baf0;background:#10223a}html[data-theme=dark] .landing-hero h1,html[data-theme=dark] .landing-section-head h2,html[data-theme=dark] .landing-showcase-head h2,html[data-theme=dark] .landing-benefit-copy h2,html[data-theme=dark] .landing-faq-intro h2{color:#f0f5ff}html[data-theme=dark] .landing-hero-lead,html[data-theme=dark] .landing-section-head p,html[data-theme=dark] .landing-showcase-head>p,html[data-theme=dark] .landing-benefit-copy>p,html[data-theme=dark] .landing-faq-intro p{color:#98a9c2}
html[data-theme=dark] .landing-btn-ghost{border-color:#2a405e;color:#d4e0f2;background:rgba(17,32,52,.82);box-shadow:0 8px 28px rgba(0,0,0,.12)}html[data-theme=dark] .landing-btn-ghost:hover{background:#172941}html[data-theme=dark] .landing-play-dot{color:#7bbbf3;background:#1b324d}html[data-theme=dark] .landing-proof-row{border-color:#1d2d44}html[data-theme=dark] .landing-proof-row strong{color:#cfdbec}html[data-theme=dark] .landing-proof-row small{color:#7587a1}html[data-theme=dark] .landing-proof-icon{color:#72dbc0;background:#11342f}
html[data-theme=dark] .landing-studio-card{border-color:#253a57;background:rgba(11,25,43,.96);box-shadow:0 35px 90px rgba(0,0,0,.33),0 0 70px rgba(89,65,214,.1)}html[data-theme=dark] .landing-studio-top,html[data-theme=dark] .landing-studio-body{border-color:#20334c;background:#0d1b2e}html[data-theme=dark] .landing-studio-toolbar strong,html[data-theme=dark] .landing-tool-preview strong,html[data-theme=dark] .landing-compose-head span,html[data-theme=dark] .landing-result-strip strong{color:#d9e4f4}html[data-theme=dark] .landing-studio-toolbar small,html[data-theme=dark] .landing-tool-preview small,html[data-theme=dark] .landing-compose-preview p,html[data-theme=dark] .landing-result-strip small{color:#8292aa}html[data-theme=dark] .landing-tool-preview,html[data-theme=dark] .landing-compose-preview{border-color:#223651;background:#111f33;box-shadow:none}html[data-theme=dark] .landing-compose-preview p{border-color:#23354c}html[data-theme=dark] .landing-result-strip{border-color:#223c5c;background:#10243b}html[data-theme=dark] .landing-studio-badge{color:#81b5ef;background:#142c48}
html[data-theme=dark] .landing-showcase-section{background:linear-gradient(180deg,#07111f,#091628 72%,#07111f)}html[data-theme=dark] .landing-prompt-marquee{border-color:#1c3049;background:rgba(10,23,40,.72)}html[data-theme=dark] .landing-prompt-marquee span{color:#899bb5}
html[data-theme=dark] .landing-audience-strip{border-color:#192b42;background:#091525}html[data-theme=dark] .landing-audience-label{color:#6f8099}html[data-theme=dark] .landing-audience-items span{color:#9eabc0}html[data-theme=dark] .landing-audience-items i{background:#35465e}
html[data-theme=dark] .landing-features,html[data-theme=dark] .landing-benefits,html[data-theme=dark] .landing-faq{background:#07111f}html[data-theme=dark] .landing-workflow{background:linear-gradient(180deg,#0a1728,#07111f)}html[data-theme=dark] .landing-pricing{border-color:#192b42;background:#091626}
html[data-theme=dark] .landing-feature-card,html[data-theme=dark] .landing-step-card,html[data-theme=dark] .landing-price-card,html[data-theme=dark] .landing-dashboard-preview{border-color:#20344f;background:linear-gradient(180deg,#0e1d31,#0b182a);box-shadow:0 16px 45px rgba(0,0,0,.18)}html[data-theme=dark] .landing-feature-card:hover,html[data-theme=dark] .landing-step-card:hover,html[data-theme=dark] .landing-price-card:hover{border-color:#365377;box-shadow:0 28px 65px rgba(0,0,0,.27)}html[data-theme=dark] .landing-feature-copy h3,html[data-theme=dark] .landing-step-card h3,html[data-theme=dark] .landing-plan-head h3{color:#e2ebf8}html[data-theme=dark] .landing-feature-copy p,html[data-theme=dark] .landing-step-card p,html[data-theme=dark] .landing-plan-features li{color:#91a2bb}html[data-theme=dark] .landing-feature-number,html[data-theme=dark] .landing-step-no{color:#354961}
html[data-theme=dark] .landing-feature-mini-ui,html[data-theme=dark] .landing-wave-ui,html[data-theme=dark] .landing-music-art{border-color:#263c57;background:#12233a}html[data-theme=dark] .landing-feature-mini-ui b,html[data-theme=dark] .landing-track-info b{color:#d5e1f2}html[data-theme=dark] .landing-track-info small,html[data-theme=dark] .landing-feature-mini-ui small{color:#8192ab}html[data-theme=dark] .landing-step-line span{border-color:#2a3e59;color:#91a9c7;background:#102036}
html[data-theme=dark] .landing-benefit-list>div{border-color:#1d2f46}html[data-theme=dark] .landing-benefit-list>div>span{color:#8eaee0;background:#12243b}html[data-theme=dark] .landing-benefit-list strong,html[data-theme=dark] .landing-preview-top strong,html[data-theme=dark] .landing-preview-stats strong{color:#d5e1f2}html[data-theme=dark] .landing-benefit-list small,html[data-theme=dark] .landing-preview-top small,html[data-theme=dark] .landing-preview-stats small{color:#7e90aa}html[data-theme=dark] .landing-preview-top{border-color:#22354d}html[data-theme=dark] .landing-preview-stats>div{border-color:#20344e;background:#101f33}html[data-theme=dark] .landing-preview-tabs .active{color:#8fc4f6;background:#142c48}
html[data-theme=dark] .landing-price-card.featured{border-color:#7866eb;box-shadow:0 22px 60px rgba(59,45,173,.2)}html[data-theme=dark] .landing-plan-price{color:#eff5ff}html[data-theme=dark] .landing-plan-credit{border-color:#23364e}html[data-theme=dark] .landing-plan-credit span{color:#8091aa}html[data-theme=dark] .landing-plan-features li span{color:#75dbc1;background:#12372f}html[data-theme=dark] .landing-btn-plan{border-color:#2b405d;color:#d0dcee;background:#13243a}
html[data-theme=dark] .landing-faq-list,html[data-theme=dark] .landing-faq-list details{border-color:#203149}html[data-theme=dark] .landing-faq-list summary{color:#cfdbed}html[data-theme=dark] .landing-faq-list summary span{color:#91afe0;background:#14263d}html[data-theme=dark] .landing-faq-list details p{color:#8c9db5}
html[data-theme=dark] .public-footer{border-top:1px solid #192a40;background:#050d18}
@media(max-width:800px){html[data-theme=dark] .public-nav{border-color:#253a55;background:#0b192b;box-shadow:0 18px 35px rgba(0,0,0,.28)}}
@media(max-width:620px){.landing-theme-toggle{width:36px;padding:4px;justify-content:center}.landing-theme-toggle b{display:none}}

/* BerandAI v2.5 — one theme across public, auth, member, and admin */
html[data-theme=dark]{--bg:#07111f;--panel:#0e1c2f;--text:#e7eef9;--muted:#91a1b8;--line:#22354d;--shadow:0 18px 55px rgba(0,0,0,.22)}
html[data-theme=dark] body{background:#07111f;color:var(--text)}
html[data-theme=dark] .landing-final-cta{background:#07111f}
.app-theme-toggle{flex:0 0 auto}.auth-theme-toggle{position:absolute;z-index:5;right:24px;top:22px}
html[data-theme=dark] .app-main,html[data-theme=dark] .app-content{background:#07111f}html[data-theme=dark] .app-top{border-color:#20334a;background:rgba(8,19,33,.94);box-shadow:0 8px 25px rgba(0,0,0,.12)}html[data-theme=dark] .app-top h2{color:#e9f0fa}html[data-theme=dark] .mobile-side-toggle,html[data-theme=dark] .mobile-menu{color:#dce6f5}html[data-theme=dark] .credit-pill{color:#8dc4ff;background:#112c48}html[data-theme=dark] .notification-bell{border-color:#283d58;color:#cad8ea;background:#112137}
html[data-theme=dark] .card,html[data-theme=dark] .panel{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow)}html[data-theme=dark] .page-head h1,html[data-theme=dark] .page-head h2,html[data-theme=dark] .panel h3,html[data-theme=dark] .stat-value,html[data-theme=dark] .tool-card h3{color:#e7eef9}html[data-theme=dark] .stat-sub,html[data-theme=dark] .tool-card p,html[data-theme=dark] .result-empty{color:#899bb5}
html[data-theme=dark] .btn-secondary{border-color:#2b405a;color:#d8e3f2;background:#122239}html[data-theme=dark] .btn-secondary:hover{border-color:#3a5574;background:#182b44}html[data-theme=dark] .btn-danger{border-color:#61323a;color:#ffb0b8;background:#311923}html[data-theme=dark] .btn-success{border-color:#245546;color:#89dfc3;background:#11352d}
html[data-theme=dark] .form-control,html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] textarea,html[data-theme=dark] select{border-color:#2b405a;color:#e2eaf6;background:#101f33}html[data-theme=dark] .form-control::placeholder,html[data-theme=dark] textarea::placeholder{color:#657791}html[data-theme=dark] .form-control:focus{border-color:#4b84df;outline-color:#142f50}html[data-theme=dark] option{color:#e2eaf6;background:#101f33}
html[data-theme=dark] .table th{color:#91a2b9;background:#101f33}html[data-theme=dark] .table th,html[data-theme=dark] .table td{border-color:#21344c}html[data-theme=dark] .table tr:hover td{background:#112036}html[data-theme=dark] .code{color:#a9c7ef;background:#14243a}html[data-theme=dark] .switch-row,html[data-theme=dark] .pagination a,html[data-theme=dark] .upload-box{border-color:#293e58;background:#101f33}html[data-theme=dark] .detail-row,html[data-theme=dark] .settings-section h3{border-color:#24364d}
html[data-theme=dark] .status.completed,html[data-theme=dark] .status.paid,html[data-theme=dark] .status.active{color:#79dabc;background:#12382f}html[data-theme=dark] .status.processing,html[data-theme=dark] .status.pending,html[data-theme=dark] .status.queued{color:#f2c46e;background:#3a2c12}html[data-theme=dark] .status.failed,html[data-theme=dark] .status.cancelled,html[data-theme=dark] .status.suspended,html[data-theme=dark] .status.expired{color:#ff9da8;background:#3b1d25}
html[data-theme=dark] .dashboard-discover{border-color:#273a55;background:linear-gradient(125deg,#0c1b2f,#0e2036 48%,#171d3c);box-shadow:0 26px 75px rgba(0,0,0,.25)}html[data-theme=dark] .dashboard-discover-copy h1{color:#edf3fc}html[data-theme=dark] .dashboard-discover-copy>p{color:#91a3bc}html[data-theme=dark] .dashboard-create-dock,html[data-theme=dark] .dashboard-stats>.stat{border-color:#2a3e59;background:rgba(15,31,51,.9)}html[data-theme=dark] .dashboard-create-dock strong{color:#dbe5f3}html[data-theme=dark] .dashboard-create-chips a{border-color:#2c405a;color:#a7b6ca;background:#102138}html[data-theme=dark] .dashboard-create-chips a:hover{border-color:#47698f;color:#bcd9fb;background:#172c46}html[data-theme=dark] .dashboard-tool-grid .tool-card{background:linear-gradient(155deg,#0f1f33,#0b192a)}html[data-theme=dark] .dashboard-showcase-card{border-color:#1c2d44;background:#13263e}html[data-theme=dark] .dashboard-showcase-empty{border-color:#1b2d45;background:linear-gradient(145deg,#10263e,#171d3d)}html[data-theme=dark] .dashboard-showcase-empty>span{background:#192a43}html[data-theme=dark] .dashboard-showcase-empty strong{color:#dbe5f2}
html[data-theme=dark] .dashboard-section-heading h2{color:#e7eef9}html[data-theme=dark] .dashboard-section-heading p,html[data-theme=dark] .dashboard-create-dock small,html[data-theme=dark] .dashboard-showcase-empty small{color:#91a3bc}html[data-theme=dark] .dashboard-section-kicker,html[data-theme=dark] .dashboard-tool-link{color:#63b4ff}html[data-theme=dark] .tool-icon,html[data-theme=dark] .dashboard-create-spark{color:#91c5ff;background:linear-gradient(145deg,#16334f,#29254f);box-shadow:0 8px 22px rgba(0,0,0,.2)}
html[data-theme=dark] .creative-intro-copy h2,html[data-theme=dark] .video-studio-head h3{color:#edf3fc}html[data-theme=dark] .creative-intro-copy>p,html[data-theme=dark] .video-studio-head p{color:#94a5bd}html[data-theme=dark] .creative-kicker,html[data-theme=dark] .video-studio-kicker,html[data-theme=dark] .creative-credit-mini{border-color:#29425f;background:#10243b}html[data-theme=dark] .creative-credit-mini>span{color:#9aabc1}html[data-theme=dark] .creative-credit-mini>small{border-color:#29415d;color:#9aabc0;background:#12253d}
html[data-theme=dark] .creative-result-stage,html[data-theme=dark] .result-preview{border-color:#293d57;background:radial-gradient(circle at 50% 28%,rgba(30,145,241,.08),transparent 34%),linear-gradient(145deg,#0d1c2f,#0a1728)}html[data-theme=dark] .creative-empty-state strong,html[data-theme=dark] .creative-audio-result strong{color:#dce6f4}html[data-theme=dark] .creative-composer-card,html[data-theme=dark] .creative-composer-toolbar,html[data-theme=dark] .creative-tool-chip,html[data-theme=dark] .creative-segment,html[data-theme=dark] .creative-inline-select,html[data-theme=dark] .creative-tip,html[data-theme=dark] .video-studio-card,html[data-theme=dark] .video-studio-head,html[data-theme=dark] .video-composer,html[data-theme=dark] .video-composer-toolbar,html[data-theme=dark] .video-mode-trigger,html[data-theme=dark] .video-ratio-control,html[data-theme=dark] .video-tip,html[data-theme=dark] .video-file-card{border-color:#293d57;background:#0f1e32}html[data-theme=dark] .creative-prompt-area textarea,html[data-theme=dark] .creative-inline-select select,html[data-theme=dark] .video-prompt-area textarea{color:#e5edf8;background:transparent}html[data-theme=dark] .creative-prompt-meta,html[data-theme=dark] .video-prompt-footer,html[data-theme=dark] .creative-composer-toolbar,html[data-theme=dark] .video-composer-toolbar{border-color:#263951}html[data-theme=dark] .creative-tool-chip,html[data-theme=dark] .creative-tip,html[data-theme=dark] .video-mode-trigger,html[data-theme=dark] .video-tip{color:#a7b5c9}html[data-theme=dark] .video-mode-menu{border-color:#2b405a;background:#0d1c2f;box-shadow:0 24px 70px rgba(0,0,0,.35)}html[data-theme=dark] .video-mode-option{color:#b7c4d6}html[data-theme=dark] .video-mode-option:hover,html[data-theme=dark] .video-mode-option.active{color:#e5efff;background:#142942}html[data-theme=dark] .video-dropzone{border-color:#344a66;color:#a5b4c8;background:#0d1b2d}html[data-theme=dark] .video-dropzone:hover{background:#122740}html[data-theme=dark] .video-dropzone strong{color:#d6e1f0}
html[data-theme=dark] .generation-community-card,html[data-theme=dark] .history-community-control,html[data-theme=dark] .video-publish-panel{border-color:#29405a;background:#102036}html[data-theme=dark] .generation-progress-copy strong{color:#e1eaf7}html[data-theme=dark] .generation-progress-copy p{color:#91a1b7}html[data-theme=dark] .generation-progress-rail{background:#21354d}
html[data-theme=dark] .notification-summary,html[data-theme=dark] .notification-item,html[data-theme=dark] .community-toolbar,html[data-theme=dark] .community-reel,html[data-theme=dark] .community-comments-panel{border-color:#293d57;background:#0e1d30}html[data-theme=dark] .notification-item.unread{background:#102640}html[data-theme=dark] .notification-item-title strong,html[data-theme=dark] .community-comment-name strong{color:#dfe8f5}html[data-theme=dark] .community-comments-head,html[data-theme=dark] .community-comment,html[data-theme=dark] .community-comment-form{border-color:#263a53}html[data-theme=dark] .community-comment-form input{background:#101f33}
html[data-theme=dark] .admin-api-status-card,html[data-theme=dark] .admin-feature-toggle-card,html[data-theme=dark] .admin-subcontrol-card,html[data-theme=dark] .admin-check-card,html[data-theme=dark] .admin-menu-toggle-card,html[data-theme=dark] .admin-sticky-save,html[data-theme=dark] .admin-api-shortcut,html[data-theme=dark] .admin-endpoint-grid>div{border-color:#293d57;background:#0f1e32}html[data-theme=dark] .admin-control-section>.admin-section-title{border-color:#263950}html[data-theme=dark] .admin-section-title h3,html[data-theme=dark] .admin-feature-toggle-card h4,html[data-theme=dark] .admin-check-card strong,html[data-theme=dark] .admin-menu-toggle-card strong,html[data-theme=dark] .admin-subcontrol-title strong,html[data-theme=dark] .admin-sticky-save strong,html[data-theme=dark] .admin-api-status-card strong{color:#dce6f4}html[data-theme=dark] .admin-section-title p,html[data-theme=dark] .admin-feature-toggle-card>p,html[data-theme=dark] .admin-check-card small,html[data-theme=dark] .admin-menu-toggle-card small,html[data-theme=dark] .admin-subcontrol-title span,html[data-theme=dark] .admin-sticky-save span,html[data-theme=dark] .admin-api-status-card div>span{color:#8fa0b8}html[data-theme=dark] .admin-generation-media{border-color:#263a52;background:#0b192a}html[data-theme=dark] .admin-generation-member strong,html[data-theme=dark] .admin-audio-preview strong{color:#dce6f3}html[data-theme=dark] .admin-generation-meta span{color:#93a5bc;background:#14243a}html[data-theme=dark] .admin-audio-preview{background:radial-gradient(circle at 25% 20%,#13243a,#0d1c2f 60%)}
html[data-theme=dark] .watermark-page{color:#e5edf8}html[data-theme=dark] .watermark-hero{border-color:#2a3b59;background:radial-gradient(circle at 83% 16%,rgba(124,97,232,.2),transparent 29%),linear-gradient(135deg,#0d1c30,#121b38 62%,#0d263c)}html[data-theme=dark] .watermark-hero h1{color:#edf3fc}html[data-theme=dark] .watermark-hero p{color:#99a9bf}html[data-theme=dark] .watermark-plan-badge,html[data-theme=dark] .watermark-studio,html[data-theme=dark] .watermark-action-card,html[data-theme=dark] .watermark-player-controls{border-color:#293d57;background:#0e1d30}html[data-theme=dark] .watermark-panel-head{border-color:#293a51;background:#101f33}html[data-theme=dark] .watermark-empty{color:#8798b0;background:linear-gradient(145deg,#101e31,#0b1829)}html[data-theme=dark] .watermark-empty strong{color:#cad6e7}html[data-theme=dark] .watermark-dropzone{border-color:#374b67;background:linear-gradient(145deg,#0f1e32,#121a34)}html[data-theme=dark] .watermark-status{color:#9eacc0;background:#101f33}html[data-theme=dark] .watermark-privacy{border-color:#245044;background:#102e29}
html[data-theme=dark] .auth-document,html[data-theme=dark] .auth-premium-page{background:#07111f;color:#e7eef9}html[data-theme=dark] .auth-premium-side{border-color:#22364f;color:#e4edf9;background:linear-gradient(145deg,#0b1a2d,#0d2137 48%,#181c3d)}html[data-theme=dark] .auth-premium-side h1{color:#edf4ff}html[data-theme=dark] .auth-premium-side>div p,html[data-theme=dark] .auth-side-content>p{color:#9eafc6}html[data-theme=dark] .auth-premium-main{background:linear-gradient(180deg,#091525,#07111f)}html[data-theme=dark] .auth-form-heading h2,html[data-theme=dark] .auth-premium-box h2{color:#edf4ff}html[data-theme=dark] .auth-form-heading p{color:#94a5bc}html[data-theme=dark] .auth-form-eyebrow{border-color:#2a4563;color:#8fbef0;background:#102640}html[data-theme=dark] .auth-divider:before,html[data-theme=dark] .auth-divider:after{background:#253850}html[data-theme=dark] .auth-secondary-action{border-color:#2b405a;color:#d5e1f0;background:#101f33}html[data-theme=dark] .auth-form-brand img,html[data-theme=dark] .auth-premium-side .auth-logo{filter:brightness(0) invert(1)!important}
html[data-theme=dark] .section,html[data-theme=dark] .footer{background:#07111f}html[data-theme=dark] .footer{border-color:#22354d}html[data-theme=dark] .checklist li{color:#9dadc2}
@media(max-width:850px){.auth-theme-toggle{right:18px;top:16px}.auth-premium-box{padding-top:58px}}
@media(max-width:620px){.app-theme-toggle{width:34px;height:34px}.app-theme-toggle span{width:24px;height:24px}}

/* BerandAI v2.6 — complete dark surfaces for auth, member, and admin */
.theme-logo-dark{display:none!important}
html[data-theme=dark] .theme-logo-light{display:none!important}html[data-theme=dark] .theme-logo-dark{display:block!important}
html[data-theme=dark] .member-page .sidebar{border-color:#1d3048;background:linear-gradient(180deg,#081526,#0a1930);color:#dce7f6;box-shadow:12px 0 42px rgba(0,0,0,.2)}
html[data-theme=dark] .member-page .side-user{border-color:#263d59;background:#10243b}html[data-theme=dark] .member-page .side-user strong{color:#eef4fd}html[data-theme=dark] .member-page .side-user span{color:#91a4bf}
html[data-theme=dark] .member-page .side-nav a{color:#9eafc8}html[data-theme=dark] .member-page .side-nav a:hover,html[data-theme=dark] .member-page .side-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(35,126,235,.25),rgba(100,69,239,.18))}html[data-theme=dark] .member-page .side-label{color:#68809f}
html[data-theme=dark] .side-collapse{border-color:#29415d;color:#a9bad0;background:#10243a;box-shadow:0 8px 20px rgba(0,0,0,.25)}html[data-theme=dark] .side-collapse:hover{color:#8cc7ff;background:#17304d}html[data-theme=dark] .sidebar-collapsed .side-label{border-color:transparent;background:#263950}

html[data-theme=dark] .auth-tool-card{border-color:#29415d;background:rgba(16,35,57,.88);box-shadow:0 12px 32px rgba(0,0,0,.16)}html[data-theme=dark] .auth-tool-card>span{color:#8db8ff;background:linear-gradient(145deg,#153653,#24264f)}html[data-theme=dark] .auth-tool-card strong{color:#dce6f4}html[data-theme=dark] .auth-tool-card small{color:#8193ab}
html[data-theme=dark] .auth-kicker{border-color:#2a4563;color:#9ab1cf;background:rgba(16,38,64,.86);box-shadow:none}html[data-theme=dark] .auth-back-link{color:#94a7c1}html[data-theme=dark] .auth-back-link:hover{color:#dceaff;background:#132a44}
html[data-theme=dark] .auth-studio-preview{border-color:#29405b;background:#0d1c2f;box-shadow:0 24px 60px rgba(0,0,0,.25)}html[data-theme=dark] .auth-studio-head{border-color:#263a52;background:#101f33}html[data-theme=dark] .auth-studio-head>span{background:#445873}html[data-theme=dark] .auth-studio-head strong{color:#9bacc2}
html[data-theme=dark] .auth-studio-sidebar{border-color:#263950;background:#0c192a}html[data-theme=dark] .auth-studio-sidebar i{background:#1b3048}html[data-theme=dark] .auth-studio-sidebar i:first-child{background:linear-gradient(135deg,#16405d,#2b285c)}html[data-theme=dark] .auth-studio-canvas{background:linear-gradient(180deg,#0f1e32,#0b192a)}html[data-theme=dark] .auth-studio-badge{color:#8bbcf2;background:#14304d}html[data-theme=dark] .auth-studio-lines b{background:#203650}html[data-theme=dark] .auth-studio-composer{border-color:#2b405a;color:#778ba6;background:#101f33}html[data-theme=dark] .auth-side-footer{color:#7789a2}

html[data-theme=dark] .gallery-toolbar,html[data-theme=dark] .generation-gallery-card,html[data-theme=dark] .gallery-search,html[data-theme=dark] .gallery-status-filter{border-color:#293d57;background:#0e1d30}html[data-theme=dark] .gallery-status-tabs{border-color:#293d57}html[data-theme=dark] .gallery-filter-button{color:#94a5bd}html[data-theme=dark] .gallery-filter-button:hover,html[data-theme=dark] .gallery-filter-button.active{color:#9bcbff;background:#142b46;box-shadow:inset 0 0 0 1px #284866}html[data-theme=dark] .gallery-filter-button small,html[data-theme=dark] .gallery-filter-button.active small{color:#8cafd9;background:#1b3048}
html[data-theme=dark] .gallery-search input,html[data-theme=dark] .generation-gallery-body h3,html[data-theme=dark] .gallery-visual-placeholder strong{color:#dce6f4}html[data-theme=dark] .generation-gallery-media{background:#0b1828}html[data-theme=dark] .gallery-card-footer{border-color:#24364d}html[data-theme=dark] .gallery-icon-button{border-color:#2a405a;color:#9eb3cd;background:#112238}html[data-theme=dark] .gallery-icon-button:hover{color:#a9d5ff;background:#17304c}
html[data-theme=dark] .gallery-type-badge{border:1px solid #2d4664;color:#c2d3e8;background:rgba(17,38,61,.94);box-shadow:0 5px 18px rgba(0,0,0,.24)}html[data-theme=dark] .gallery-type-badge span{color:#69b5ff}html[data-theme=dark] .gallery-open-overlay{border:1px solid #2d4867;color:#bcdcff;background:rgba(16,35,57,.94);box-shadow:0 5px 18px rgba(0,0,0,.24)}
html[data-theme=dark] .gallery-visual-placeholder.video,html[data-theme=dark] .gallery-visual-placeholder.music,html[data-theme=dark] .gallery-visual-placeholder.voice,html[data-theme=dark] .gallery-visual-placeholder.processing{background:linear-gradient(145deg,#10243a,#171c38)}html[data-theme=dark] .gallery-big-icon{color:#92c8ff;background:#1a2e48}
html[data-theme=dark] .gallery-visual-placeholder.failed{color:#ff9daa;background:radial-gradient(circle at 50% 38%,rgba(190,60,78,.12),transparent 34%),linear-gradient(145deg,#23131a,#17111a)}html[data-theme=dark] .gallery-visual-placeholder.failed .gallery-big-icon{color:#ff8998;background:#351923;box-shadow:0 8px 25px rgba(0,0,0,.2)}html[data-theme=dark] .gallery-visual-placeholder.failed strong{color:#ffc1c8}html[data-theme=dark] .gallery-visual-placeholder.failed small{color:#b9939a}

html[data-theme=dark] .community-action-rail{border-color:#263a52;background:linear-gradient(180deg,#101f33,#0b192a)}html[data-theme=dark] .community-media-stage,html[data-theme=dark] .community-media-stage img,html[data-theme=dark] .community-media-stage video{border-color:#293d57;background:#0a1727}html[data-theme=dark] .community-author-copy strong,html[data-theme=dark] .community-caption p,html[data-theme=dark] .community-action strong,html[data-theme=dark] .community-audio-art strong{color:#dbe6f4}
html[data-theme=dark] .community-type-badge,html[data-theme=dark] .community-action-icon,html[data-theme=dark] .community-comments-head button{border-color:#2a405b;color:#9db9d8;background:#13243a}html[data-theme=dark] .community-comments-head button:hover{background:#18304c}html[data-theme=dark] .community-comment-form{background:#0e1d30}html[data-theme=dark] .community-audio-art{border-color:#2a405b;background:radial-gradient(circle at 20% 20%,#172a43,#0d1c2f 65%)}

html[data-theme=dark] .notification-summary strong,html[data-theme=dark] .notification-item-copy p,html[data-theme=dark] .notification-empty h2{color:#dbe6f4}html[data-theme=dark] .notification-summary-icon,html[data-theme=dark] .notification-item-arrow{border-color:#29405a;color:#98c8f5;background:#14263d}html[data-theme=dark] .notification-item:hover .notification-item-arrow{color:#acd5ff;background:#18324f}
html[data-theme=dark] .flash,html[data-theme=dark] .berandai-dialog,html[data-theme=dark] .berandai-toast{border-color:#2a405a;color:#dce6f3;background:#0f1f33;box-shadow:0 24px 70px rgba(0,0,0,.35)}html[data-theme=dark] .berandai-dialog-copy h3,html[data-theme=dark] .berandai-toast-copy strong{color:#e4ecf8}html[data-theme=dark] .berandai-dialog-copy p,html[data-theme=dark] .berandai-toast-copy p{color:#91a2b9}html[data-theme=dark] .berandai-dialog-actions{border-color:#263950;background:linear-gradient(180deg,#0f1f33,#0b192a)}html[data-theme=dark] .berandai-toast-close:hover{color:#c8d7ea;background:#192d46}
html[data-theme=dark] .generate-transition{background:rgba(2,9,20,.7)}html[data-theme=dark] .generate-transition-card{border-color:#2b405a;background:linear-gradient(145deg,#102238,#0b192b);box-shadow:0 34px 110px rgba(0,0,0,.55)}html[data-theme=dark] .generate-transition-mark b{color:#8bbfff;background:linear-gradient(135deg,#16334e,#28234e);box-shadow:0 8px 24px rgba(0,0,0,.28)}html[data-theme=dark] .generate-transition-card>strong{color:#e6eef9}html[data-theme=dark] .generate-transition-card>p{color:#92a4bc}html[data-theme=dark] .generate-transition-bar{background:#21354d}

html[data-theme=dark] .video-publish-card,html[data-theme=dark] .generation-community-icon,html[data-theme=dark] .first-purchase-banner,html[data-theme=dark] .admin-promo-setting{border-color:#29405a;background:#102036}html[data-theme=dark] .video-publish-copy strong,html[data-theme=dark] .admin-promo-setting>div:first-child strong{color:#dce6f4}html[data-theme=dark] .first-purchase-banner>span{background:#19304b}html[data-theme=dark] .price.price-promo,html[data-theme=dark] .landing-plan-price.landing-plan-price-promo{color:#eef4ff}
html[data-theme=dark] .watermark-empty>span,html[data-theme=dark] .watermark-play{border-color:#2a405a;color:#a896ff;background:#14263d}html[data-theme=dark] .video-form-feedback{border-color:#65333c;color:#ffabb4;background:#321b24}
@media(max-width:800px){html[data-theme=dark] .member-page .sidebar{box-shadow:18px 0 50px rgba(0,0,0,.42)}html[data-theme=dark] .overlay.show{background:rgba(1,7,14,.68)}}
html[data-theme=dark] .community-filter-chip{border-color:#2a405b;color:#9fb0c7;background:#112137}html[data-theme=dark] .community-filter-chip:hover,html[data-theme=dark] .community-filter-chip.active{border-color:#385b80;color:#a9d4ff;background:#17304c}html[data-theme=dark] .community-media-brand,html[data-theme=dark] .community-sound-toggle,html[data-theme=dark] .community-video-loading{border-color:#2c4562;color:#b8cbe2;background:rgba(13,29,48,.9)}
html[data-theme=dark] .community-avatar,html[data-theme=dark] .community-comment-avatar{border-color:#29415d;color:#94c6f6;background:linear-gradient(145deg,#142c47,#242448)}html[data-theme=dark] .community-action.active .community-action-icon{border-color:#65334b;color:#ff8db1;background:#351c2c}
html[data-theme=dark] .notification-item-icon.like{border-color:#63334a;color:#ff91b2;background:#341d2b}html[data-theme=dark] .notification-item-icon.comment,html[data-theme=dark] .notification-item-title span{border-color:#294661;color:#91c8ff;background:#15304b}html[data-theme=dark] .notification-empty>div{color:#92c4ff;background:linear-gradient(135deg,#13304a,#25254b)}
html[data-theme=dark] .admin-private-note{border-color:#2a405b;color:#a9bbd1;background:#112137}html[data-theme=dark] .admin-member-avatar,html[data-theme=dark] .admin-menu-icon,html[data-theme=dark] .admin-api-status-icon,html[data-theme=dark] .admin-section-title>div:first-child>span{color:#92bdff;background:linear-gradient(145deg,#15304b,#232348)}html[data-theme=dark] .admin-generation-prompt{color:#a3b3c8}html[data-theme=dark] .admin-generation-community.private{color:#9cadc3;background:#17283d}html[data-theme=dark] .admin-generation-community.public{color:#7cdec0;background:#12362f}html[data-theme=dark] .admin-section-pill{border-color:#294764;color:#92c4fb;background:#15304b}
html[data-theme=dark] .admin-last-test.success{border-color:#245647;color:#86dec2;background:#11362e}html[data-theme=dark] .admin-last-test.danger{border-color:#65333c;color:#ffabb4;background:#321b24}
html[data-theme=dark] .video-credit-box{border-color:#29425f;color:#a5b5ca;background:#10243b}html[data-theme=dark] .creative-service-warning{border-color:#654f25;color:#f1c875;background:#342a16}

/* BerandAI v2.8 — accessible password visibility control */
.auth-password-field{position:relative}.auth-password-field .form-control{padding-right:72px}.auth-password-toggle{position:absolute;right:7px;top:50%;height:34px;min-width:57px;padding:0 9px;transform:translateY(-50%);border:1px solid #dce5f1;border-radius:9px;color:#41638d;background:#f1f6fd;font-size:9px;font-weight:900;cursor:pointer;transition:.16s}.auth-password-toggle:hover{border-color:#bfd2eb;color:#236ccc;background:#e9f3ff}.auth-password-toggle:focus-visible{outline:3px solid rgba(79,113,238,.18);outline-offset:1px}html[data-theme=dark] .auth-password-toggle{border-color:#2b4562;color:#a9cff5;background:#172d47}html[data-theme=dark] .auth-password-toggle:hover{border-color:#41668c;color:#d2e9ff;background:#1d3857}

/* BerandAI v2.9 — animated account plan badge */
.side-user-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.side-user-head>strong{min-width:0}.account-plan-badge{position:relative;isolation:isolate;overflow:hidden;display:inline-flex!important;min-height:22px;align-items:center;gap:5px;flex:0 0 auto;padding:3px 8px 3px 4px;border:1px solid transparent;border-radius:999px;font-size:8px!important;line-height:1;font-weight:950;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 5px 14px rgba(28,57,102,.1)}.account-plan-badge i{display:grid;width:14px;height:14px;place-items:center;border-radius:50%;background:rgba(255,255,255,.5);font-style:normal;font-size:10px;line-height:1}.account-plan-badge:after{content:"";position:absolute;z-index:-1;inset:-70% auto -70% -45%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);animation:accountPlanShine 3.2s ease-in-out infinite}.account-plan-free{border-color:#d8e0eb;color:#66758b!important;background:linear-gradient(135deg,#f7f9fc,#e9eef5)}.account-plan-starter{border-color:#bcdcff;color:#176ac7!important;background:linear-gradient(135deg,#edf7ff,#dbeeff)}.account-plan-creator{border-color:#d1c4ff;color:#6744d9!important;background:linear-gradient(135deg,#f4f0ff,#e7ddff)}.account-plan-pro{border-color:#f0cf78;color:#845900!important;background:linear-gradient(135deg,#fff8d9,#f5d86f 60%,#fff1ad)}.account-plan-administrator{border-color:#61d7ca;color:#075c60!important;background:linear-gradient(135deg,#e8fffb,#9ee9df 58%,#d8fffa)}@keyframes accountPlanShine{0%,58%{left:-45%;opacity:0}68%{opacity:1}86%,100%{left:125%;opacity:0}}
html[data-theme=dark] .account-plan-free{border-color:#42536a;color:#b4c0d0!important;background:linear-gradient(135deg,#263447,#172537)}html[data-theme=dark] .account-plan-starter{border-color:#315c83;color:#91caff!important;background:linear-gradient(135deg,#153451,#1c4265)}html[data-theme=dark] .account-plan-creator{border-color:#59469a;color:#c5b4ff!important;background:linear-gradient(135deg,#27214b,#3b2e71)}html[data-theme=dark] .account-plan-pro{border-color:#896e2f;color:#ffe59c!important;background:linear-gradient(135deg,#3b3016,#6c531c 60%,#463815)}html[data-theme=dark] .account-plan-administrator{border-color:#258d8b;color:#9ff7ed!important;background:linear-gradient(135deg,#123c40,#176360 58%,#11464a)}
@media(prefers-reduced-motion:reduce){.account-plan-badge:after{animation:none}}

/* BerandAI v3.0 — temporary-result disclosure */
.temporary-result-notice{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:15px;padding:13px 14px;border:1px solid #f0d28c;border-radius:15px;color:#684d12;background:linear-gradient(110deg,#fffaf0,#fff5d9);box-shadow:0 9px 28px rgba(117,83,18,.07)}.temporary-result-notice>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;color:#815b00;background:#ffe7a6;font-size:20px;font-weight:950}.temporary-result-notice>div{min-width:0}.temporary-result-notice>form{margin:0}.temporary-result-notice strong{display:block;color:#5f460e;font-size:12px}.temporary-result-notice p{margin:3px 0 0;color:#806a3d;font-size:10px;line-height:1.5}.temporary-result-notice .btn{white-space:nowrap}.temporary-result-notice-compact{margin:0 0 15px}.admin-generation-filter{grid-template-columns:minmax(260px,1.7fr) repeat(2,minmax(145px,.7fr)) auto}
html[data-theme=dark] .temporary-result-notice{border-color:#655329;color:#ecd493;background:linear-gradient(110deg,#282311,#332a13);box-shadow:0 12px 32px rgba(0,0,0,.16)}html[data-theme=dark] .temporary-result-notice>span{color:#ffe39a;background:#4c3c16}html[data-theme=dark] .temporary-result-notice strong{color:#ffe4a2}html[data-theme=dark] .temporary-result-notice p{color:#cdbb8d}
@media(max-width:760px){.temporary-result-notice{grid-template-columns:38px minmax(0,1fr)}.temporary-result-notice>span{width:36px;height:36px}.temporary-result-notice>.btn,.temporary-result-notice>form{grid-column:1/-1;width:100%}.temporary-result-notice>form .btn{width:100%}.admin-generation-filter{grid-template-columns:1fr}}
.admin-users-head{align-items:center}.admin-users-count{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:900}.admin-users-list{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.admin-users-list-head,.admin-user-row{display:grid;grid-template-columns:minmax(220px,1fr) 190px minmax(420px,1.35fr);align-items:center;gap:18px}.admin-users-list-head{padding:12px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,var(--bg));color:var(--muted);font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.admin-user-row{padding:16px 20px;border-bottom:1px solid var(--line);transition:background .18s ease}.admin-user-row:last-child{border-bottom:0}.admin-user-row:hover{background:color-mix(in srgb,var(--panel) 92%,#e9f3ff)}.admin-user-identity{display:flex;align-items:center;min-width:0;gap:12px}.admin-user-avatar{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #cfe0f5;border-radius:13px;color:#286bc5;background:linear-gradient(145deg,#ecf7ff,#eeeaff);font-size:15px;font-weight:950}.admin-user-identity>div{display:grid;min-width:0}.admin-user-identity strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.admin-user-identity a{overflow:hidden;margin-top:2px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-user-identity small{margin-top:4px;color:var(--muted);font-size:8px}.admin-user-membership{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.admin-user-membership>small{width:100%;color:var(--muted);font-size:8px;line-height:1.45}.admin-role-badge{padding:5px 8px;border-radius:999px;color:#5f48c8;background:#eeeaff;font-size:8px;font-weight:950;text-transform:uppercase}.admin-user-controls{display:grid;grid-template-columns:76px 116px minmax(150px,1fr) auto;align-items:end;gap:8px}.admin-user-controls>label{display:grid;gap:4px}.admin-user-controls>label>span{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.admin-user-controls .form-control{height:38px;padding:7px 9px;border-radius:10px;font-size:10px}.admin-user-controls .btn{height:38px;padding:7px 13px;font-size:10px}
@media(max-width:1180px){.admin-users-list-head,.admin-user-row{grid-template-columns:minmax(210px,.9fr) 170px minmax(350px,1.2fr);gap:12px}.admin-user-controls{grid-template-columns:68px 105px minmax(135px,1fr) auto}}
@media(max-width:1080px){.admin-users-list-head{display:none}.admin-user-row{grid-template-columns:minmax(210px,1fr) minmax(150px,.65fr);padding:18px}.admin-user-controls{grid-column:1/-1;grid-template-columns:80px 1fr 1.25fr auto;padding-top:13px;border-top:1px solid var(--line)}}
@media(max-width:600px){.admin-users-head{align-items:flex-start}.admin-user-row{grid-template-columns:1fr;gap:13px;padding:16px}.admin-user-membership{padding-left:54px}.admin-user-controls{grid-column:auto;grid-template-columns:1fr 1fr;padding-top:14px}.admin-user-controls>label:nth-of-type(3){grid-column:1/-1}.admin-user-controls .btn{grid-column:1/-1;width:100%}}
html[data-theme=dark] .admin-user-avatar{border-color:#28476b;color:#8dc5ff;background:linear-gradient(145deg,#132c46,#24234c)}html[data-theme=dark] .admin-role-badge{color:#c3b7ff;background:#29254d}
.flash.auth-suspended-alert{display:flex;align-items:flex-start;gap:11px;padding:14px;border-color:#f2cf98;border-left:4px solid #e39a2c;background:#fffaf0;color:#633f09}.auth-suspended-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:10px;background:#ffe8bd;color:#9a5b00;font-weight:950}.auth-suspended-alert strong{display:block;margin:0 0 2px;font-size:13px}.auth-suspended-alert p{margin:0;color:#805817;font-size:11px;line-height:1.5}html[data-theme=dark] .flash.auth-suspended-alert{border-color:#6b5026;border-left-color:#f2ad45;background:#2b2112;color:#ffe0aa}html[data-theme=dark] .auth-suspended-icon{background:#4b3517;color:#ffc86d}html[data-theme=dark] .auth-suspended-alert strong{color:#ffe0aa}html[data-theme=dark] .auth-suspended-alert p{color:#d8b77f}
.video-file-thumb{position:relative}.video-file-card.is-sortable{grid-template-columns:24px 46px minmax(0,1fr) auto;cursor:grab;transition:border-color .16s,background .16s,transform .16s,opacity .16s}.video-file-card.is-sortable:active{cursor:grabbing}.video-file-card.is-dragging{opacity:.45;transform:scale(.985)}.video-file-card.is-drag-over{border-color:#4c8bea;background:#f0f6ff;transform:translateY(-2px)}.video-file-drag-handle{display:grid;height:32px;place-items:center;color:#8a9ab1;font-size:20px;line-height:1;user-select:none}.video-file-order{position:absolute;left:3px;top:3px;display:grid;width:19px;height:19px;place-items:center;border:2px solid #fff;border-radius:7px;color:#fff;background:linear-gradient(135deg,#168cf1,#6845ef);box-shadow:0 4px 10px rgba(34,87,186,.3);font-size:9px;font-weight:950}.video-file-actions{display:flex;align-items:center;gap:4px}.video-file-order-button{display:grid;width:26px;height:28px;padding:0;place-items:center;border:1px solid #dbe5f2;border-radius:8px;color:#3974c2;background:#f5f9ff;font-size:13px;font-weight:900;cursor:pointer}.video-file-order-button:hover:not(:disabled){border-color:#9fc2ef;background:#eaf3ff}.video-file-order-button:disabled{opacity:.3;cursor:not-allowed}html[data-theme=dark] .video-file-card.is-drag-over{border-color:#568edf;background:#132a45}html[data-theme=dark] .video-file-drag-handle{color:#72869f}html[data-theme=dark] .video-file-order{border-color:#132337}html[data-theme=dark] .video-file-order-button{border-color:#30465f;color:#9dc7ff;background:#172a41}
.video-extend-panel{position:relative}.video-extend-panel>summary{list-style:none}.video-extend-panel>summary::-webkit-details-marker{display:none}.video-extend-panel[open]>summary{border-color:#86b4f0;color:#176fd3;background:#eef6ff}.video-extend-panel>form{position:absolute;left:0;bottom:calc(100% + 10px);z-index:12;width:min(460px,calc(100vw - 42px));padding:17px;border:1px solid #d9e5f3;border-radius:16px;background:#fff;box-shadow:0 22px 65px rgba(22,48,88,.2)}.video-extend-panel label{display:block;margin-bottom:7px;color:#263d61;font-size:12px;font-weight:900}.video-extend-panel textarea{min-height:105px;resize:vertical}.video-extend-panel form>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.video-extend-panel form small{max-width:210px;color:#7a8aa2;font-size:9px}.video-extend-panel form .btn{flex:0 0 auto}@media(max-width:600px){.video-extend-panel{width:100%}.video-extend-panel>summary{width:100%}.video-extend-panel>form{position:fixed;left:14px;right:14px;bottom:18px;width:auto}.video-extend-panel form>div{align-items:stretch;flex-direction:column}.video-extend-panel form .btn{width:100%}}html[data-theme=dark] .video-extend-panel[open]>summary{border-color:#3d6694;color:#9ecaff;background:#152b44}html[data-theme=dark] .video-extend-panel>form{border-color:#2b425d;background:#0e1e31;box-shadow:0 25px 70px rgba(0,0,0,.45)}html[data-theme=dark] .video-extend-panel label{color:#dce7f5}html[data-theme=dark] .video-extend-panel form small{color:#91a3ba}
.generation-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.generation-prompt-head h3{margin:0}.generation-copy-prompt{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #d7e3f2;border-radius:9px;color:#3972bb;background:#f6faff;font-size:9px;font-weight:900;cursor:pointer;transition:.16s}.generation-copy-prompt:hover,.generation-copy-prompt.is-copied{border-color:#91bced;color:#176fd3;background:#eaf4ff;transform:translateY(-1px)}.generation-prompt-text{margin:11px 0 0;padding:13px;border:1px solid #e1e8f2;border-radius:12px;color:var(--muted);background:#f8fafd;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}html[data-theme=dark] .generation-copy-prompt{border-color:#304761;color:#9bc7ff;background:#14273e}html[data-theme=dark] .generation-copy-prompt:hover,html[data-theme=dark] .generation-copy-prompt.is-copied{border-color:#4775a7;color:#c0dcff;background:#19324f}html[data-theme=dark] .generation-prompt-text{border-color:#293f59;color:#aab9cc;background:#0d1b2c}
.workflow-page-head{align-items:center}.workflow-kicker{display:inline-flex;margin-bottom:7px;color:#2675d5;font-size:9px;font-weight:950;letter-spacing:.12em}.workflow-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:16px}.workflow-variations-card{padding:22px}.workflow-card-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.workflow-card-heading small,.workflow-shortcut-card small{color:#3780d6;font-size:8px;font-weight:950;letter-spacing:.1em}.workflow-card-heading h2,.workflow-shortcut-card h2,.workflow-storyboard h2{margin:3px 0 4px;font-size:20px}.workflow-card-heading p,.workflow-shortcut-card p,.workflow-storyboard p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.workflow-card-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#168cf1,#6845ef);box-shadow:0 10px 24px rgba(51,92,213,.2);font-size:18px}.workflow-card-icon.blue{background:linear-gradient(135deg,#0ca4ef,#2875db)}.workflow-card-icon.violet{background:linear-gradient(135deg,#7857ee,#4d39c4)}.workflow-type-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.workflow-type-options input{position:absolute;opacity:0}.workflow-type-options span{display:flex;align-items:center;gap:7px;padding:12px;border:1px solid var(--line);border-radius:12px;color:#60708a;background:var(--panel);cursor:pointer}.workflow-type-options b{color:var(--text);font-size:11px}.workflow-type-options small{margin-left:auto;color:var(--muted);font-size:8px}.workflow-type-options input:checked+span{border-color:#79aef0;color:#2477d7;background:#eef6ff;box-shadow:0 0 0 2px rgba(55,132,226,.08)}.workflow-field{display:grid;gap:6px;margin-top:13px}.workflow-field>span{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.workflow-field textarea{min-height:120px;resize:vertical}.workflow-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workflow-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.workflow-submit-row>div{display:grid}.workflow-submit-row small{color:var(--muted);font-size:8px;font-weight:900}.workflow-submit-row strong{font-size:17px}.workflow-stack{display:grid;gap:16px}.workflow-shortcut-card{display:flex;align-items:flex-start;gap:13px;padding:20px}.workflow-shortcut-card .btn{margin-top:14px}.workflow-storyboard{margin-top:16px;padding:22px}.workflow-storyboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.workflow-video-list{display:grid;gap:8px;margin-top:17px}.workflow-video-list article{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 92%,var(--bg))}.workflow-video-list article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#2e79d3;background:#eaf4ff}.workflow-video-list strong{font-size:11px}.workflow-video-list p{overflow:hidden;margin:1px 0;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.workflow-video-list small{color:var(--muted);font-size:8px}.workflow-empty{display:grid;margin-top:18px;padding:25px;place-items:center;border:1px dashed var(--line);border-radius:14px;text-align:center}.workflow-empty>span{font-size:24px}.workflow-empty strong{margin-top:6px;font-size:12px}@media(max-width:900px){.workflow-grid{grid-template-columns:1fr}.workflow-stack{grid-template-columns:1fr 1fr}}@media(max-width:620px){.workflow-stack,.workflow-type-options,.workflow-form-row{grid-template-columns:1fr}.workflow-storyboard-head{align-items:flex-start;flex-direction:column}.workflow-storyboard-head .btn{width:100%}.workflow-video-list article{grid-template-columns:35px minmax(0,1fr)}.workflow-video-list article .btn{grid-column:1/-1;width:100%}.workflow-submit-row{align-items:stretch;flex-direction:column}.workflow-submit-row .btn{width:100%}}html[data-theme=dark] .workflow-type-options input:checked+span{border-color:#3d6eaa;color:#9dcbff;background:#142b46}html[data-theme=dark] .workflow-video-list article{background:#0d1c2f}html[data-theme=dark] .workflow-video-list article>span{color:#9dccff;background:#17314f}

/* BerandAI v3.1 — locked Watermark Remover upgrade */
.btn-watermark-locked{position:relative;cursor:pointer}.btn-watermark-locked>span{font-size:12px}.watermark-upgrade-dialog{width:min(540px,calc(100% - 28px));padding:0;border:1px solid #dce5f2;border-radius:24px;color:#172b4b;background:#fff;box-shadow:0 30px 100px rgba(13,35,70,.28)}.watermark-upgrade-dialog::backdrop{background:rgba(4,14,29,.68);backdrop-filter:blur(6px)}.watermark-upgrade-shell{position:relative;padding:30px}.watermark-upgrade-close{position:absolute;right:17px;top:15px;width:34px;height:34px;border:1px solid #dfe6f0;border-radius:50%;color:#738199;background:#f6f8fb;font-size:20px;line-height:1;cursor:pointer}.watermark-upgrade-kicker{display:inline-flex;padding:6px 9px;border-radius:999px;color:#6548dc;background:#f0ecff;font-size:9px;font-weight:950;letter-spacing:.11em}.watermark-upgrade-shell h2{margin:13px 0 7px;font-size:29px;letter-spacing:-.035em}.watermark-upgrade-shell>p{margin:0;color:#74839b;font-size:12px}.watermark-upgrade-plans{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:21px 0}.watermark-upgrade-plans article{padding:16px;border:1px solid #d9e7f7;border-radius:16px;background:linear-gradient(145deg,#f7fbff,#eef6ff)}.watermark-upgrade-plans article.featured{border-color:#d7c9ff;background:linear-gradient(145deg,#faf8ff,#eee9ff)}.watermark-upgrade-plans span{display:block;color:#3375ca;font-size:8px;font-weight:950;letter-spacing:.1em}.watermark-upgrade-plans .featured span{color:#6b4bd7}.watermark-upgrade-plans strong{display:block;margin:7px 0 4px;font-size:17px}.watermark-upgrade-plans small{display:block;color:#77879e;font-size:9px;line-height:1.5}.watermark-upgrade-actions{display:flex;justify-content:flex-end;gap:9px}.watermark-upgrade-actions form{margin:0}
html[data-theme=dark] .watermark-upgrade-dialog{border-color:#2c415b;color:#e7eef9;background:#0e1d30}html[data-theme=dark] .watermark-upgrade-close{border-color:#2d425d;color:#a9b9ce;background:#16283f}html[data-theme=dark] .watermark-upgrade-kicker{color:#c3b2ff;background:#29224c}html[data-theme=dark] .watermark-upgrade-shell>p{color:#94a5bc}html[data-theme=dark] .watermark-upgrade-plans article{border-color:#29445f;background:linear-gradient(145deg,#10263e,#112b46)}html[data-theme=dark] .watermark-upgrade-plans article.featured{border-color:#514286;background:linear-gradient(145deg,#211d42,#30275e)}html[data-theme=dark] .watermark-upgrade-plans strong{color:#e7eef9}html[data-theme=dark] .watermark-upgrade-plans small{color:#91a2b9}
@media(max-width:560px){.watermark-upgrade-shell{padding:25px 19px 20px}.watermark-upgrade-plans{grid-template-columns:1fr}.watermark-upgrade-actions{display:grid;grid-template-columns:1fr}.watermark-upgrade-actions form,.watermark-upgrade-actions .btn{width:100%}}

/* BerandAI v3.2 — current subscription on Pricing */
.active-plan-summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;max-width:880px;margin:-18px auto 34px;padding:15px 17px;border:1px solid #c8e7db;border-radius:18px;background:linear-gradient(110deg,#f1fbf7,#f7fbff);box-shadow:0 12px 34px rgba(23,111,80,.08)}.active-plan-summary>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#18aa7a,#2387dc);box-shadow:0 9px 22px rgba(25,135,130,.2)}.active-plan-summary>div{display:grid}.active-plan-summary small{color:#268063;font-size:8px;font-weight:950;letter-spacing:.12em}.active-plan-summary strong{margin:2px 0;color:#173d37;font-size:17px}.active-plan-summary p{margin:0;color:#657e79;font-size:10px}.active-plan-summary>a{color:#2170c7;font-size:10px;font-weight:900}.current-plan-card{border-color:#63b99c!important;box-shadow:0 18px 48px rgba(30,133,99,.13)!important}.current-plan-chip{display:inline-flex;width:max-content;margin:0 0 10px;padding:5px 8px;border-radius:999px;color:#087553;background:#e5f8f0;font-size:8px;font-weight:950;letter-spacing:.09em}
html[data-theme=dark] .active-plan-summary{border-color:#285748;background:linear-gradient(110deg,#102b26,#10233a);box-shadow:0 14px 38px rgba(0,0,0,.18)}html[data-theme=dark] .active-plan-summary small{color:#7bd4b6}html[data-theme=dark] .active-plan-summary strong{color:#e1f3ec}html[data-theme=dark] .active-plan-summary p{color:#9cb6ad}html[data-theme=dark] .active-plan-summary>a{color:#94c9ff}html[data-theme=dark] .current-plan-card{border-color:#3a8069!important}html[data-theme=dark] .current-plan-chip{color:#80dfbd;background:#12372f}
@media(max-width:620px){.active-plan-summary{grid-template-columns:42px minmax(0,1fr);margin-top:-10px}.active-plan-summary>span{width:40px;height:40px}.active-plan-summary>a{grid-column:2}}
.workflow-grid.single{grid-template-columns:1fr}.workflow-inline-unavailable{padding:18px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);background:color-mix(in srgb,var(--panel) 92%,var(--bg));font-size:11px;text-align:center}
.generation-prompt-wrap{position:relative;margin-top:11px}.generation-prompt-wrap .generation-prompt-text{margin:0}.generation-prompt-wrap:not(.is-expanded) .generation-prompt-text{display:-webkit-box;max-height:11.55em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7}.generation-prompt-wrap.has-overflow:not(.is-expanded):after{content:"";position:absolute;left:1px;right:1px;bottom:31px;height:38px;pointer-events:none;background:linear-gradient(transparent,#f8fafd)}.generation-prompt-expand{position:relative;z-index:1;display:flex;width:100%;align-items:center;justify-content:center;gap:5px;margin-top:6px;padding:7px;border:0;border-radius:9px;color:#3373c3;background:#edf5ff;font-size:9px;font-weight:900;cursor:pointer}.generation-prompt-expand[hidden]{display:none}.generation-prompt-expand:hover{color:#176fd3;background:#e2efff}.generation-prompt-expand span{font-size:12px}html[data-theme=dark] .generation-prompt-wrap.has-overflow:not(.is-expanded):after{background:linear-gradient(transparent,#0d1b2c)}html[data-theme=dark] .generation-prompt-expand{color:#9ecaff;background:#152c47}html[data-theme=dark] .generation-prompt-expand:hover{color:#c4dfff;background:#1a3859}
.image-to-video-panel>form{width:min(500px,calc(100vw - 42px))}.image-to-video-panel .image-video-ratio{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;margin-top:10px}.image-to-video-panel .image-video-ratio .form-control{height:40px;padding:7px 10px}@media(max-width:600px){.image-to-video-panel .image-video-ratio{grid-template-columns:1fr;gap:5px}}

/* BerandAI v4.5 — live audit polish */
.member-page .app-content{animation:none}
.top-actions .notification-bell{flex:0 0 39px;text-decoration:none}
.admin-user-identity small,.admin-user-membership>small,.admin-user-controls>label>span{font-size:10px}
.admin-user-controls .form-control,.admin-user-controls .btn{font-size:11px}
.admin-api-form{padding-bottom:12px}.admin-sticky-save{position:static}
.member-page .pricing-page-section{padding:42px 0 54px}.member-page .pricing-page-section .section-head{margin-bottom:26px}.member-page .active-plan-summary{margin-top:0;margin-bottom:24px}
.generation-layout .result-preview{min-height:360px}.generation-layout .result-preview video{width:100%;max-height:460px;background:#07111f}
@media(min-width:901px){
  .creative-studio-shell{gap:16px}.creative-studio-intro{grid-template-columns:minmax(250px,.7fr) minmax(390px,1.3fr);gap:24px;padding:0}.creative-intro-copy{padding-block:4px}.creative-intro-copy h2{font-size:clamp(38px,3.8vw,52px)}.creative-intro-copy>p{margin-top:13px;font-size:14px;line-height:1.6}.creative-credit-mini{margin-top:15px}.creative-result-stage,.creative-result-live{min-height:270px}.creative-result-live>img{min-height:220px;max-height:350px}
}
@media(min-width:901px) and (max-width:1366px){
  .dashboard-discover{grid-template-columns:minmax(300px,.88fr) minmax(430px,1.12fr);gap:24px;min-height:390px;padding:28px}.dashboard-discover-copy h1{font-size:clamp(42px,4.2vw,57px)}.dashboard-showcase{height:310px}
}
@media(max-width:620px){
  .top-actions .notification-bell{width:36px;height:36px;flex-basis:36px}.member-page .pricing-page-section{padding:28px 0 40px}.member-page .pricing-page-section .section-head{margin-bottom:20px}.generation-layout .result-preview{min-height:280px}
}

/* BerandAI v4.6 — clearer shared icon scale */
.member-page .side-nav a{display:flex;align-items:center;gap:11px;min-height:46px;padding:8px 10px}
.side-nav-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid #e1eaf6;border-radius:9px;color:#3976bf;background:linear-gradient(145deg,#f2f8ff,#f5f1ff);font-size:18px;line-height:1;box-shadow:0 5px 14px rgba(42,79,130,.07)}
.member-page .side-nav a:hover .side-nav-icon,.member-page .side-nav a.active .side-nav-icon{border-color:#cfe1f7;color:#176fd3;background:#fff;box-shadow:0 7px 18px rgba(34,102,178,.12)}
.tool-icon,.feature-icon{width:52px;height:52px;border-radius:15px;font-size:24px;box-shadow:0 8px 20px rgba(49,91,155,.09)}
.generator-head .tool-icon{width:62px;height:62px;border-radius:18px;font-size:28px}
.landing-tool-preview{gap:11px;min-height:74px}.landing-tool-preview>span{width:40px;height:40px;border-radius:12px;font-size:16px;box-shadow:0 7px 18px rgba(44,84,145,.08)}
.landing-feature-icon{width:54px;height:54px;margin-bottom:20px;border-radius:16px;font-size:23px;box-shadow:0 9px 22px rgba(41,92,161,.1)}
.landing-step-icon{width:52px;height:52px;border-radius:16px;font-size:22px;box-shadow:0 8px 20px rgba(59,85,153,.09)}
html[data-theme=dark] .side-nav-icon{border-color:#29415d;color:#9ecbff;background:linear-gradient(145deg,#102b47,#24254d);box-shadow:0 7px 18px rgba(0,0,0,.2)}
@media(max-width:540px){.landing-tool-preview>span{width:36px;height:36px;font-size:15px}.landing-feature-icon{width:50px;height:50px;font-size:21px}.landing-step-icon{width:48px;height:48px;font-size:20px}}

/* BerandAI v4.7 — refined blue dark studio theme */
html[data-theme=dark]{--bg:#080d15;--panel:#0d1521;--text:#f2f6fc;--muted:#8d9bb0;--line:#223247;--primary:#2497f2;--primary2:#6851ed;--cyan:#21c4ed;--shadow:none;--shadow-hover:none;--radius:16px}
html[data-theme=dark] body{background-color:#080d15;background-image:radial-gradient(circle at 1px 1px,rgba(45,151,242,.13) 1px,transparent 0);background-size:34px 34px;color:var(--text)}
html[data-theme=dark] ::selection{color:#fff;background:#2b83dc}
html[data-theme=dark] .app-main,html[data-theme=dark] .app-content,html[data-theme=dark] .section,html[data-theme=dark] .landing-home,html[data-theme=dark] .landing-final-cta,html[data-theme=dark] .auth-document,html[data-theme=dark] .auth-premium-page{background:#080808}
html[data-theme=dark] .member-page .sidebar{border-color:#242424;background:#0c0c0c;color:#9d9b96;box-shadow:none}
html[data-theme=dark] .side-user,html[data-theme=dark] .side-collapse{border-color:#292929;background:#121212;box-shadow:none}
html[data-theme=dark] .side-user strong,html[data-theme=dark] .app-top h2{color:#f7f6f2}
html[data-theme=dark] .side-user span,html[data-theme=dark] .side-label{color:#6f6d69}
html[data-theme=dark] .member-page .side-nav a{color:#9a9893}
html[data-theme=dark] .member-page .side-nav a:hover{color:#fff;background:#171717}
html[data-theme=dark] .member-page .side-nav a.active{color:#fff;background:linear-gradient(100deg,#168cf1,#6552ed)}
html[data-theme=dark] .member-page .side-nav a.active:before{display:none}
html[data-theme=dark] .side-nav-icon,html[data-theme=dark] .member-page .side-nav a:hover .side-nav-icon{border-color:#294a68;color:#72bfff;background:#10263b;box-shadow:none}
html[data-theme=dark] .member-page .side-nav a.active .side-nav-icon{border-color:rgba(0,0,0,.16);color:#111;background:rgba(255,255,255,.36);box-shadow:none}
html[data-theme=dark] .app-top,html[data-theme=dark] .public-topbar{border-color:#242424;background:rgba(8,8,8,.94);box-shadow:none}
html[data-theme=dark] .credit-pill,html[data-theme=dark] .landing-theme-toggle,html[data-theme=dark] .notification-bell{border:1px solid #284765;color:#83c7ff;background:#0e2134;box-shadow:none}
html[data-theme=dark] .btn-primary{border-color:#238ce4;color:#fff;background:linear-gradient(100deg,#168cf1,#6552ed);box-shadow:none}
html[data-theme=dark] .btn-primary:hover{border-color:#55adf5;background:linear-gradient(100deg,#2b9bf4,#7661f2);box-shadow:none}
html[data-theme=dark] .btn-secondary,html[data-theme=dark] .landing-btn-ghost,html[data-theme=dark] .auth-secondary-action{border-color:#2d2d2d;color:#e7e5df;background:#111;box-shadow:none}
html[data-theme=dark] .btn-secondary:hover,html[data-theme=dark] .landing-btn-ghost:hover{border-color:#3c6081;color:#8dccff;background:#10243a}
html[data-theme=dark] .card,html[data-theme=dark] .panel,html[data-theme=dark] .feature-card,html[data-theme=dark] .table-card,html[data-theme=dark] .admin-users-list{border-color:#242424;background:#0f0f0f;box-shadow:none}
html[data-theme=dark] .card:hover,html[data-theme=dark] .panel:hover,html[data-theme=dark] .tool-card:hover{border-color:#315779;box-shadow:none}
html[data-theme=dark] .page-head h1,html[data-theme=dark] .page-head h2,html[data-theme=dark] .panel h3,html[data-theme=dark] .stat-value,html[data-theme=dark] .tool-card h3{color:#f4f3ef}
html[data-theme=dark] .dashboard-discover,html[data-theme=dark] .watermark-hero,html[data-theme=dark] .auth-premium-side{border-color:#263a52;background:radial-gradient(circle at 12% 15%,rgba(38,150,239,.12),transparent 28%),#0b1420;box-shadow:none}
html[data-theme=dark] #dashboard-title span,html[data-theme=dark] .creative-intro-copy h2 em,html[data-theme=dark] .landing-hero h1 span,html[data-theme=dark] .landing-section-head h2 span,html[data-theme=dark] .landing-showcase-head h2 span{color:#4db3f5;background:none;-webkit-text-fill-color:#4db3f5}
html[data-theme=dark] .dashboard-create-dock,html[data-theme=dark] .dashboard-stats>.stat,html[data-theme=dark] .dashboard-tool-grid .tool-card,html[data-theme=dark] .dashboard-showcase-card,html[data-theme=dark] .dashboard-showcase-empty{border-color:#252525;background:#111;box-shadow:none}
html[data-theme=dark] .dashboard-section-kicker,html[data-theme=dark] .dashboard-tool-link,html[data-theme=dark] .creative-kicker,html[data-theme=dark] .video-studio-kicker,html[data-theme=dark] .workflow-kicker,html[data-theme=dark] .admin-kicker{color:#55b6f5}
html[data-theme=dark] .tool-icon,html[data-theme=dark] .dashboard-create-spark,html[data-theme=dark] .workflow-card-icon,html[data-theme=dark] .landing-feature-icon,html[data-theme=dark] .landing-step-icon{border:1px solid #294b69;color:#79c4ff;background:linear-gradient(145deg,#102a40,#232348);box-shadow:none}
html[data-theme=dark] .creative-result-stage,html[data-theme=dark] .result-preview,html[data-theme=dark] .creative-composer-card,html[data-theme=dark] .creative-composer-toolbar,html[data-theme=dark] .creative-tool-chip,html[data-theme=dark] .creative-segment,html[data-theme=dark] .creative-inline-select,html[data-theme=dark] .creative-tip,html[data-theme=dark] .video-studio-card,html[data-theme=dark] .video-studio-head,html[data-theme=dark] .video-composer,html[data-theme=dark] .video-composer-toolbar,html[data-theme=dark] .video-mode-trigger,html[data-theme=dark] .video-ratio-control,html[data-theme=dark] .video-tip,html[data-theme=dark] .video-file-card{border-color:#282828;background:#101010;box-shadow:none}
html[data-theme=dark] .creative-segment input:checked+span,html[data-theme=dark] .video-ratio-option input:checked+span,html[data-theme=dark] .workflow-type-options input:checked+span{border-color:#3c8fdb;color:#dff1ff;background:#153a5a;box-shadow:none}
html[data-theme=dark] .form-control,html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] textarea,html[data-theme=dark] select{border-color:#2c2c2c;color:#eee;background:#111}
html[data-theme=dark] .form-control:focus{border-color:#4a8edf;outline-color:#163451}
html[data-theme=dark] .table th,html[data-theme=dark] .admin-users-list-head{color:#85827c;background:#0c0c0c}
html[data-theme=dark] .table th,html[data-theme=dark] .table td,html[data-theme=dark] .admin-user-row{border-color:#242424}
html[data-theme=dark] .table tr:hover td,html[data-theme=dark] .admin-user-row:hover{background:#14130f}
html[data-theme=dark] .code{color:#8dc4ff;background:#101f31}
html[data-theme=dark] .auth-premium-main{background:#080808}
html[data-theme=dark] .auth-form-eyebrow,html[data-theme=dark] .landing-kicker{border-color:#2a4e70;color:#76c0f7;background:#10263b}
html[data-theme=dark] .landing-hero,html[data-theme=dark] .landing-features,html[data-theme=dark] .landing-benefits,html[data-theme=dark] .landing-faq,html[data-theme=dark] .landing-workflow,html[data-theme=dark] .landing-pricing,html[data-theme=dark] .landing-showcase-section{background:#080808}
html[data-theme=dark] .landing-feature-card,html[data-theme=dark] .landing-step-card,html[data-theme=dark] .landing-price-card,html[data-theme=dark] .landing-dashboard-preview,html[data-theme=dark] .landing-studio-card{border-color:#272727;background:#0f0f0f;box-shadow:none}
html[data-theme=dark] .landing-price-card.featured{border-color:#4d66c7;box-shadow:inset 0 0 0 1px rgba(66,148,238,.16)}
html[data-theme=dark] .badge-featured,html[data-theme=dark] .landing-featured-badge{color:#fff;background:linear-gradient(100deg,#168cf1,#6552ed)}
html[data-theme=dark] input[type=checkbox],html[data-theme=dark] input[type=radio]{accent-color:#288fea}
html[data-theme=dark] .status.processing,html[data-theme=dark] .status.pending,html[data-theme=dark] .status.queued{color:#ffd36b;background:#2c2410}
@media(max-width:800px){html[data-theme=dark] .member-page .sidebar{box-shadow:18px 0 55px rgba(0,0,0,.58)}}

/* BerandAI v4.7.2 — close remaining light surfaces in dark mode */
html[data-theme=dark] .flash{color:#dce6f3!important;background:#0f1f33!important}
html[data-theme=dark] .video-no-upload{border-color:#29415d;color:#9ecbff;background:#101f33}
html[data-theme=dark] .video-no-upload strong{color:#cfe6ff}
html[data-theme=dark] .video-no-upload p{color:#8fa4bd}
html[data-theme=dark] .video-no-upload>span,
html[data-theme=dark] .video-mode-trigger-icon,
html[data-theme=dark] .creative-empty-icon,
html[data-theme=dark] .creative-audio-icon,
html[data-theme=dark] .creative-tool-icon,
html[data-theme=dark] .watermark-action-title>span,
html[data-theme=dark] .eyebrow,
html[data-theme=dark] .gallery-result-count,
html[data-theme=dark] .video-tip>span,
html[data-theme=dark] .creative-tip>span,
html[data-theme=dark] .landing-float-chip,
html[data-theme=dark] .image-art-spark,
html[data-theme=dark] .landing-plan-icon,
html[data-theme=dark] .landing-tool-preview>span{border-color:#294b69;color:#79c4ff;background:linear-gradient(145deg,#102a40,#232348);box-shadow:none}
html[data-theme=dark] .watermark-progress{background:#213248}
html[data-theme=dark] .member-page .side-nav a.active .side-nav-icon{border-color:rgba(255,255,255,.18);color:#fff;background:rgba(8,13,21,.72)}
html[data-theme=dark] .landing-final-primary{border-color:#345778;color:#e7f3ff;background:#11253b}
html[data-theme=dark] .creative-result-live>img{background:#0b1420}

/* BerandAI v4.7.4 — shared media skeleton and resilient temporary media states */
.media-loading-host{position:relative;overflow:hidden}.media-loading-host:before,.media-loading-host:after{content:"";position:absolute;z-index:5;pointer-events:none}.media-loading-host:before{inset:0;background:linear-gradient(145deg,#e8eef7,#f5f8fc)}.media-loading-host:after{inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.52) 48%,transparent 72%);background-size:220% 100%;animation:mediaSkeletonSweep 1.15s linear infinite}.media-loading-host .gallery-type-badge,.media-loading-host .gallery-status-badge{z-index:6}.media-unavailable{max-width:470px;padding:34px;text-align:center;color:#73839a}.media-unavailable[hidden],[data-result-actions][hidden]{display:none!important}.media-unavailable>span{display:grid;width:54px;height:54px;margin:0 auto 13px;place-items:center;border-radius:17px;color:#b73b4d;background:#fff0f2;font-size:24px}.media-unavailable strong{display:block;color:#283f62}.media-unavailable p{margin:7px 0 17px;font-size:12px}.media-unavailable form{display:flex;justify-content:center}
html[data-theme=dark] .dashboard-video-fallback{color:#91c9ff;background:linear-gradient(145deg,#10243a,#171c38)}
html[data-theme=dark] .btn-watermark{border-color:#3b3266!important;color:#c6b9ff!important;background:linear-gradient(135deg,#17152b,#242044)!important;box-shadow:none}
html[data-theme=dark] .btn-watermark:hover{border-color:#6655a8!important;color:#e0d9ff!important;background:#29234c!important}
html[data-theme=dark] .media-unavailable{color:#92a5bd}html[data-theme=dark] .media-unavailable>span{color:#ff8d9c;background:#351923}html[data-theme=dark] .media-unavailable strong{color:#e4edf8}
html[data-theme=dark] .media-loading-host:before{background:linear-gradient(145deg,#101d2d,#18273b)}html[data-theme=dark] .media-loading-host:after{background-image:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.07) 48%,transparent 72%)}
@media(prefers-reduced-motion:reduce){.media-loading-host:after{animation:none}}

/* BerandAI v4.7.5 — paged collections, user filters, compact API endpoints */
.admin-users-filter{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(135px,.65fr) minmax(150px,.7fr) auto;align-items:end;gap:12px;padding:16px;margin-bottom:12px}.admin-users-filter label{display:grid;gap:6px}.admin-users-filter label>span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.admin-users-filter .form-control{min-height:43px;margin:0;font-size:11px}.admin-users-filter-actions{display:flex;gap:7px}.admin-users-resultbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 13px;color:var(--muted);font-size:10px}.admin-users-resultbar strong{color:#236cc5;font-size:13px}.api-log-endpoint{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:min(330px,34vw)}.api-log-endpoint code{display:block;overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.api-log-endpoint button{padding:5px 7px;border:1px solid var(--line);border-radius:8px;color:#246cc3;background:var(--panel);font-size:9px;font-weight:850;cursor:pointer}.api-log-endpoint button.is-copied{border-color:#98dfca;color:#087756;background:#e8f9f2}
html[data-theme=dark] .api-log-endpoint button{border-color:#29415d;color:#8dc4ff;background:#101f31}html[data-theme=dark] .api-log-endpoint button.is-copied{border-color:#235f4e;color:#8de2c5;background:#102b24}
@media(max-width:900px){.admin-users-filter{grid-template-columns:1fr 1fr}.admin-users-filter label:first-child{grid-column:1/-1}.admin-users-filter-actions{justify-content:flex-end}}
@media(max-width:600px){.admin-users-filter{grid-template-columns:1fr}.admin-users-filter label:first-child{grid-column:auto}.admin-users-filter-actions{display:grid;grid-template-columns:1fr 1fr}.admin-users-resultbar{align-items:flex-start;flex-direction:column}.api-log-endpoint{width:260px}}
@media(max-width:540px){.auth-premium-page,.auth-premium-main,.auth-premium-box,.auth-form,.auth-form-heading{min-width:0;max-width:100%}.auth-premium-main{overflow-x:hidden}.auth-form-heading h2,.auth-form-heading p{overflow-wrap:anywhere}.auth-form .form-control,.auth-submit,.auth-secondary-action{max-width:100%}}

/* BerandAI v4.8.0 — thumb-friendly Telegram-style mobile navigation */
.mobile-bottom-nav,.mobile-nav-symbols{display:none}
@media(max-width:800px){
  .member-page .app-shell{display:block;height:calc(100dvh - 72px - max(8px,env(safe-area-inset-bottom)));min-height:0}
  .member-page .app-main{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .member-page .app-content{padding-bottom:16px!important}.member-page.mobile-menu-open,.member-page.mobile-menu-open .app-main{overflow:hidden}
  .member-page .mobile-side-toggle{display:none!important}.member-page .side-collapse,.member-page .side-brand{display:none!important}
  .member-page .sidebar{position:fixed;z-index:95;inset:auto 10px calc(76px + env(safe-area-inset-bottom)) 10px;visibility:hidden;width:auto;height:min(70dvh,620px);max-height:calc(100dvh - 100px);padding:25px 12px 12px;border:1px solid #dce6f2;border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(20,45,80,.24);opacity:0;transform:translateY(calc(100% + 100px));transition:transform .24s ease,opacity .2s ease,visibility .24s;backdrop-filter:blur(18px)}
  .member-page .sidebar:before{content:"";position:absolute;top:9px;left:50%;width:42px;height:4px;border-radius:999px;background:#cbd6e4;transform:translateX(-50%)}
  .member-page .sidebar.open{left:10px;visibility:visible;opacity:1;transform:none}.member-page .sidebar .side-user{margin:0 0 10px}.member-page .sidebar .side-nav{padding:0 2px max(12px,env(safe-area-inset-bottom))}.member-page .sidebar .side-nav a{min-height:50px}
  .member-page .overlay.show{display:block;position:fixed;z-index:90;inset:0;background:rgba(6,18,35,.48);backdrop-filter:blur(3px)}
  .mobile-bottom-nav{position:fixed;z-index:100;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:start;min-height:68px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #dce5f0;background:rgba(255,255,255,.96);box-shadow:0 -10px 35px rgba(25,52,89,.1);backdrop-filter:blur(18px)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;min-width:0;min-height:55px;padding:5px 2px;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;border-radius:13px;color:#7d8ba0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mobile-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-bottom-nav b{overflow:hidden;max-width:100%;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mobile-bottom-nav .active{color:#1684e8;background:#edf6ff}.mobile-bottom-nav .active svg{stroke-width:2.15}
  html[data-theme=dark] .member-page .sidebar{border-color:#2b3441;background:rgba(15,15,15,.98);box-shadow:0 24px 75px rgba(0,0,0,.62)}html[data-theme=dark] .member-page .sidebar:before{background:#4b5360}html[data-theme=dark] .mobile-bottom-nav{border-color:#292929;background:rgba(12,12,12,.96);box-shadow:0 -12px 36px rgba(0,0,0,.38)}html[data-theme=dark] .mobile-bottom-nav a,html[data-theme=dark] .mobile-bottom-nav button{color:#888d96}html[data-theme=dark] .mobile-bottom-nav .active{color:#74bdff;background:#10263b}
}
@media(min-width:621px) and (max-width:800px){.member-page .app-shell{height:calc(100dvh - 68px - env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.member-page .sidebar{transition:none}}

/* BerandAI v4.8.1 — themed member header and safe expired-media fallback */
.app-top-heading{display:flex;align-items:center;gap:12px;min-width:0}.app-header-brand{display:flex;align-items:center;flex:0 0 auto}.app-header-brand img{display:block;width:112px;height:auto;max-height:38px;object-fit:contain;object-position:left center}.side-mobile-logout{display:none}.media-brand-fallback{position:relative;background:linear-gradient(145deg,#e8eef7,#f5f8fc)!important}.media-brand-fallback:before{content:"";position:absolute;z-index:1;top:50%;left:50%;width:min(46%,180px);height:60px;transform:translate(-50%,-50%);background:url(../img/berandai-logo.png) center/contain no-repeat;filter:grayscale(1) drop-shadow(0 9px 16px rgba(17,39,72,.22));opacity:.12;pointer-events:none}.media-brand-fallback>*:not(.community-media-brand):not(.gallery-type-badge):not(.gallery-status-badge){position:relative;z-index:2}html[data-theme=dark] .media-brand-fallback{background:linear-gradient(145deg,#101d2d,#18273b)!important}html[data-theme=dark] .media-brand-fallback:before{background-image:url(../img/berandai-logo-white.png);filter:drop-shadow(0 9px 18px rgba(0,0,0,.48));opacity:.14}

/* BerandAI v4.8.4 — balanced desktop header controls */
@media(min-width:801px){
  .member-page .app-top{height:72px;padding-inline:24px}.member-page .app-top-heading{gap:16px}.member-page .app-header-brand{padding-right:16px;border-right:1px solid #e3e9f2}.member-page .app-header-brand img{width:116px;max-height:38px}.member-page .app-top h2{font-size:19px;line-height:1.2;letter-spacing:-.02em}
  .member-page .top-actions{gap:10px}.member-page .app-theme-toggle,.member-page .notification-bell,.member-page .credit-pill,.member-page .top-actions form .btn{height:40px;min-height:40px}.member-page .app-theme-toggle{padding:4px 11px 4px 5px}.member-page .notification-bell{width:40px;flex-basis:40px;border-radius:12px}.member-page .credit-pill{display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #dbe8f5;border-radius:12px}.member-page .top-actions form .btn{gap:7px;padding:0 13px;border-radius:12px}
}
.header-action-icon{display:block;width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.credit-pill .header-action-icon{color:#2782dd}.notification-bell .header-action-icon{width:18px;height:18px}
html[data-theme=dark] .member-page .app-header-brand{border-color:#292929}html[data-theme=dark] .member-page .credit-pill{border-color:#284765;background:#0e2134}html[data-theme=dark] .credit-pill .header-action-icon{color:#72bfff}
@media(max-width:800px){
  .member-page .app-top{height:62px;padding-inline:12px}.member-page .app-top-heading{flex:0 1 auto}.member-page .app-top-heading>h2{display:none}.app-header-brand{display:flex;align-items:center;min-width:0}.member-page .app-header-brand{padding-right:0;border-right:0}.app-header-brand img{display:block;width:118px;height:auto;max-height:40px;object-fit:contain;object-position:left center}.member-page .top-actions{margin-left:auto}.member-page .app-theme-toggle{width:36px;padding:4px}.member-page .app-theme-toggle b{display:none}.member-page .app-top>.top-actions>form{display:none}
  .side-mobile-logout{display:block;flex:0 0 auto;margin-top:8px;padding-top:9px;border-top:1px solid #e3eaf3}.side-mobile-logout button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;color:#b23949;background:#fff0f2;font-size:11px;font-weight:900;cursor:pointer}html[data-theme=dark] .side-mobile-logout{border-color:#292929}html[data-theme=dark] .side-mobile-logout button{color:#ff9ba9;background:#30151c}
}
@media(max-width:380px){.app-header-brand img{width:104px}.member-page .top-actions{gap:4px}.member-page .top-actions .credit-pill{max-width:82px;padding-inline:7px}}

/* Browser-side Extend Video stitching */
.video-combine-panel{display:grid;gap:12px;margin-top:14px;padding:15px;border:1px solid #d9e6f5;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#f7f5ff);box-shadow:0 10px 32px rgba(27,65,118,.06)}.video-combine-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.video-combine-head>div{display:grid;gap:3px}.video-combine-head strong{color:#203a62;font-size:12px}.video-combine-head small{max-width:680px;color:#74859f;font-size:10px;line-height:1.5}.video-combine-head>span{flex:0 0 auto;padding:5px 8px;border:1px solid #cae1fa;border-radius:999px;background:#eaf5ff;color:#2472cb;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.video-combine-progress{display:grid;gap:7px}.video-combine-progress>div{display:flex;justify-content:space-between;gap:12px;color:#5f7392;font-size:9px;font-weight:800}.video-combine-progress progress{display:block;width:100%;height:7px;overflow:hidden;border:0;border-radius:99px;background:#e1eaf5}.video-combine-progress progress::-webkit-progress-bar{background:#e1eaf5}.video-combine-progress progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#168ff1,#6b45ee)}.video-combine-progress progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#168ff1,#6b45ee)}.video-combine-error{margin:0;padding:9px 11px;border:1px solid #f1c7cb;border-radius:10px;background:#fff1f2;color:#a13743;font-size:10px;line-height:1.5}.video-combine-actions{display:flex;gap:8px;flex-wrap:wrap}.video-scene-downloads{border-top:1px solid #dde7f2;padding-top:10px}.video-scene-downloads summary{cursor:pointer;color:#607594;font-size:9px;font-weight:850}.video-scene-downloads>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.video-scene-downloads a{padding:6px 8px;border:1px solid #d9e5f3;border-radius:9px;background:#fff;color:#3474c4;font-size:8px;font-weight:850}
html[data-theme=dark] .video-combine-panel{border-color:#293d57;background:linear-gradient(135deg,#101f32,#131d35);box-shadow:none}html[data-theme=dark] .video-combine-head strong{color:#e2ebf7}html[data-theme=dark] .video-combine-head small{color:#91a3b9}html[data-theme=dark] .video-combine-head>span{border-color:#315070;background:#142b43;color:#91c7ff}html[data-theme=dark] .video-combine-progress>div{color:#a4b5ca}html[data-theme=dark] .video-combine-progress progress,html[data-theme=dark] .video-combine-progress progress::-webkit-progress-bar{background:#22364d}html[data-theme=dark] .video-combine-error{border-color:#6d3440;background:#311820;color:#ffb4bd}html[data-theme=dark] .video-scene-downloads{border-color:#293d57}html[data-theme=dark] .video-scene-downloads summary{color:#a9bad0}html[data-theme=dark] .video-scene-downloads a{border-color:#304963;background:#13263b;color:#9dccff}
@media(max-width:600px){.video-combine-head{flex-direction:column}.video-combine-actions{display:grid;grid-template-columns:1fr}.video-combine-actions .btn{width:100%}.video-scene-downloads>div{display:grid;grid-template-columns:1fr 1fr}.video-scene-downloads a{text-align:center}.temporary-result-notice [data-video-combine-start]{grid-column:1/-1;width:100%}}

/* BerandAI v4.8.5 — lightweight gallery posters and previews */
.dashboard-showcase-card>.media-brand-fallback{z-index:0}.generation-gallery-media>.media-brand-fallback,.admin-generation-media>.media-brand-fallback{position:absolute;inset:0}.admin-audio-preview small{color:#8392a7;font-size:9px;text-align:center}.creative-result-live>.creative-empty-state{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;overflow:hidden}
html[data-theme=dark] .admin-audio-preview small{color:#91a3b9}

/* BerandAI v4.8.8 — scroll-safe mobile process sheets */
.video-extend-close{display:none;position:absolute;z-index:2;right:12px;top:10px;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;place-items:center;color:var(--muted);background:var(--panel);font-size:21px;line-height:1;cursor:pointer}
@media(max-width:600px){.video-extend-panel[open]:before{content:"";position:fixed;z-index:11;inset:0;background:rgba(3,12,27,.62);backdrop-filter:blur(5px)}.video-extend-panel>form{top:max(10px,env(safe-area-inset-top));bottom:max(10px,env(safe-area-inset-bottom));max-height:none;padding:52px 17px max(19px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.video-extend-close{display:grid}.video-extend-panel textarea{min-height:128px}.video-extend-panel form>div:last-child{padding-bottom:4px}}
@media(max-width:620px){.generate-transition,.berandai-dialog-overlay{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.generate-transition-card{max-height:calc(100dvh - 20px);overflow-y:auto}.berandai-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.watermark-upgrade-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}}

/* BerandAI v4.8.9 — one logo per viewport */
@media(min-width:801px){.member-page .app-header-brand{display:none!important}}
@media(max-width:800px){.member-page .side-brand{display:none!important}.member-page .app-header-brand{display:flex!important}}

/* BerandAI v4.8.10 — clean mobile gallery with static posters */
@media(max-width:620px){
  .dashboard-discover{gap:18px;padding:20px 12px 16px}.dashboard-discover-copy h1{font-size:clamp(32px,10.4vw,40px);line-height:1.04}.dashboard-discover-copy>p{font-size:11px;line-height:1.65}.dashboard-create-dock{margin-top:17px}.dashboard-create-chips{margin-top:10px}
  .dashboard-showcase{display:flex;height:auto;gap:10px;padding:2px 1px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;filter:none}.dashboard-showcase::-webkit-scrollbar{display:none}.dashboard-showcase-card,.dashboard-showcase-card.showcase-1,.dashboard-showcase-card.showcase-2,.dashboard-showcase-card.showcase-3,.dashboard-showcase-card.showcase-4,.dashboard-showcase-card.showcase-5{display:block;flex:0 0 84%;aspect-ratio:16/10;scroll-snap-align:start}.dashboard-showcase-orb{display:none}.dashboard-showcase-empty{flex:0 0 100%;min-height:190px}
}

/* BerandAI v4.8.14 — precise mobile controls and reliable image-first previews */
.credit-pill{display:inline-flex;min-width:0;align-items:center;white-space:nowrap}.credit-pill-value,.credit-pill-label{display:inline}.creative-image-result{position:relative;display:grid;flex:1;min-height:275px;overflow:hidden;border-radius:15px;background:#f3f6fb}.creative-image-result>.creative-empty-state,.creative-image-result>img{grid-area:1/1;width:100%;height:100%}.creative-image-result>.creative-empty-state{min-height:275px}.creative-image-result>img{position:relative;z-index:2;display:block;object-fit:contain;background:transparent}.generation-action-row,.admin-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
html[data-theme=dark] .creative-image-result{background:#0b1420}
@media(max-width:800px){
  .member-page .app-top{padding-inline:10px}.member-page .app-top-heading{min-width:0;flex:1 1 auto}.member-page .app-header-brand img{width:106px;max-height:36px}.member-page .top-actions{min-width:0;flex:0 0 auto;gap:6px}.member-page .app-theme-toggle,.member-page .notification-bell,.member-page .credit-pill{height:36px;min-height:36px}.member-page .credit-pill{gap:5px;padding:0 9px;border-radius:11px;font-size:11px}.member-page .credit-pill .header-action-icon{width:15px;height:15px;flex-basis:15px}
  .member-page .btn{min-width:0;max-width:100%;white-space:normal;text-align:center;line-height:1.25}.admin-page-actions{width:100%;margin-top:0}.admin-page-actions .btn{flex:1 1 180px}.creative-image-result,.creative-image-result>.creative-empty-state{min-height:210px}
}
@media(max-width:620px){
  .generation-action-row{display:grid;grid-template-columns:1fr;margin-top:14px}.generation-action-row>.btn,.generation-action-row>.video-extend-panel,.generation-action-row>.video-extend-panel>summary{width:100%}.member-page dialog form>div[style*="display:flex"]{display:grid!important;grid-template-columns:1fr!important}.member-page dialog form>div[style*="display:flex"]>.btn{width:100%}.member-page .page-head>.btn,.member-page .page-head>form,.member-page .page-head>form>.btn{width:100%}.creative-image-result,.creative-image-result>.creative-empty-state{min-height:175px}
}
@media(max-width:390px){
  .member-page .app-header-brand img{width:96px}.member-page .top-actions{gap:4px}.member-page .credit-pill{max-width:none;padding-inline:7px}.member-page .credit-pill-label{display:none}.member-page .notification-bell,.member-page .app-theme-toggle{width:34px;height:34px;min-height:34px;flex-basis:34px}.member-page .credit-pill{height:34px;min-height:34px}
}
@media(max-width:340px){.member-page .app-top{padding-inline:7px}.member-page .app-header-brand img{width:86px}.member-page .top-actions{gap:3px}.member-page .credit-pill{padding-inline:6px;font-size:10px}}

/* BerandAI v4.8.15 — Pro clean-to-extend and generation clarity */
.generation-progress-percent{display:inline-flex;margin-top:13px;padding:6px 10px;border:1px solid #cfe2f8;border-radius:999px;color:#2572cc;background:#edf6ff;font-size:11px;font-weight:950}.generation-progress-rail.is-determinate span{width:var(--generation-progress,5%);animation:none;transition:width .65s ease}.generation-progress.is-complete .generation-progress-rail span{width:100%}.generation-action-row{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:9px}.generation-action-row>.btn,.generation-action-row>.video-extend-panel,.generation-action-row>.video-extend-panel>summary{width:100%;min-height:43px}.generation-action-row>.video-extend-panel>summary{list-style:none}.generation-action-row>.video-extend-panel>summary::-webkit-details-marker{display:none}.generation-cleaned-badge{display:flex;min-height:43px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #bde8d8;border-radius:12px;color:#087756;background:#eaf9f3;font-size:10px;font-weight:900;text-align:center}.generation-detail-card{overflow:hidden;padding:0!important}.generation-detail-heading{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fbff,#f7f5ff)}.generation-detail-heading>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:12px;color:#2f73d1;background:#eaf4ff;font-size:17px}.generation-detail-heading small{display:block;color:#7e8da5;font-size:8px;font-weight:950;letter-spacing:.1em}.generation-detail-heading h3{margin:2px 0 0;font-size:17px}.generation-detail-list{gap:0;padding:12px 18px}.generation-detail-list .detail-row{min-height:43px;align-items:center;margin:0;padding:9px 0}.generation-detail-list .detail-row:last-child{border-bottom:0}.generation-detail-list .detail-row>span:first-child{font-size:11px;font-weight:750}.generation-detail-list .detail-row>strong,.generation-detail-list .detail-row>a{max-width:62%;text-align:right;overflow-wrap:anywhere}.detail-row-job>span:last-child{display:flex;min-width:0;max-width:68%;align-items:center;gap:6px}.detail-row-job code{overflow:hidden;min-width:0;padding:4px 6px;border-radius:7px;color:#4b6382;background:#f1f5fa;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.detail-row-job button{flex:0 0 auto;padding:5px 7px;border:1px solid #d7e4f2;border-radius:7px;color:#2b70c9;background:#f7fbff;font-size:8px;font-weight:900;cursor:pointer}.detail-cleaned{color:#087756}.detail-pending-clean{color:#a36b08}.generation-detail-prompt{padding:0 18px 18px;border-top:1px solid var(--line)}.generation-detail-prompt .generation-prompt-head{margin-top:16px}.watermark-actions #continueExtendBtn{grid-column:1/-1}.watermark-actions .btn{width:100%;line-height:1.25;text-align:center}
html[data-theme=dark] .generation-progress-percent{border-color:#2b506f;color:#9dceff;background:#132b43}html[data-theme=dark] .generation-cleaned-badge{border-color:#245746;color:#8ce2c2;background:#11332a}html[data-theme=dark] .generation-detail-heading{border-color:#293d57;background:linear-gradient(135deg,#101f32,#171a34)}html[data-theme=dark] .generation-detail-heading>span{color:#9dceff;background:#17314d}html[data-theme=dark] .generation-detail-heading h3{color:#e5edf8}html[data-theme=dark] .generation-detail-prompt{border-color:#293d57}html[data-theme=dark] .detail-row-job code{color:#a9bfd9;background:#14263b}html[data-theme=dark] .detail-row-job button{border-color:#304b68;color:#9dccff;background:#142a43}html[data-theme=dark] .detail-cleaned{color:#82ddbc}html[data-theme=dark] .detail-pending-clean{color:#f0c477}
@media(max-width:620px){.generation-action-row{grid-template-columns:1fr}.generation-detail-heading{padding:15px}.generation-detail-list{padding:9px 15px}.generation-detail-prompt{padding:0 15px 15px}.generation-detail-list .detail-row{gap:10px}.detail-row-job>span:last-child{max-width:64%}.generation-progress-percent{font-size:10px}}

/* BerandAI v4.8.16 — centered, viewport-safe continuation modal */
.video-extend-panel[open]{z-index:90}.video-extend-panel[open]::before{content:"";position:fixed;z-index:90;inset:0;background:rgba(3,12,27,.66);backdrop-filter:blur(6px)}.video-extend-panel>form{position:fixed;z-index:91;left:50%;right:auto;top:50%;bottom:auto;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:25px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translate(-50%,-50%)}.video-extend-close{display:grid;position:sticky;float:right;right:0;top:0;margin:-12px -12px 5px 12px}.video-extend-panel>form>label:first-of-type{padding-top:8px;font-size:14px}.generation-layout>.panel:first-child:has(.video-extend-panel[open]){overflow:visible}html.extend-modal-open,html.extend-modal-open body{overflow:hidden}
@media(max-width:600px){.video-extend-panel>form{left:50%;right:auto;top:50%;bottom:auto;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:19px;transform:translate(-50%,-50%)}.video-extend-close{margin:-8px -8px 5px 10px}.video-extend-panel textarea{min-height:118px}}

/* BerandAI v4.8.17 — balanced result actions and explicit scene choice */
.generation-action-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:stretch}.generation-action-row>.btn,.generation-action-row>.video-extend-panel,.generation-action-row>.video-extend-panel>summary{min-width:0;height:52px;min-height:52px}.generation-action-row>.btn,.generation-action-row>.video-extend-panel>summary{display:flex;align-items:center;justify-content:center;padding:9px 12px;font-size:11px;line-height:1.25;text-align:center;white-space:normal}.video-chain-decision,.generation-cleaned-status{display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;border:1px solid #cfe1f5;border-radius:14px;background:linear-gradient(135deg,#f5faff,#f8f6ff)}.video-chain-decision>span,.generation-cleaned-status>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#2389ed,#6848eb);font-weight:950}.video-chain-decision strong,.generation-cleaned-status strong{display:block;color:var(--text);font-size:11px}.video-chain-decision p,.generation-cleaned-status small{display:block;margin:2px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.generation-cleaned-status{border-color:#bde8d8;background:#eaf9f3}.generation-cleaned-status>span{background:#168663}.video-chain-decision b{color:#256fc9}html[data-theme=dark] .video-chain-decision{border-color:#2b4765;background:linear-gradient(135deg,#10243a,#171b36)}html[data-theme=dark] .generation-cleaned-status{border-color:#245746;background:#11332a}html[data-theme=dark] .video-chain-decision b{color:#9dccff}
@media(max-width:620px){.generation-action-row{grid-template-columns:1fr}.generation-action-row>.btn,.generation-action-row>.video-extend-panel,.generation-action-row>.video-extend-panel>summary{height:48px;min-height:48px}.video-chain-decision,.generation-cleaned-status{align-items:flex-start}.video-chain-decision p,.generation-cleaned-status small{font-size:9px}}

/* BerandAI v4.8.18 — reliable mobile posters and floating navigation dock */
.dashboard-showcase-card.media-ready>.media-brand-fallback,.generation-gallery-media.media-ready>.media-brand-fallback,.admin-generation-media.media-ready>.media-brand-fallback,.dashboard-showcase-card.is-video-still-ready>.media-brand-fallback,.generation-gallery-media.is-video-still-ready>.media-brand-fallback,.admin-generation-media.is-video-still-ready>.media-brand-fallback{opacity:0;visibility:hidden}.dashboard-showcase-card>.media-brand-fallback,.generation-gallery-media>.media-brand-fallback,.admin-generation-media>.media-brand-fallback{transition:opacity .2s ease,visibility .2s ease}
@media(max-width:800px){
  .member-page .app-content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .mobile-bottom-nav{right:10px;bottom:max(8px,env(safe-area-inset-bottom));left:10px;min-height:72px;padding:6px;border:1px solid rgba(207,220,237,.92);border-radius:23px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(20,47,85,.2),inset 0 1px rgba(255,255,255,.75);backdrop-filter:blur(22px) saturate(1.2)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;z-index:1;min-height:58px;padding:7px 2px 5px;gap:4px;border-radius:17px;transition:color .18s ease,transform .18s ease}.mobile-bottom-nav a:active,.mobile-bottom-nav button:active{transform:scale(.94)}
  .mobile-bottom-nav a::before,.mobile-bottom-nav button::before{content:"";position:absolute;z-index:-1;top:4px;left:50%;width:40px;height:34px;border-radius:13px;background:linear-gradient(135deg,#168cf1,#6550ed);box-shadow:0 7px 17px rgba(45,91,213,.28);opacity:0;transform:translateX(-50%) scale(.72);transition:opacity .18s ease,transform .18s ease}
  .mobile-bottom-nav svg{width:21px;height:21px;transition:color .18s ease,transform .18s ease}.mobile-bottom-nav b{font-size:8px;font-weight:850;letter-spacing:.01em}.mobile-bottom-nav .active{color:#176fd3;background:transparent}.mobile-bottom-nav .active::before{opacity:1;transform:translateX(-50%) scale(1)}.mobile-bottom-nav .active svg{color:#fff;stroke-width:2.1;transform:translateY(-1px)}
  html[data-theme=dark] .mobile-bottom-nav{border-color:rgba(48,63,82,.92);background:rgba(13,20,31,.92);box-shadow:0 16px 46px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04)}html[data-theme=dark] .mobile-bottom-nav a,html[data-theme=dark] .mobile-bottom-nav button{color:#8d9aad}html[data-theme=dark] .mobile-bottom-nav .active{color:#8dcbff;background:transparent}html[data-theme=dark] .mobile-bottom-nav .active svg{color:#fff}
}
@media(max-width:360px){.mobile-bottom-nav{right:6px;left:6px}.mobile-bottom-nav a,.mobile-bottom-nav button{padding-inline:1px}.mobile-bottom-nav b{font-size:7px}.mobile-bottom-nav a::before,.mobile-bottom-nav button::before{width:37px}}

/* BerandAI v4.8.19 — fixed mobile showcase mosaic */
@media(max-width:620px){
  .dashboard-showcase,.dashboard-showcase.items-1,.dashboard-showcase.items-2,.dashboard-showcase.items-3,.dashboard-showcase.items-4,.dashboard-showcase.items-5{display:grid;height:auto;gap:8px;padding:0;overflow:visible;scroll-snap-type:none;filter:none}
  .dashboard-showcase.items-1{grid-template-columns:1fr}.dashboard-showcase.items-2,.dashboard-showcase.items-3{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-showcase.items-4,.dashboard-showcase.items-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-showcase-card,.dashboard-showcase-card.showcase-1,.dashboard-showcase-card.showcase-2,.dashboard-showcase-card.showcase-3,.dashboard-showcase-card.showcase-4,.dashboard-showcase-card.showcase-5{display:block;grid-column:auto;grid-row:auto;min-width:0;aspect-ratio:1;border-width:3px;border-radius:15px;scroll-snap-align:none}
  .dashboard-showcase.items-1 .showcase-1{grid-column:1;aspect-ratio:16/10}.dashboard-showcase.items-3 .showcase-1{grid-column:1/-1;aspect-ratio:16/9}.dashboard-showcase.items-4 .showcase-1,.dashboard-showcase.items-5 .showcase-1{grid-column:1/-1;aspect-ratio:16/9}
  .dashboard-showcase-card>b{left:8px;bottom:7px;font-size:7px}.dashboard-showcase-empty{grid-column:1/-1;grid-row:auto;min-height:180px}
}

/* BerandAI v4.8.20 — compact mobile dashboard */
@media(max-width:620px){
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 22px}.dashboard-stats>.stat{min-height:92px;padding:12px 13px;border-radius:15px}.dashboard-stats .stat-label{font-size:8px;line-height:1.2}.dashboard-stats .stat-value{margin-top:5px;font-size:22px;line-height:1.12}.dashboard-stats .dashboard-plan-name{font-size:18px}.dashboard-stats .stat-sub{margin-top:3px;font-size:8px;line-height:1.35}
  .dashboard-create-section{margin-bottom:23px}.dashboard-section-heading.compact{margin-bottom:9px}.dashboard-section-heading.compact h2{font-size:18px}.dashboard-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;overflow:visible;scroll-snap-type:none}.dashboard-tool-grid .tool-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px;min-width:0;min-height:88px;padding:11px;border-radius:15px;scroll-snap-align:none}.dashboard-tool-grid .tool-icon{grid-row:1/3;width:36px;height:36px;margin:0;border-radius:11px;font-size:16px}.dashboard-tool-grid .tool-card>div:nth-child(2){min-width:0}.dashboard-tool-grid .tool-card h3{margin:0;font-size:11px;line-height:1.25}.dashboard-tool-grid .tool-card p{display:none}.dashboard-tool-link{grid-column:2;margin:0;font-size:9px;line-height:1.2}
  .generation-gallery-section{padding-bottom:18px}.gallery-heading-row{gap:8px;margin-bottom:9px}.gallery-heading-row h2{font-size:19px}.gallery-heading-row>div>p{display:none}.generation-gallery-section .temporary-result-notice-compact{grid-template-columns:32px minmax(0,1fr);gap:9px;margin-bottom:10px;padding:9px 10px;border-radius:13px}.generation-gallery-section .temporary-result-notice-compact>span{width:32px;height:32px;border-radius:10px;font-size:16px}.generation-gallery-section .temporary-result-notice-compact strong{font-size:10px;line-height:1.35}.generation-gallery-section .temporary-result-notice-compact p{display:none}
  .gallery-toolbar{gap:7px;margin-bottom:10px;padding:6px;border-radius:14px}.gallery-filter-pills{gap:3px}.gallery-filter-button{gap:4px;padding:6px 7px;border-radius:9px;font-size:9px}.gallery-filter-button small{min-width:18px;height:18px;font-size:8px}.gallery-toolbar-right{gap:6px}.gallery-search,.gallery-status-filter{height:34px}.gallery-search{padding-inline:9px}.gallery-search input{font-size:10px}.gallery-status-filter{font-size:10px}
  .generation-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.generation-gallery-card{border-radius:14px}.generation-gallery-media{aspect-ratio:1}.generation-gallery-body{padding:9px}.gallery-card-meta{gap:5px;font-size:7px}.generation-gallery-body h3{min-height:27px;margin:5px 0 8px;font-size:9px;line-height:1.4}.gallery-card-footer{gap:5px;padding-top:7px}.gallery-credit{font-size:7px}.gallery-card-actions{gap:4px}.gallery-icon-button{width:27px;height:27px;border-radius:8px;font-size:11px}.gallery-type-badge,.gallery-status-badge{top:6px}.gallery-type-badge{left:6px;gap:4px;padding:4px 6px;border-radius:8px;font-size:7px}.gallery-status-badge{right:6px;padding:4px 6px;font-size:7px}.gallery-open-overlay{display:none}.gallery-visual-placeholder{gap:4px;padding:12px}.gallery-visual-placeholder strong{font-size:10px}.gallery-visual-placeholder small{font-size:8px}.gallery-big-icon{width:38px;height:38px;border-radius:12px;font-size:17px}
}
@media(max-width:340px){.dashboard-stats>.stat{min-height:87px;padding:11px}.dashboard-stats .stat-value{font-size:20px}.dashboard-tool-grid .tool-card{grid-template-columns:32px minmax(0,1fr);min-height:84px;padding:10px}.dashboard-tool-grid .tool-icon{width:32px;height:32px;font-size:14px}.dashboard-tool-grid .tool-card h3{font-size:10px}}

/* BerandAI v4.8.21 — balanced pagination controls */
.admin-generation-pagination>a,.community-pagination>a{display:inline-flex;width:min(150px,100%);min-width:0;min-height:40px;align-items:center;justify-content:center;padding:8px 12px;line-height:1.2;text-align:center;white-space:nowrap}.admin-generation-pagination>a:first-child,.community-pagination>a:first-child{justify-self:start}.admin-generation-pagination>a:last-child,.community-pagination>a:last-child{justify-self:end}
@media(max-width:760px){.admin-generation-pagination,.community-pagination{column-gap:8px}.admin-generation-pagination>a,.community-pagination>a{width:100%;min-height:42px;padding-inline:8px;font-size:10px}.admin-generation-pagination>a:first-child,.community-pagination>a:first-child{justify-self:stretch}.admin-generation-pagination>a:last-child,.community-pagination>a:last-child{justify-self:stretch}}

/* BerandAI v4.8.22 — consistent generator heading and lightweight skeleton */
.generator-page-head{align-items:center;margin-bottom:20px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 12px 36px rgba(31,60,105,.06)}.generator-page-title{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.generator-page-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid #dce9fa;border-radius:14px;color:#2478db;background:linear-gradient(135deg,#e9f6ff,#f0edff);font-size:20px}.generator-page-kicker{display:block;margin-bottom:2px;color:#3579ce;font-size:8px;font-weight:950;letter-spacing:.12em}.generator-page-head h1{margin:0;font-size:23px;line-height:1.2}.generator-page-head p{margin:3px 0 0;font-size:11px;line-height:1.45}.generator-cost-pill{display:grid;flex:0 0 auto;min-width:128px;padding:8px 11px;border:1px solid #dce9f8;border-radius:12px;color:#71829b;background:#f5faff;text-align:right}.generator-cost-pill small{font-size:8px}.generator-cost-pill strong{color:#176fd3;font-size:12px}.creative-composer-card,.video-studio-card{border-radius:18px}.creative-generate-button,.video-generate-btn{min-height:46px}.creative-tip,.video-tip{min-height:58px}
.media-loading-host:after{inset:0;width:auto;height:auto;transform:none;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.52) 48%,transparent 72%);background-size:220% 100%;filter:none;opacity:1;animation:mediaSkeletonSweep 1.15s linear infinite}@keyframes mediaSkeletonSweep{to{background-position:-220% 0}}html[data-theme=dark] .media-loading-host:after{background-image:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.07) 48%,transparent 72%);filter:none;opacity:1}
html[data-theme=dark] .generator-page-head{border-color:#282828;background:#101010;box-shadow:none}html[data-theme=dark] .generator-page-icon{border-color:#2b4059;color:#8bc6ff;background:linear-gradient(135deg,#10263d,#1b1b35)}html[data-theme=dark] .generator-page-kicker{color:#68bcf4}html[data-theme=dark] .generator-cost-pill{border-color:#293f58;color:#91a3b9;background:#112238}html[data-theme=dark] .generator-cost-pill strong{color:#91c9ff}
@media(max-width:620px){.generator-page-head{align-items:stretch;gap:10px;margin-bottom:14px;padding:12px;border-radius:15px}.generator-page-title{grid-template-columns:39px minmax(0,1fr);gap:9px}.generator-page-icon{width:39px;height:39px;border-radius:12px;font-size:17px}.generator-page-head h1{font-size:18px}.generator-page-head p{font-size:9px}.generator-cost-pill{display:flex;min-width:0;align-items:center;justify-content:space-between;padding:7px 9px;text-align:left}.generator-cost-pill strong{font-size:11px}.creative-composer-card,.video-studio-card{border-radius:16px}.creative-tip,.video-tip{min-height:52px}}
@media(prefers-reduced-motion:reduce){.media-loading-host:after{animation:none;background-position:center}}

/* BerandAI v4.8.23 — clean first-paint media cards */
.dashboard-video-fallback{display:none!important}.dashboard-showcase-card>b,.dashboard-showcase-shade{transition:opacity .18s ease}.dashboard-showcase-card.media-loading-host>b,.dashboard-showcase-card.media-loading-host>.dashboard-showcase-shade{opacity:0}.media-loading-host .gallery-type-badge,.media-loading-host .gallery-status-badge{visibility:hidden}

/* BerandAI v4.8.24 — focused mobile creation entry */
@media(max-width:620px){
  .dashboard-discover{gap:14px;padding:17px 12px 14px}.dashboard-discover-copy h1{font-size:clamp(30px,9.8vw,38px)}.dashboard-discover-copy>p{margin-top:10px;font-size:10px;line-height:1.55}.dashboard-create-chips{display:none!important}.dashboard-create-dock{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;margin-top:12px;padding:7px;border-radius:14px}.dashboard-create-spark{width:36px;height:36px;border-radius:11px}.dashboard-create-dock strong{font-size:10px}.dashboard-create-dock small{display:none}.dashboard-create-dock>a{grid-column:auto;min-height:36px;padding:0 10px;border-radius:10px;font-size:8px;white-space:nowrap}
  .dashboard-create-section{position:relative;margin-bottom:21px;padding:10px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 10px 30px rgba(31,60,105,.055);overflow:hidden}.dashboard-create-section:after{content:"";position:absolute;right:-38px;top:-46px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(38,132,238,.1),transparent 68%);pointer-events:none}.dashboard-section-heading.compact{position:relative;z-index:1;align-items:center;flex-direction:row;margin-bottom:8px}.dashboard-section-heading.compact h2{margin-top:1px;font-size:16px}.dashboard-section-heading.compact .dashboard-section-kicker{font-size:7px}.dashboard-tool-grid{position:relative;z-index:1}.dashboard-tool-grid .tool-card{grid-template-columns:30px minmax(0,1fr);min-height:68px;padding:8px;background:rgba(255,255,255,.72);box-shadow:none}.dashboard-tool-grid .tool-icon{width:30px;height:30px;border-radius:9px;font-size:14px}.dashboard-tool-grid .tool-card h3{font-size:9px}.dashboard-tool-link{font-size:7px}
  html[data-theme=dark] .dashboard-create-section{border-color:#282828;background:#101010;box-shadow:none}html[data-theme=dark] .dashboard-tool-grid .tool-card{border-color:#292929;background:#141414}
}
@media(max-width:340px){.dashboard-create-dock{grid-template-columns:32px minmax(0,1fr) auto}.dashboard-create-spark{width:32px;height:32px}.dashboard-create-dock>a{padding-inline:8px;font-size:7px}.dashboard-create-section{padding:9px}.dashboard-tool-grid .tool-card{min-height:66px;padding:7px}}

/* BerandAI v4.8.25 — native generator picker */
html.generator-picker-open,html.generator-picker-open body{overflow:hidden}.generator-picker-dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #dce6f3;border-radius:22px;color:var(--text);background:var(--panel);box-shadow:0 30px 90px rgba(14,38,76,.3);overflow:hidden}.generator-picker-dialog::backdrop{background:rgba(5,17,35,.58);backdrop-filter:blur(6px)}.generator-picker-dialog>form{display:grid;max-height:calc(100dvh - 30px);overflow-y:auto}.generator-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 21px 15px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f7fbff,#f8f5ff)}.generator-picker-head span{color:#3578ce;font-size:8px;font-weight:950;letter-spacing:.12em}.generator-picker-head h2{margin:3px 0 4px;font-size:22px;line-height:1.2}.generator-picker-head p{margin:0;color:var(--muted);font-size:11px}.generator-picker-head button{display:grid;width:34px;height:34px;flex:0 0 34px;padding:0;place-items:center;border:1px solid #dae5f2;border-radius:50%;color:#60728e;background:#fff;font-size:20px;cursor:pointer}.generator-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px}.generator-picker-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:82px;padding:12px;border:1px solid #dce6f2;border-radius:15px;background:#fff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.generator-picker-grid>a:hover,.generator-picker-grid>a:focus-visible{border-color:#bdd8f7;box-shadow:0 12px 28px rgba(37,76,132,.1);outline:0;transform:translateY(-2px)}.generator-picker-grid>a>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#2276d7;background:linear-gradient(135deg,#e9f6ff,#f0edff);font-size:18px}.generator-picker-grid>a>div{display:grid;min-width:0;gap:3px}.generator-picker-grid strong{font-size:11px}.generator-picker-grid small{color:var(--muted);font-size:8px;line-height:1.4}.generator-picker-grid b{color:#3b78c8;font-size:14px}.generator-picker-dialog[open]{animation:generatorPickerIn .18s ease-out}@keyframes generatorPickerIn{from{opacity:0;transform:translateY(10px) scale(.985)}}
html[data-theme=dark] .generator-picker-dialog{border-color:#2b2b2b;background:#101010}html[data-theme=dark] .generator-picker-head{border-color:#292929;background:linear-gradient(135deg,#111d2a,#171426)}html[data-theme=dark] .generator-picker-head h2{color:#f2f3f7}html[data-theme=dark] .generator-picker-head button{border-color:#343434;color:#aab3c0;background:#191919}html[data-theme=dark] .generator-picker-grid>a{border-color:#2c2c2c;background:#151515}html[data-theme=dark] .generator-picker-grid>a:hover,html[data-theme=dark] .generator-picker-grid>a:focus-visible{border-color:#35597b;background:#172130}html[data-theme=dark] .generator-picker-grid>a>span{color:#8ac7ff;background:linear-gradient(135deg,#132c45,#26213e)}
@media(max-width:480px){.generator-picker-dialog{width:calc(100% - 20px);border-radius:20px}.generator-picker-head{padding:17px 16px 13px}.generator-picker-head h2{font-size:19px}.generator-picker-grid{gap:8px;padding:12px}.generator-picker-grid>a{grid-template-columns:36px minmax(0,1fr);min-height:72px;padding:9px}.generator-picker-grid>a>span{width:36px;height:36px;border-radius:11px;font-size:16px}.generator-picker-grid b{display:none}.generator-picker-grid strong{font-size:10px}.generator-picker-grid small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.generator-picker-dialog[open]{animation:none}}

/* BerandAI v4.8.26 — consistent result panel layout */
.creative-studio-intro{grid-template-columns:1fr;width:min(1020px,100%);margin-inline:auto;padding:0}.video-studio-card>form{padding-top:22px}.creative-studio-shell,.video-studio-shell{gap:16px}
@media(max-width:760px){.video-studio-card>form{padding-top:16px}}
@media(max-width:520px){.video-studio-card>form{padding-top:12px}.creative-studio-intro{gap:0}}

/* BerandAI v4.8.27 — shared creative hero for every generator */
.generator-studio-hero{width:min(1020px,100%);margin:0 auto 18px;padding:5px 4px 9px}.generator-studio-hero .creative-intro-copy{max-width:760px;padding:4px 0}.generator-studio-hero .creative-intro-copy h2{max-width:700px;font-size:clamp(38px,4.2vw,58px)}.generator-studio-hero .creative-intro-copy h2 em{display:inline}.generator-studio-hero .creative-intro-copy>p{max-width:680px;margin-top:14px}.generator-studio-hero .creative-credit-mini{margin-top:15px}.generator-studio-hero.creative-studio-video .creative-intro-copy h2 em{color:#5c55ed}.generator-studio-hero.creative-studio-video .creative-kicker{color:#526cdb}
@media(max-width:620px){.generator-studio-hero{margin-bottom:13px;padding:0 1px 5px}.generator-studio-hero .creative-intro-copy{padding:0}.generator-studio-hero .creative-kicker{margin-bottom:9px;font-size:8px}.generator-studio-hero .creative-intro-copy h2{font-size:clamp(30px,9.7vw,39px);line-height:1.06}.generator-studio-hero .creative-intro-copy>p{margin-top:10px;font-size:11px;line-height:1.55}.generator-studio-hero .creative-credit-mini{margin-top:11px}}
html[data-theme=dark] .generator-studio-hero.creative-studio-video .creative-intro-copy h2 em{color:#6bbdf4}html[data-theme=dark] .generator-studio-hero.creative-studio-video .creative-kicker{color:#55b6f5}

/* BerandAI v4.9.0 — focused generators, referral, history and combined library */
html{scroll-behavior:smooth}.creative-studio-shell{width:min(1020px,100%);margin-inline:auto}.page-eyebrow{display:block;margin-bottom:5px;color:#2877d5;font-size:9px;font-weight:950;letter-spacing:.14em}.history-total{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel);font-size:11px;font-weight:900}.history-list{display:grid;gap:10px;margin-top:16px}.history-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border-radius:17px;box-shadow:0 8px 28px rgba(31,60,105,.045)}.history-type-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #d9e8fa;border-radius:14px;color:#2077da;background:linear-gradient(145deg,#eaf6ff,#f0edff);font-size:18px}.history-main{min-width:0}.history-row-top,.history-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:9px}.history-row-top{justify-content:space-between}.history-row h3{overflow:hidden;margin:5px 0 8px;color:var(--text);font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.history-actions{display:flex;align-items:center;gap:7px}.history-actions .btn{min-width:92px}.history-pagination{margin-top:16px}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-card{margin:0}.profile-section-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}.profile-section-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#2177d8;background:#eaf4ff;font-size:17px}.profile-section-head h3{margin:0}.profile-section-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.referral-profile-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-top:16px;padding:22px;overflow:hidden;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 86%,#e8f4ff))}.referral-profile-card.is-disabled{opacity:.78}.referral-profile-copy h2{margin:3px 0 7px;font-size:22px}.referral-profile-copy p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.referral-profile-stats{display:flex;gap:8px}.referral-profile-stats>div{display:grid;min-width:125px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.referral-profile-stats strong{color:#176fd3;font-size:18px}.referral-profile-stats span{margin-top:3px;color:var(--muted);font-size:8px}.referral-link-row{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:9px}.referral-member-list{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px}.referral-member-head,.referral-member-list>div:not(.referral-member-head){display:flex;align-items:center;gap:10px}.referral-member-head{justify-content:space-between;margin-bottom:7px}.referral-member-head span{color:var(--muted);font-size:9px}.referral-member-list>div:not(.referral-member-head){padding:8px 0;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.referral-member-list p{display:grid;flex:1;margin:0}.referral-member-list p strong{font-size:11px}.referral-member-list p small,.referral-member-list time{color:var(--muted);font-size:8px}.admin-user-referral{display:flex;grid-column:1/-1;align-items:center;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px dashed var(--line)}.admin-user-referral .switch-row{margin:0;padding:0;border:0;background:transparent}.admin-user-referral .switch-row span{display:grid}.admin-user-referral small{color:var(--muted);font-size:8px}
.combined-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.combined-video-card{overflow:hidden;border-radius:18px}.combined-video-preview{display:grid;aspect-ratio:16/9;place-items:center;background:#081322}.combined-video-preview video{width:100%;height:100%;object-fit:contain}.combined-video-preview>div{display:grid;place-items:center;gap:7px;color:#9aabc1}.combined-video-preview>div span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#182a42}.combined-video-body{padding:14px}.combined-video-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px}.combined-video-meta>span{padding:4px 7px;border-radius:999px;color:#1a70d1;background:#eaf4ff;font-weight:900}.combined-video-body h3{min-height:38px;margin:9px 0 5px;font-size:12px;line-height:1.5}.combined-video-body>small{display:block;color:var(--muted);font-size:8px;line-height:1.5}.combined-video-actions{display:flex;gap:7px;margin-top:13px}.combined-video-actions .btn{flex:1}.combined-video-empty{grid-column:1/-1;padding:44px;text-align:center}.combined-video-empty>span{display:grid;width:52px;height:52px;margin:0 auto 12px;place-items:center;border-radius:16px;color:#2478db;background:#eaf4ff}.combined-video-empty h3{margin:0}.combined-video-empty p{margin:7px auto 16px;max-width:440px;color:var(--muted);font-size:11px}.auth-referral-note{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px;border:1px solid #ccebdc;border-radius:12px;color:#176a49;background:#effbf5}.auth-referral-note>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#d7f5e7}.auth-referral-note>div{display:grid}.auth-referral-note strong{font-size:10px}.auth-referral-note small{font-size:8px}
.landing-studio-card,.landing-feature-card,.landing-step-card,.landing-price-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.landing-feature-card:hover,.landing-step-card:hover,.landing-price-card:hover{transform:translateY(-4px)}
html[data-theme=dark] .history-type-icon,html[data-theme=dark] .profile-section-head>span,html[data-theme=dark] .combined-video-empty>span{border-color:#28415d;color:#8bc8ff;background:#12263c}html[data-theme=dark] .referral-profile-card{background:linear-gradient(135deg,#101010,#101b26)}html[data-theme=dark] .combined-video-meta>span{color:#8ac7ff;background:#14283e}html[data-theme=dark] .auth-referral-note{border-color:#24513d;color:#9ce0bd;background:#10271d}
@media(max-width:1080px){.combined-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.history-page-head,.combined-library-head{align-items:flex-start}.history-row{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}.history-type-icon{width:40px;height:40px;border-radius:12px}.history-row h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-actions{grid-column:1/-1}.history-actions .btn{flex:1}.profile-grid{grid-template-columns:1fr}.referral-profile-card{grid-template-columns:1fr;padding:16px}.referral-profile-stats{display:grid;grid-template-columns:1fr 1fr}.referral-profile-stats>div{min-width:0}.referral-link-row{grid-template-columns:1fr}.referral-link-row .btn{width:100%}.admin-user-referral{align-items:stretch;flex-direction:column}.admin-user-referral .btn{width:100%}.combined-video-grid{grid-template-columns:1fr}.combined-video-empty{padding:30px 18px}.landing-feature-card:hover,.landing-step-card:hover,.landing-price-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-studio-card,.landing-feature-card,.landing-step-card,.landing-price-card{transition:none}}

/* BerandAI v4.9.1 — customer-focused landing and SEO control center */
.landing-answer-section{padding:78px 0;background:linear-gradient(180deg,#f8fbff,#fff)}.landing-answer-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(460px,1.15fr);align-items:center;gap:70px;max-width:1180px}.landing-answer-copy h2{margin:14px 0 12px;color:#132748;font-size:clamp(36px,4vw,54px);letter-spacing:-.045em}.landing-answer-copy>p{margin:0;color:#728198;font-size:16px;line-height:1.78}.landing-answer-copy .landing-inline-link{display:inline-flex;margin-top:19px}.landing-answer-points{display:grid;gap:10px}.landing-answer-points article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:17px 18px;border:1px solid #e0e9f4;border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 10px 32px rgba(32,61,105,.055);transition:transform .2s ease,border-color .2s ease}.landing-answer-points article:hover{border-color:#cbdff5;transform:translateX(4px)}.landing-answer-points article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#2476d6;background:linear-gradient(145deg,#eaf6ff,#efedff);font-size:9px;font-weight:950}.landing-answer-points strong{color:#263d60;font-size:13px}.landing-answer-points p{margin:4px 0 0;color:#7d8ba0;font-size:10px;line-height:1.6}.landing-proof-icon{font-size:8px}.seo-settings-section{position:relative;overflow:hidden}.seo-settings-section:before{content:"";position:absolute;right:-90px;top:-110px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(53,137,234,.11),transparent 68%);pointer-events:none}.settings-section-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.settings-section-heading h3{margin:3px 0}.settings-section-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.settings-section-heading .switch-row{margin:0;white-space:nowrap}.seo-endpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.seo-endpoint-grid>a{display:grid;min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 90%,#edf6ff);transition:border-color .18s ease,transform .18s ease}.seo-endpoint-grid>a:hover{border-color:#bdd9f5;transform:translateY(-2px)}.seo-endpoint-grid strong{font-size:10px}.seo-endpoint-grid span{overflow:hidden;margin-top:4px;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
html[data-theme=dark] .landing-answer-section{background:#080808}html[data-theme=dark] .landing-answer-copy h2,html[data-theme=dark] .landing-answer-points strong{color:#edf3fc}html[data-theme=dark] .landing-answer-copy>p,html[data-theme=dark] .landing-answer-points p{color:#91a1b7}html[data-theme=dark] .landing-answer-points article{border-color:#282828;background:#101010;box-shadow:none}html[data-theme=dark] .landing-answer-points article>span{color:#8bc8ff;background:linear-gradient(145deg,#12263c,#211d35)}html[data-theme=dark] .seo-endpoint-grid>a{background:#151515}
@media(max-width:900px){.landing-answer-grid{grid-template-columns:1fr;gap:28px}.seo-endpoint-grid{grid-template-columns:1fr 1fr}.seo-endpoint-grid>a:last-child{grid-column:1/-1}}
@media(max-width:620px){.landing-answer-section{padding:52px 0}.landing-answer-grid{gap:20px}.landing-answer-copy h2{font-size:34px}.landing-answer-copy>p{font-size:13px;line-height:1.7}.landing-answer-points article{grid-template-columns:36px minmax(0,1fr);padding:13px}.landing-answer-points article>span{width:36px;height:36px}.landing-answer-points article:hover{transform:none}.settings-section-heading{align-items:stretch;flex-direction:column}.seo-endpoint-grid{grid-template-columns:1fr}.seo-endpoint-grid>a:last-child{grid-column:auto}}

/* BerandAI v4.9.2 — compact pricing feature rhythm */
.landing-plan-features{align-content:start;grid-auto-rows:min-content;gap:8px}.landing-plan-features li{align-items:flex-start;line-height:1.45}.landing-plan-features li span{margin-top:0}
@media(max-width:540px){.landing-plan-features{margin:16px 0 20px;gap:7px}}

/* BerandAI v4.9.3 — credit wallet */
.credit-pill{text-decoration:none}.flash.info{border-left:4px solid #3483e6}.credit-page-head{align-items:center}.credit-balance-card{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:7px;min-width:175px;padding:14px 17px;border:1px solid #d8e7f7;border-radius:17px;background:linear-gradient(135deg,#f4faff,#f3f0ff);box-shadow:0 12px 32px rgba(36,79,137,.07)}.credit-balance-card>span{grid-column:1/-1;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.credit-balance-card strong{color:#176fd3;font-size:27px;line-height:1.15}.credit-balance-card small{padding-bottom:3px;color:var(--muted);font-size:10px}.credit-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.credit-action-card{margin:0;padding:21px}.credit-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:19px}.credit-section-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:13px;color:#2477d7;background:linear-gradient(145deg,#eaf6ff,#efedff);font-size:18px;font-weight:900}.credit-section-head h2,.credit-history-heading h2{margin:0;color:var(--text);font-size:17px}.credit-section-head p,.credit-history-heading p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.credit-security-note{margin:4px 0 13px;padding:10px 12px;border:1px solid #dce9f7;border-radius:11px;color:#667893;background:#f7fbff;font-size:9px;line-height:1.55}.btn-block{width:100%;justify-content:center}.topup-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.topup-package{position:relative;cursor:pointer}.topup-package input{position:absolute;opacity:0;pointer-events:none}.topup-package>span{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:.16s}.topup-package strong{font-size:11px}.topup-package small{color:var(--muted);font-size:9px}.topup-package input:checked+span{border-color:#3c7fec;background:#eef6ff;box-shadow:0 0 0 2px rgba(54,121,235,.1)}.topup-package input:focus-visible+span{outline:2px solid #4285f4;outline-offset:2px}.credit-payment-help{margin-top:16px}.credit-payment-help summary{cursor:pointer;color:var(--text);font-weight:900}.credit-payment-help p{margin:13px 0 0;color:var(--muted);line-height:1.7}.credit-history-section,.admin-payment-section{margin-top:24px}.credit-history-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.credit-direction{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900}.credit-direction.sent{color:#aa4d4d;background:#fff0f0}.credit-direction.received{color:#117055;background:#eafaf4}.credit-amount{font-weight:900}.credit-amount.sent{color:#b24e4e}.credit-amount.received{color:#14805f}.admin-payment-actions{display:flex;gap:6px}.admin-payment-actions form{margin:0}.admin-payment-head{align-items:center}
html[data-theme=dark] .credit-balance-card{border-color:#29425e;background:linear-gradient(135deg,#10243a,#19172a)}html[data-theme=dark] .credit-balance-card strong{color:#85c7ff}html[data-theme=dark] .credit-section-icon{color:#8ac8ff;background:linear-gradient(145deg,#12273d,#211d35)}html[data-theme=dark] .credit-security-note{border-color:#293d55;color:#98a8bd;background:#111d2b}html[data-theme=dark] .topup-package input:checked+span{border-color:#3c76ac;background:#10263b}html[data-theme=dark] .credit-direction.sent{color:#f0a2a2;background:#35191d}html[data-theme=dark] .credit-direction.received{color:#8ee0c3;background:#123128}
@media(max-width:820px){.credit-action-grid{grid-template-columns:1fr}.credit-page-head{align-items:stretch}.credit-balance-card{width:100%;min-width:0}.admin-payment-head{align-items:flex-start}.admin-payment-head .admin-users-count{align-self:flex-start}}
@media(max-width:480px){.credit-action-card{padding:15px}.topup-package-grid{grid-template-columns:1fr 1fr}.credit-history-section,.admin-payment-section{margin-top:19px}.credit-section-head{margin-bottom:15px}.credit-page-head h1{font-size:25px}}
.credit-recipient-search{position:relative}.credit-recipient-results{position:absolute;z-index:20;top:calc(100% - 19px);right:0;left:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 32px rgba(21,48,83,.16)}.credit-recipient-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.credit-recipient-option:last-child{border-bottom:0}.credit-recipient-option:hover,.credit-recipient-option.is-active,.credit-recipient-option:focus-visible{background:#eef6ff;outline:2px solid #4285f4;outline-offset:-2px}.credit-recipient-option strong{font-size:11px}.credit-recipient-option span{color:var(--muted);font-size:9px}html[data-theme=dark] .credit-recipient-option:hover,html[data-theme=dark] .credit-recipient-option.is-active,html[data-theme=dark] .credit-recipient-option:focus-visible{background:#10263b}@media(max-width:480px){.credit-recipient-option{align-items:flex-start;flex-direction:column;gap:3px}}

/* BerandAI v4.9.13 — theme-aware processing visuals and Pro scene decision */
html[data-theme=dark] .generate-transition-mark b,html[data-theme=dark] .generation-orbit b{color:#9dceff;background:linear-gradient(135deg,#153653,#24254d);box-shadow:0 8px 24px rgba(0,0,0,.28)}html[data-theme=dark] .gallery-visual-placeholder.processing{color:#9fb3cc;background:linear-gradient(145deg,#0f2034,#122942)}html[data-theme=dark] .gallery-visual-placeholder.processing strong{color:#dce8f6}html[data-theme=dark] .gallery-visual-placeholder.processing small{color:#91a5bf}html[data-theme=dark] .gallery-spinner{border-color:#29435f;border-top-color:#8fc8ff}
.pro-scene-dialog .watermark-upgrade-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.pro-scene-dialog .watermark-upgrade-actions .btn{width:100%;min-height:48px;text-align:center}@media(max-width:520px){.pro-scene-dialog .watermark-upgrade-shell{padding:26px 20px 20px}.pro-scene-dialog .watermark-upgrade-actions{grid-template-columns:1fr}.pro-scene-dialog .watermark-upgrade-actions .btn{min-height:46px}}

/* BerandAI v4.9.14 — responsive admin, compact navigation and provider resilience UI */
.side-label[data-side-group]{display:flex;width:100%;min-height:34px;align-items:center;justify-content:space-between;padding:8px 4px;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer}.side-label[data-side-group]:after{content:'\203A';font-size:17px;transition:transform .16s ease}.side-label[data-side-group][aria-expanded=true]:after{transform:rotate(90deg)}.sidebar-collapsed .side-label[data-side-group]:after{display:none}.side-nav [hidden]{display:none!important}.admin-control-section>summary{list-style:none;cursor:pointer}.admin-control-section>summary::-webkit-details-marker{display:none}.admin-control-section>summary:after{content:'\2304';margin-left:auto;color:var(--muted);font-size:16px;transition:transform .18s ease}.admin-control-section[open]>summary:after{transform:rotate(180deg)}
@media(min-width:801px){.member-page .app-shell:not(.sidebar-collapsed) .side-label[data-side-group]{min-height:auto;margin-top:8px;padding:13px 10px 5px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);cursor:default}.member-page .app-shell:not(.sidebar-collapsed) .side-label[data-side-group]:after{display:none}.member-page .sidebar-collapsed .side-label[data-side-group]{display:block!important;width:auto;height:1px;min-height:1px;margin:7px 9px;padding:0!important;overflow:hidden;border:0;border-radius:0;background:var(--line);color:transparent;cursor:default}.member-page .sidebar-collapsed .side-nav a>:not(.side-nav-icon){display:none!important}}
.side-menu-tooltip{position:fixed;z-index:130;max-width:230px;padding:8px 11px;border:1px solid #d8e3f1;border-radius:10px;color:#263c5f;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(20,42,76,.18);font-size:11px;font-weight:850;line-height:1.35;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-5px) scale(.97);transform-origin:left center;transition:opacity .12s ease,transform .12s ease;backdrop-filter:blur(12px)}.side-menu-tooltip:before{content:"";position:absolute;top:50%;left:-5px;width:8px;height:8px;border-left:1px solid #d8e3f1;border-bottom:1px solid #d8e3f1;background:inherit;transform:translateY(-50%) rotate(45deg)}.side-menu-tooltip.show{opacity:1;transform:none}html[data-theme=dark] .side-menu-tooltip{border-color:#33465e;color:#f1f6fc;background:rgba(19,28,40,.97);box-shadow:0 12px 30px rgba(0,0,0,.4)}html[data-theme=dark] .side-menu-tooltip:before{border-color:#33465e}@media(max-width:800px){.side-menu-tooltip{display:none}}
@media(max-width:1200px) and (min-width:761px){.admin-generation-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-generation-filter-actions{grid-column:1/-1;justify-content:flex-end}.admin-generation-filter-actions .btn{min-width:120px}}
@media(max-width:800px){.side-label[data-side-group]{min-height:36px;padding:7px 4px}}
@media(max-width:620px){
  .table-responsive:has(.mobile-card-table){overflow:visible}.mobile-card-table,.mobile-card-table tbody{display:block;width:100%;min-width:0!important}.mobile-card-table thead{display:none}.mobile-card-table tr{display:block;margin:0 0 10px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 7px 22px rgba(30,57,99,.045)}.mobile-card-table tr:last-child{margin-bottom:0}.mobile-card-table td{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;padding:8px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:right;overflow-wrap:anywhere}.mobile-card-table td:last-child{border-bottom:0!important}.mobile-card-table td:before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.06em;text-align:left;text-transform:uppercase}.mobile-card-table td[colspan]{display:block;padding:18px 8px!important;text-align:center}.mobile-card-table td[colspan]:before{display:none}.mobile-card-table td>*{max-width:100%;justify-self:end}.mobile-card-table .api-log-endpoint{width:100%;grid-template-columns:minmax(0,1fr) 48px}.mobile-card-table .api-log-endpoint button{min-width:48px;min-height:40px}.mobile-card-table details{max-width:100%}.mobile-card-table details pre{width:100%;max-height:220px;overflow:auto;text-align:left}.mobile-card-table .inline-form{display:grid;width:100%;gap:7px}.mobile-card-table .inline-form input[type=file]{width:100%;max-width:none!important}.mobile-card-table .inline-form .btn,.mobile-card-table td:last-child>.btn,.mobile-card-table td:last-child>form .btn{width:100%;min-height:42px}.mobile-card-table .admin-payment-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.mobile-card-table .admin-payment-actions .btn{width:100%}
  .admin-generation-media,.admin-generation-media .gallery-visual-placeholder{min-height:165px}.admin-generation-media{aspect-ratio:16/9}.admin-generation-card-body{padding:11px}.admin-generation-prompt{min-height:0;margin:9px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-generation-meta{margin-bottom:7px}.admin-user-row{padding:13px}.admin-user-controls{gap:7px;padding-top:10px}.admin-user-referral{padding-top:8px}.admin-users-resultbar{position:sticky;z-index:8;top:55px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(10px)}
  .admin-control-section{margin-bottom:9px}.admin-control-section:not([open]){min-height:0}.admin-control-section>.admin-section-title{padding:14px 15px}.admin-control-section>.admin-section-title p{display:none}.admin-control-section>.admin-section-title>div:first-child{align-items:center}.admin-control-section>.admin-section-title:after{display:block}.admin-api-form{display:grid;gap:0}
  .gallery-filter-pills{padding-right:24px;padding-bottom:4px;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent)}
}
html[data-theme=dark] .mobile-card-table tr{box-shadow:none}
@media(max-width:540px){.landing-prompt-preview{display:none}}
/* BerandAI v4.9.34 — responsive generator and compact operational pages */
.video-studio-card{min-width:0;width:100%}.settings-form .code,.settings-section .code{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.api-log-endpoint+details pre,.mobile-card-table details pre{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.admin-generation-actions .btn{min-height:40px}.api-log-endpoint button{min-width:44px;min-height:36px}
@media(max-width:900px){.prompt-assist-button,.prompt-assist-controls select,.admin-generation-actions .btn,.api-log-endpoint button{min-height:40px}.admin-generation-actions>a:last-child{min-width:40px}.side-label[data-side-group]{min-height:40px}}
@media(max-width:520px){.video-studio-card,.video-studio-card form,.video-composer,.video-project-choice{min-width:0;max-width:100%}.prompt-assist-heading{align-items:stretch;flex-direction:column}.prompt-assist-controls{width:100%}.prompt-assist-controls select{height:40px;min-width:56px}.prompt-assist-button{flex:1;min-height:40px}.settings-form .code,.settings-section .code,.admin-settings-form .code{display:block;width:100%;max-width:100%;overflow-wrap:anywhere;word-break:break-word}}
@media(max-width:540px){.landing-answer-section,.landing-benefits{display:none}.landing-showcase-grid{grid-template-rows:repeat(2,145px)}.landing-sample:nth-child(n+5){display:none}.landing-prompt-marquee{display:none}.landing-section{padding:48px 0}.landing-feature-card,.landing-feature-wide{min-height:0!important;padding:18px}.landing-feature-art,.landing-feature-mini-ui,.landing-wave-ui,.landing-music-art{display:none}.landing-feature-grid{gap:10px}.landing-feature-copy p{margin-bottom:12px}.landing-workflow .landing-step-card{padding:17px}.landing-step-line{height:16px}.landing-pricing-grid{gap:13px}.landing-price-card{padding:20px}.landing-faq-list details:nth-child(n+5){display:none}.landing-final-cta{padding-top:0}}

/* BerandAI v4.9.15 — single video or guided scene sessions */
.video-project-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 13px;padding:0;border:0}.video-project-choice legend{width:100%;margin-bottom:7px;color:var(--text);font-size:10px;font-weight:950;letter-spacing:.04em}.video-project-choice label{position:relative;cursor:pointer}.video-project-choice input{position:absolute;opacity:0;pointer-events:none}.video-project-choice label>span{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;min-height:70px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel);transition:border-color .16s,background .16s,box-shadow .16s}.video-project-choice label>span>b{display:grid;grid-row:1/3;width:38px;height:38px;place-items:center;align-self:center;border-radius:12px;color:#2777d7;background:#eaf4ff}.video-project-choice label>span>strong{align-self:end;font-size:11px}.video-project-choice label>span>small{color:var(--muted);font-size:8px;line-height:1.45}.video-project-choice input:checked+span{border-color:#4284e8;background:#f3f8ff;box-shadow:0 0 0 2px rgba(51,125,230,.1)}.video-project-choice input:focus-visible+span{outline:2px solid #377ee1;outline-offset:2px}.video-project-choice .is-locked{cursor:not-allowed;opacity:.66}.video-scene-session-status{display:flex;align-items:center;gap:10px;margin:0 0 11px;padding:11px 13px;border:1px solid #cfe1f6;border-radius:13px;background:#f4f9ff}.video-scene-session-status>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;color:#2475d5;background:#e3f1ff}.video-scene-session-status>div{display:grid;gap:2px}.video-scene-session-status strong{font-size:11px}.video-scene-session-status small{color:var(--muted);font-size:9px}
html[data-theme=dark] .video-project-choice label>span{background:#101010}html[data-theme=dark] .video-project-choice label>span>b{color:#8ac8ff;background:#132a42}html[data-theme=dark] .video-project-choice input:checked+span{border-color:#3979b8;background:#10243a;box-shadow:none}html[data-theme=dark] .video-scene-session-status{border-color:#29415d;background:#101d2b}html[data-theme=dark] .video-scene-session-status>span{color:#8ac8ff;background:#15304c}
@media(max-width:520px){.video-project-choice{grid-template-columns:1fr;gap:7px}.video-project-choice label>span{min-height:62px;padding:10px}.video-scene-session-status{padding:9px 10px}}

/* BerandAI v4.9.27 — stable account badges on every viewport */
.side-user{padding:13px 14px!important;border-radius:16px!important}.side-user-head{display:grid;justify-items:start;gap:8px}.side-user-head>strong{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;color:var(--text)!important;font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.side-user-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.side-user-email{display:flex;max-width:100%;align-items:center;gap:5px;margin-top:9px;overflow:hidden;font-size:10px!important;text-overflow:ellipsis;white-space:nowrap}.side-user-email:before{content:'@';display:grid;width:15px;height:15px;flex:0 0 15px;place-items:center;border-radius:50%;color:#3976bf;background:color-mix(in srgb,#3976bf 10%,transparent);font-size:8px;font-weight:900}html[data-theme=dark] .side-user-email:before{color:#91caff;background:#153451}.admin-user-membership .account-plan-badge,.admin-user-membership .testing-account-badge{min-height:20px}
@media(max-width:1080px){.admin-user-membership{align-content:center;align-self:stretch}}
@media(max-width:600px){.admin-user-membership{padding-left:54px;gap:6px}.admin-user-membership>small{margin-top:1px}}

/* BerandAI v4.9.16 — clear, secure payment verification */
.payment-page-head{align-items:center}.payment-guide{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-bottom:15px;padding:17px 19px}.payment-guide>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 10px}.payment-guide>div>span{display:grid;grid-row:1/3;width:32px;height:32px;place-items:center;border-radius:10px;color:#2474d2;background:#e9f4ff;font-size:10px;font-weight:950}.payment-guide strong{font-size:10px}.payment-guide small{color:var(--muted);font-size:8px;line-height:1.45}.payment-guide>i{color:#9eb0c6;font-style:normal}.payment-instructions{margin-bottom:18px;padding:0!important;overflow:hidden}.payment-instructions summary{padding:15px 18px;cursor:pointer;color:var(--text);font-size:11px;font-weight:950}.payment-instructions>div{padding:0 18px 17px;color:var(--muted);font-size:10px;line-height:1.7}.payment-history-section{margin-top:20px}.payment-pending-count{padding:6px 9px;border-radius:999px;color:#9b6811;background:#fff4d7;font-size:9px;font-weight:900}.payment-row-pending>td{background:color-mix(in srgb,#fff8e5 46%,var(--panel))}.payment-proof-form{display:grid;gap:7px;min-width:210px}.payment-proof-form label{position:relative;display:block;cursor:pointer}.payment-proof-form input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.payment-proof-form label>span{display:flex;min-height:38px;align-items:center;justify-content:center;padding:7px 10px;border:1px dashed #a9c5e4;border-radius:10px;color:#246fc7;background:#f5faff;font-size:9px;font-weight:900}.payment-proof-form input:focus-visible+span{outline:2px solid #377ee1;outline-offset:2px}.payment-proof-sent{display:grid;gap:3px;color:#15805f;font-size:9px;font-weight:900}.payment-proof-sent a{color:#2675d3;text-decoration:underline}.payment-review-total{display:grid;min-width:115px;padding:11px 14px;border:1px solid #d9e7f6;border-radius:15px;background:#f4f9ff;text-align:right}.payment-review-total strong{color:#1f72d1;font-size:21px}.payment-review-total span{color:var(--muted);font-size:8px}.payment-status-filter{display:flex;gap:7px;margin-bottom:19px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.payment-status-filter a{padding:9px 12px;border-radius:10px;color:var(--muted);font-size:9px;font-weight:900;white-space:nowrap}.payment-status-filter a.active{color:#176fd3;background:#eaf4ff}.admin-proof-preview{display:grid;grid-template-columns:54px auto;align-items:center;gap:8px;min-width:112px;color:#2672cc;font-size:9px}.admin-proof-preview img,.admin-proof-preview>span{width:54px;height:38px;border:1px solid var(--line);border-radius:8px;object-fit:cover;background:#eef4fb}.admin-proof-preview>span{display:grid;place-items:center;color:#687d98;font-size:8px;font-weight:950}.admin-payment-actions .btn{min-width:82px}
.payment-qris{display:grid;justify-items:center;gap:12px;padding:15px 0;text-align:center}.payment-qris p,.payment-qris small{margin:0;color:var(--muted)}.payment-qris img{width:min(300px,100%);height:auto;aspect-ratio:1;object-fit:contain;border:10px solid #fff;border-radius:12px}.payment-qris .payment-merchant-check{max-width:320px;padding:10px 12px;border:1px solid color-mix(in srgb,#176fd3 36%,var(--line));border-radius:10px;color:var(--text);background:color-mix(in srgb,#176fd3 7%,var(--panel));font-size:10px;font-weight:850;line-height:1.5}.payment-action-stack{display:grid;gap:8px;min-width:210px}.btn-payment-whatsapp{width:100%;justify-content:center;border-color:#1f9d57!important;color:#fff!important;background:#1f9d57!important}.payment-expiry{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.45}.payment-proof-missing{display:inline-flex;padding:6px 8px;border-radius:8px;color:#9a6712;background:#fff4d7;font-size:8px;font-weight:850}

.pricing-payment-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:920px;margin:16px auto 0;padding:0;list-style:none;text-align:left}.pricing-payment-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.pricing-payment-steps strong{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#fff;background:var(--primary);font-size:10px}.pricing-payment-steps span{color:var(--text);font-size:9px;line-height:1.45}@media(max-width:820px){.pricing-payment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.pricing-payment-steps{grid-template-columns:1fr}.payment-qris img{width:min(280px,100%)}}
html[data-theme=dark] .payment-guide>div>span{color:#8ac8ff;background:#132b43}html[data-theme=dark] .payment-pending-count{color:#f2cc72;background:#2d2512}html[data-theme=dark] .payment-row-pending>td{background:#17150e}html[data-theme=dark] .payment-proof-form label>span{border-color:#365776;color:#8bc7ff;background:#101f30}html[data-theme=dark] .payment-review-total{border-color:#29415d;background:#101d2b}html[data-theme=dark] .payment-status-filter a.active{color:#91ccff;background:#15304b}
html[data-theme=dark] .payment-proof-missing{color:#f2cc72;background:#2d2512}
@media(max-width:900px){.table-responsive:has(.admin-payment-table){overflow:visible}.admin-payment-table,.admin-payment-table tbody{display:block;width:100%;min-width:0!important}.admin-payment-table thead{display:none}.admin-payment-table tr{display:block;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.admin-payment-table td{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:10px;padding:8px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:right;overflow-wrap:anywhere}.admin-payment-table td:last-child{border-bottom:0!important}.admin-payment-table td:before{content:attr(data-label);color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.06em;text-align:left;text-transform:uppercase}.admin-payment-table td[colspan]{display:block;text-align:center}.admin-payment-table td[colspan]:before{display:none}.admin-payment-table td>*{max-width:100%;justify-self:end}.admin-payment-table .admin-payment-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.admin-payment-table .admin-payment-actions .btn{width:100%;min-height:42px}.admin-payment-table .admin-proof-preview{justify-self:end}}
@media(max-width:620px){.payment-page-head{align-items:stretch}.payment-page-head .btn{width:100%}.payment-guide{grid-template-columns:1fr;gap:8px;padding:12px}.payment-guide>i{display:none}.payment-guide>div{padding:4px}.payment-status-filter{overflow-x:auto;scrollbar-width:none}.payment-status-filter::-webkit-scrollbar{display:none}.payment-review-total{min-width:0;text-align:left}.payment-proof-form{width:100%;min-width:0}.admin-proof-preview{justify-self:end}.admin-proof-preview img,.admin-proof-preview>span{width:64px;height:44px}.payment-row-pending{box-shadow:inset 3px 0 #e2ad3d!important}}

/* single active billing invoice */
.active-invoice{display:grid;gap:20px;max-width:980px;margin:0 auto;padding:25px}.active-invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.active-invoice-head h2,.active-invoice-redirect h2{margin:6px 0 3px;font-size:24px}.active-invoice-head p,.active-invoice-redirect p{margin:0;color:var(--muted)}.active-invoice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.active-invoice-grid>div{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.active-invoice-grid small{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.active-invoice-grid strong{font-size:13px;line-height:1.45}.active-invoice-body{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);align-items:center;gap:24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.active-invoice-steps{display:grid;gap:15px;margin:0;padding-left:22px;color:var(--muted);font-size:11px;line-height:1.6}.active-invoice-steps strong{color:var(--text)}.active-invoice>.payment-action-stack{grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);align-items:end}.active-invoice>.payment-action-stack .payment-proof-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.active-invoice-redirect{justify-items:start}.billing-locked{display:grid;gap:9px}.billing-locked>strong{font-size:15px}.billing-locked>p{margin:0 0 5px;color:var(--muted);font-size:10px;line-height:1.55}.billing-active-notice{margin-bottom:20px}
html[data-theme=dark] .active-invoice-grid>div,html[data-theme=dark] .active-invoice-body{background:#101925}
@media(max-width:700px){.active-invoice{gap:15px;padding:17px}.active-invoice-head{display:grid}.active-invoice-grid{grid-template-columns:1fr}.active-invoice-body{grid-template-columns:1fr;padding:14px}.active-invoice>.payment-action-stack,.active-invoice>.payment-action-stack .payment-proof-form{grid-template-columns:1fr}.active-invoice-head h2{font-size:19px;overflow-wrap:anywhere}}

/* Readable QRIS payment guidance */
.payment-qris .payment-merchant-check{font-size:12px}.active-invoice-steps{font-size:13px}.pricing-payment-steps span{font-size:12px}.pricing-payment-steps strong{font-size:11px}

/* BerandAI v4.9.35 — 2026 public experience and real showcase */
.landing-hero-gallery{position:relative;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:12px;min-width:0;height:600px;padding:18px}.landing-hero-gallery:before{content:"";position:absolute;inset:7% 0 3%;z-index:-1;border-radius:48px;background:linear-gradient(145deg,rgba(27,180,244,.18),rgba(109,70,239,.2));filter:blur(32px);transform:rotate(-3deg)}.landing-hero-art{position:relative;display:block;min-width:0;overflow:hidden;border:5px solid rgba(255,255,255,.92);border-radius:27px;background:#dce7f5;box-shadow:0 25px 65px rgba(28,53,98,.2);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.landing-hero-art:hover,.landing-hero-art:focus-visible{z-index:3;outline:0;transform:translateY(-6px);box-shadow:0 34px 80px rgba(28,53,98,.27)}.landing-hero-art img{display:block;width:100%;height:100%;object-fit:cover}.landing-hero-art-main{grid-row:1/3}.landing-hero-art-top img{object-position:center}.landing-hero-art-bottom img{object-position:center 28%}.landing-hero-art-main>span{position:absolute;right:13px;bottom:13px;left:13px;display:flex;align-items:end;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.22);border-radius:15px;color:#fff;background:rgba(5,19,42,.52);backdrop-filter:blur(14px)}.landing-hero-art-main>span b,.landing-hero-art-main>span small{display:block}.landing-hero-art-main>span b{font-size:11px}.landing-hero-art-main>span small{margin-top:2px;color:#d4e1f2;font-size:8px}.landing-hero-generation-state{position:absolute;right:-8px;bottom:43px;z-index:4;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;min-width:245px;padding:11px 13px;border:1px solid rgba(218,230,244,.9);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 16px 40px rgba(25,49,91,.19);backdrop-filter:blur(16px)}.landing-hero-generation-state i{width:9px;height:9px;border-radius:50%;background:#12af7a;box-shadow:0 0 0 5px rgba(18,175,122,.11)}.landing-hero-generation-state span{display:grid}.landing-hero-generation-state strong{color:#1e3455;font-size:10px}.landing-hero-generation-state small{color:#8695aa;font-size:7px}.landing-hero-generation-state>b{color:#168663;font-size:10px}.landing-hero-ai-chip{position:absolute;top:3px;left:0;z-index:4;padding:8px 11px;border-radius:999px;color:#fff;background:linear-gradient(100deg,#258ae9,#674be9);box-shadow:0 10px 25px rgba(74,79,219,.28);font-size:8px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.landing-showcase-real{grid-template-rows:repeat(2,235px)}.landing-showcase-real .landing-sample{border:4px solid #fff;background:#172338}.landing-showcase-real .landing-sample>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.landing-showcase-real .landing-sample:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(4,12,28,.82));pointer-events:none}.landing-showcase-real .landing-sample:hover>img{transform:scale(1.045)}.landing-showcase-real .landing-sample>span,.landing-showcase-real .landing-sample>div{z-index:2}.landing-showcase-real .landing-sample em{position:absolute;right:0;bottom:0;color:#fff;font-size:8px;font-style:normal;font-weight:900}.landing-showcase-real .sample-product{grid-column:1/4;grid-row:1/3}.landing-showcase-real .sample-architecture{grid-column:4/9;grid-row:1}.landing-showcase-real .sample-cinematic{grid-column:4/9;grid-row:2}.landing-showcase-real .sample-fashion{grid-column:9/13;grid-row:1/3}.landing-showcase-real .sample-fashion img{object-position:center 24%}
.auth-visual-stack{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:12px;width:min(650px,100%);height:280px;margin-top:24px}.auth-visual-stack figure{position:relative;overflow:hidden;margin:0;border:4px solid rgba(255,255,255,.78);border-radius:21px;background:#16243a;box-shadow:0 20px 48px rgba(27,58,105,.18)}.auth-visual-stack img{display:block;width:100%;height:100%;object-fit:cover}.auth-visual-main figcaption{position:absolute;right:11px;bottom:11px;left:11px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.24);border-radius:13px;color:#fff;background:rgba(6,20,43,.55);backdrop-filter:blur(12px)}.auth-visual-main figcaption>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:linear-gradient(135deg,#248ff0,#7149ef)}.auth-visual-main figcaption>div{display:grid}.auth-visual-main figcaption strong{font-size:10px}.auth-visual-main figcaption small{margin-top:2px;color:#cedbed;font-size:7px}.auth-visual-side img{object-position:center}.auth-trust-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:24px;padding-top:18px;border-top:1px solid #e8edf5;color:#8190a5;font-size:8px;font-weight:800}.auth-form .form-control{border-radius:13px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-form .form-control:focus{border-color:#5996e7;box-shadow:0 0 0 4px rgba(49,125,226,.1)}.auth-submit{min-height:51px;border-radius:14px;box-shadow:0 14px 32px rgba(62,75,221,.2)}.auth-secondary-action{min-height:47px;border-radius:14px}
.auth-captcha-field{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.auth-captcha-field label{line-height:1.5}.auth-captcha-field small{display:block;margin-top:7px;color:var(--muted);font-size:9px;line-height:1.5}.registration-otp-input{text-align:center;font-size:28px!important;font-weight:900;letter-spacing:.32em;font-variant-numeric:tabular-nums}.otp-verification-form{margin-top:24px}.otp-resend-form{margin-top:10px}.otp-resend-form .btn{min-height:46px}html[data-theme=dark] .auth-captcha-field{background:#0d1825}
.legal-page{min-height:70vh;background:#f7f9fc}.legal-hero{position:relative;overflow:hidden;padding:84px 0 72px;border-bottom:1px solid #e5ebf3;background:radial-gradient(circle at 80% 20%,rgba(104,75,236,.13),transparent 28%),radial-gradient(circle at 16% 80%,rgba(24,172,235,.1),transparent 25%),#fbfdff}.legal-hero-inner{max-width:1120px}.legal-kicker{display:inline-flex;padding:7px 10px;border:1px solid #dbe9f8;border-radius:999px;color:#3373c2;background:#f0f7ff;font-size:9px;font-weight:950;letter-spacing:.13em}.legal-hero h1{max-width:820px;margin:18px 0 12px;color:#122747;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.055em}.legal-hero p{max-width:680px;margin:0;color:#718199;font-size:15px;line-height:1.7}.legal-meta{display:flex;gap:9px;margin-top:25px}.legal-meta span{padding:8px 10px;border:1px solid #e0e8f3;border-radius:10px;color:#718198;background:rgba(255,255,255,.78);font-size:9px;font-weight:800}.legal-content-section{padding:58px 0 88px}.legal-layout{display:grid;grid-template-columns:230px minmax(0,780px);justify-content:center;gap:54px;max-width:1120px}.legal-aside{position:sticky;top:105px;align-self:start;display:grid;gap:5px;padding:9px}.legal-aside>a{padding:10px 12px;border-radius:10px;color:#708097;font-size:10px;font-weight:800}.legal-aside>a:first-child{margin-bottom:12px;padding-inline:0;color:#3174c9}.legal-aside>a.active{color:#246fc9;background:#eaf4ff}.legal-aside>strong{margin:0 12px 6px;color:#223957;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.legal-aside>small{margin:18px 12px 0;padding-top:16px;border-top:1px solid #e0e7f0;color:#8a98ab;font-size:9px;line-height:1.65}.legal-article{overflow:hidden;border:1px solid #e0e8f2;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(31,57,99,.08)}.legal-intro{padding:38px 42px;border-bottom:1px solid #e8edf4;background:linear-gradient(145deg,#fbfdff,#f4f8ff)}.legal-intro>span{color:#3476c9;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.legal-intro h2{max-width:610px;margin:9px 0 11px;color:#172c4b;font-size:clamp(27px,3vw,38px);line-height:1.13;letter-spacing:-.04em}.legal-intro p{max-width:640px;margin:0;color:#74839a;font-size:12px;line-height:1.75}.legal-article>section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:29px 42px;border-bottom:1px solid #edf1f6}.legal-number{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#2e75cc;background:#edf5ff;font-size:9px;font-weight:950}.legal-article h3{margin:6px 0 9px;color:#273e5f;font-size:17px}.legal-article section p{margin:0;color:#677891;font-size:12px;line-height:1.85}.legal-acknowledgement{display:flex;align-items:flex-start;gap:11px;margin:28px 42px 34px;padding:15px;border:1px solid #cfe6dc;border-radius:14px;color:#457061;background:#f0faf6}.legal-acknowledgement>span{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:8px;color:#fff;background:#16936c;font-size:10px}.legal-acknowledgement p{margin:2px 0 0;font-size:10px;line-height:1.65}
html[data-theme=dark] .landing-hero-generation-state{border-color:#2d4057;background:rgba(11,20,32,.9)}html[data-theme=dark] .landing-hero-generation-state strong{color:#eef5ff}html[data-theme=dark] .landing-hero-generation-state small{color:#8495aa}html[data-theme=dark] .landing-showcase-real .landing-sample{border-color:#232323}html[data-theme=dark] .auth-visual-stack figure{border-color:#263547}html[data-theme=dark] .auth-trust-row{border-color:#292f37;color:#8997a9}html[data-theme=dark] .legal-page{background:#080808}html[data-theme=dark] .legal-hero{border-color:#252b34;background:radial-gradient(circle at 80% 20%,rgba(84,74,210,.18),transparent 29%),radial-gradient(circle at 16% 80%,rgba(24,147,206,.12),transparent 25%),#0d0d0e}html[data-theme=dark] .legal-kicker{border-color:#27415d;color:#82bff3;background:#102236}html[data-theme=dark] .legal-hero h1{color:#f1f5fb}html[data-theme=dark] .legal-hero p{color:#99a7ba}html[data-theme=dark] .legal-meta span{border-color:#29313c;color:#929fb0;background:#141517}html[data-theme=dark] .legal-aside>a{color:#9ba8b9}html[data-theme=dark] .legal-aside>a.active{color:#8bc8ff;background:#12283d}html[data-theme=dark] .legal-aside>strong{color:#dce5f1}html[data-theme=dark] .legal-aside>small{border-color:#292f37}html[data-theme=dark] .legal-article{border-color:#292f37;background:#111214;box-shadow:none}html[data-theme=dark] .legal-intro{border-color:#292f37;background:linear-gradient(145deg,#14171b,#111a25)}html[data-theme=dark] .legal-intro h2,html[data-theme=dark] .legal-article h3{color:#edf3fb}html[data-theme=dark] .legal-intro p,html[data-theme=dark] .legal-article section p{color:#9daabc}html[data-theme=dark] .legal-article>section{border-color:#292f37}html[data-theme=dark] .legal-number{color:#8bc8ff;background:#142b42}html[data-theme=dark] .legal-acknowledgement{border-color:#275244;color:#9bcaba;background:#10241d}
@media(max-width:1080px){.landing-hero-gallery{width:min(720px,100%);height:560px;margin:auto}.landing-showcase-real{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,270px)}.landing-showcase-real .landing-sample{grid-column:auto;grid-row:auto;aspect-ratio:auto}.auth-visual-stack{grid-template-columns:minmax(0,1fr) 130px;height:245px}}
@media(max-width:760px){.landing-hero-gallery{height:500px;padding:10px}.landing-hero-generation-state{right:0;bottom:27px}.legal-hero{padding:62px 0 52px}.legal-layout{grid-template-columns:1fr;gap:18px}.legal-aside{position:static;display:flex;overflow-x:auto;align-items:center;margin-inline:-4px;padding:4px;scrollbar-width:none}.legal-aside::-webkit-scrollbar{display:none}.legal-aside>strong,.legal-aside>small{display:none}.legal-aside>a{flex:0 0 auto}.legal-aside>a:first-child{margin:0}.legal-intro{padding:28px}.legal-article>section{padding:25px 28px}.legal-acknowledgement{margin:24px 28px 28px}}
@media(max-width:540px){.landing-hero-gallery{grid-template-columns:1.05fr .95fr;height:390px;margin-top:12px;padding:4px;gap:8px}.landing-hero-art{border-width:3px;border-radius:18px}.landing-hero-art-main>span{right:7px;bottom:7px;left:7px;padding:9px}.landing-hero-art-main>span b{font-size:8px}.landing-hero-art-main>span small{font-size:6px}.landing-hero-generation-state{right:5px;bottom:15px;min-width:195px;padding:9px 10px;border-radius:13px}.landing-hero-generation-state small{display:none}.landing-hero-ai-chip{top:-10px;left:8px;font-size:7px}.landing-showcase-real{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:220px 158px 158px;overflow:visible;margin:0;padding:0;gap:8px}.landing-showcase-real .landing-sample{min-width:0;flex:none;aspect-ratio:auto;border-radius:16px}.landing-showcase-real .sample-product,.landing-showcase-real .sample-fashion{grid-column:auto;grid-row:1}.landing-showcase-real .sample-architecture{grid-column:1/-1;grid-row:2}.landing-showcase-real .sample-cinematic{grid-column:1/-1;grid-row:3}.landing-showcase-real .landing-sample>div{right:10px;bottom:10px;left:10px}.landing-showcase-real .landing-sample strong{font-size:10px}.landing-showcase-real .landing-sample small{font-size:7px}.landing-showcase-real .landing-sample em{display:none}.auth-premium-main{padding-top:18px}.auth-premium-box{padding:26px 18px 20px;border:1px solid #e1e8f2;border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(28,54,95,.09)}.auth-theme-toggle{right:26px;top:28px}.auth-form-brand{margin-bottom:22px}.auth-form-heading{margin-bottom:20px}.auth-trust-row{gap:6px 10px;margin-top:19px;padding-top:15px;font-size:7px}.legal-hero{padding:48px 0 42px}.legal-hero h1{font-size:39px}.legal-hero p{font-size:12px}.legal-meta{flex-wrap:wrap}.legal-content-section{padding:27px 0 58px}.legal-layout{gap:13px}.legal-article{border-radius:20px}.legal-intro{padding:23px 20px}.legal-intro h2{font-size:26px}.legal-article>section{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:22px 20px}.legal-number{width:31px;height:31px;border-radius:9px}.legal-article h3{margin-top:4px;font-size:15px}.legal-article section p{font-size:11px;line-height:1.75}.legal-acknowledgement{margin:20px;padding:13px}html[data-theme=dark] .auth-premium-box{border-color:#292f37;background:#111214;box-shadow:none}}

/* BerandAI v4.9.17 — tier gates and responsive upgrade actions */
.video-project-choice .video-project-locked{width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.video-project-choice .video-project-locked>span{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 10px;min-height:70px;padding:12px;border:1px dashed var(--line);border-radius:15px;background:var(--panel);opacity:.72}.video-project-choice .video-project-locked b{display:grid;grid-row:1/3;width:38px;height:38px;place-items:center;align-self:center;border-radius:12px;background:#eef3f9}.video-project-choice .video-project-locked strong{align-self:end;font-size:11px}.video-project-choice .video-project-locked small{color:var(--muted);font-size:8px;line-height:1.45}.btn-premium-locked{cursor:pointer}.credit-action-locked{align-content:start}.credit-action-locked>[data-credit-upgrade]{margin-top:auto}html[data-theme=dark] .video-project-choice .video-project-locked>span{background:#101010}html[data-theme=dark] .video-project-choice .video-project-locked b{background:#192638}
@media(max-width:520px){.video-project-choice .video-project-locked>span{min-height:62px;padding:10px}.generation-action-row .btn-premium-locked{width:100%}}

/* BerandAI v4.9.19 — red testing badge and isolated simulated revenue */
.testing-account-badge{position:relative;display:inline-flex;align-items:center;width:max-content;overflow:hidden;padding:4px 7px;border:1px solid #ff7080;border-radius:999px;color:#fff;background:linear-gradient(135deg,#e51f3b,#a90828);box-shadow:0 5px 14px rgba(205,20,48,.25);font-size:8px!important;line-height:1;font-weight:950;letter-spacing:.055em;vertical-align:middle}.testing-account-badge:after{content:"";position:absolute;inset:-80% auto -80% -45%;width:38%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:testingBadgeShine 2.8s ease-in-out infinite}@keyframes testingBadgeShine{0%,58%{left:-45%}82%,100%{left:125%}}.side-user-head{flex-wrap:wrap}.testing-account-notice{display:flex;align-items:center;gap:11px;margin:0 0 15px;padding:11px 14px;border:1px solid #f0a4ad;border-radius:14px;background:#fff3f5}.testing-account-notice>span{padding:5px 8px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#e51f3b,#a90828);font-size:8px;font-weight:950;letter-spacing:.1em}.testing-account-notice p{margin:0;color:#7f3741;font-size:10px;line-height:1.5}.testing-revenue-note{color:#c1253c;font-size:8px;font-weight:850}html[data-theme=dark] .testing-account-badge{border-color:#ff6678;color:#fff;background:linear-gradient(135deg,#ee3150,#8f0925);box-shadow:0 5px 16px rgba(238,49,80,.22)}html[data-theme=dark] .testing-account-notice{border-color:#71313b;background:#291318}html[data-theme=dark] .testing-account-notice>span{color:#fff;background:linear-gradient(135deg,#ee3150,#990b29)}html[data-theme=dark] .testing-account-notice p{color:#e5a8b0}html[data-theme=dark] .testing-revenue-note{color:#ff8997}@media(prefers-reduced-motion:reduce){.testing-account-badge:after{animation:none}}
.account-plan-owner{border-color:#a9c7ee;color:#174c88!important;background:linear-gradient(135deg,#eaf4ff,#b9d7fa 58%,#e5f1ff)}.account-plan-owner i{background:rgba(255,255,255,.72)}html[data-theme=dark] .account-plan-owner{border-color:#42658d;color:#d5e8ff!important;background:linear-gradient(135deg,#182c43,#234b73 58%,#1a3550)}html[data-theme=dark] .account-plan-owner i{background:rgba(255,255,255,.14)}
@media(max-width:520px){.testing-account-notice{align-items:flex-start;padding:10px 11px}}

/* BerandAI v4.9.36 — real generator previews and balanced landing cards */
.landing-home .landing-hero-gallery{animation:heroReveal .7s .08s cubic-bezier(.22,1,.36,1) both}
.feature-image,.feature-music{grid-template-columns:minmax(0,.82fr) minmax(340px,1.18fr);min-height:440px}.feature-video,.feature-voice{display:grid;grid-template-rows:minmax(0,1fr) 190px;gap:22px;min-height:440px}.landing-feature-media{position:relative;display:block;min-width:0;min-height:190px;overflow:hidden;border:4px solid #fff;border-radius:20px;background:#13233a;box-shadow:0 18px 46px rgba(28,55,99,.17);isolation:isolate}.landing-feature-media-wide{height:100%;min-height:340px}.landing-feature-media:after{content:"";position:absolute;inset:34% 0 0;z-index:1;background:linear-gradient(180deg,transparent,rgba(4,13,31,.78));pointer-events:none}.landing-feature-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}.feature-image .landing-feature-media>img{object-position:center 58%}.feature-music .landing-feature-media>img{object-position:center}.feature-voice .landing-feature-media>img{object-position:center 25%}.landing-feature-media:hover>img,.landing-feature-media:focus-visible>img{transform:scale(1.045)}.landing-feature-media:focus-visible{outline:3px solid #4389eb;outline-offset:3px}.landing-feature-media>span{position:absolute;right:14px;bottom:13px;left:14px;z-index:2;display:grid;color:#fff}.landing-feature-media>span b{font-size:11px}.landing-feature-media>span small{margin-top:2px;color:rgba(255,255,255,.76);font-size:8px}.landing-feature-media>i{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:#fff;background:rgba(10,22,47,.4);box-shadow:0 10px 30px rgba(0,0,0,.2);backdrop-filter:blur(10px);font-size:13px;font-style:normal;transform:translate(-50%,-50%)}.landing-feature-media>em{position:absolute;top:13px;right:13px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;background:rgba(8,20,42,.38);backdrop-filter:blur(9px);font-size:13px;font-style:normal}.landing-feature-card:has(.landing-feature-media) .landing-feature-copy{align-self:center}.landing-feature-card:has(.landing-feature-media):before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(69,130,238,.11),transparent 70%);pointer-events:none}.landing-gallery-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.landing-gallery-tile:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(5,13,30,.72))}.landing-gallery-tile>span,.landing-gallery-tile>i{z-index:2}.landing-gallery-tile.tile-a,.landing-gallery-tile.tile-b,.landing-gallery-tile.tile-c,.landing-gallery-tile.tile-d{background-image:none}.landing-gallery-tile.tile-a img{object-position:center 60%}.landing-gallery-tile.tile-c img{object-position:center 22%}
html[data-theme=dark] .landing-feature-media{border-color:#272b31;background:#111820;box-shadow:none}html[data-theme=dark] .landing-feature-card:has(.landing-feature-media):before{background:radial-gradient(circle,rgba(48,137,217,.12),transparent 70%)}
@media(max-width:800px){.feature-image,.feature-music{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);min-height:400px}.feature-video,.feature-voice{grid-template-rows:auto 220px;min-height:430px}}
@media(max-width:620px){.feature-image,.feature-music,.feature-video,.feature-voice{display:grid;grid-template-columns:1fr;grid-template-rows:auto 178px;gap:17px;min-height:0!important}.landing-feature-media,.landing-feature-media-wide{width:100%;height:178px;min-height:178px;border-width:3px;border-radius:17px}.feature-image .landing-feature-media>img{object-position:center 61%}.landing-feature-media>span{right:11px;bottom:10px;left:11px}.landing-feature-media>i{width:40px;height:40px}.landing-feature-card:has(.landing-feature-media) .landing-feature-copy{align-self:start}.landing-feature-grid{gap:12px}.landing-feature-copy a{margin-top:15px}}

/* BerandAI v4.10.0 — rebuilt conversion-focused landing */
.lp26{--lp-ink:#112645;--lp-muted:#6f7f96;--lp-line:#dfe7f1;--lp-blue:#1688ef;--lp-violet:#6b4cf0;color:var(--lp-ink);background:#fff}.lp26 .container{width:min(1240px,calc(100% - 40px))}.lp26-hero{position:relative;overflow:hidden;padding:82px 0 76px;background:radial-gradient(circle at 82% 13%,rgba(104,75,239,.14),transparent 26%),radial-gradient(circle at 9% 85%,rgba(23,173,235,.11),transparent 25%),linear-gradient(180deg,#fbfdff,#f5f9ff 72%,#fff)}.lp26-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#dfe7f2,transparent)}.lp26-hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr);align-items:center;gap:62px}.lp26-kicker{display:inline-flex;align-items:center;gap:8px;color:#3172c5;font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.lp26-kicker i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#1ca9ed,#7048ee);box-shadow:0 0 0 6px rgba(55,127,226,.09)}.lp26-hero h1{max-width:650px;margin:20px 0 18px;color:var(--lp-ink);font-size:clamp(58px,6.2vw,84px);line-height:.92;letter-spacing:-.066em}.lp26-hero h1 span{color:transparent;background:linear-gradient(90deg,#138ded,#7049ed);background-clip:text;-webkit-background-clip:text}.lp26-hero-copy>p{max-width:625px;margin:0;color:var(--lp-muted);font-size:17px;line-height:1.72}.lp26-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.lp26-actions .btn{min-height:52px;padding-inline:20px;border-radius:15px}.lp26-actions .btn-primary{box-shadow:0 15px 35px rgba(57,79,219,.22)}.lp26-secondary{border:1px solid #d8e3ef;color:#3e526e;background:rgba(255,255,255,.76)}.lp26-trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:29px;padding-top:21px;border-top:1px solid #e2e9f2}.lp26-trust span{color:#8896a9;font-size:9px}.lp26-trust b{margin-right:3px;color:#294669;font-size:12px}.lp26-hero-art{position:relative;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:11px;height:560px;padding:15px}.lp26-hero-art:before{content:"";position:absolute;inset:8% 1% 2%;z-index:0;border-radius:42px;background:linear-gradient(145deg,rgba(35,180,238,.19),rgba(109,70,239,.18));filter:blur(30px);transform:rotate(-3deg)}.lp26-hero-art>a{position:relative;z-index:1;display:block;overflow:hidden;border:4px solid rgba(255,255,255,.94);border-radius:23px;background:#dce6f2;box-shadow:0 24px 58px rgba(27,53,96,.19);transition:transform .32s ease,box-shadow .32s}.lp26-hero-art>a:hover,.lp26-hero-art>a:focus-visible{z-index:3;outline:0;transform:translateY(-5px);box-shadow:0 31px 72px rgba(27,53,96,.25)}.lp26-hero-art img{display:block;width:100%;height:100%;object-fit:cover}.lp26-art-main{grid-row:1/3}.lp26-art-main img{object-position:center 58%}.lp26-art-bottom img{object-position:center 24%}.lp26-art-main>span{position:absolute;right:10px;bottom:10px;left:10px;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;background:rgba(5,18,39,.55);backdrop-filter:blur(12px);font-size:9px;font-weight:900}.lp26-ready{position:absolute;right:-3px;bottom:33px;z-index:4;display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;min-width:235px;padding:11px 13px;border:1px solid rgba(218,228,240,.9);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 15px 38px rgba(27,50,90,.18);backdrop-filter:blur(15px)}.lp26-ready>i{width:9px;height:9px;border-radius:50%;background:#12aa78;box-shadow:0 0 0 5px rgba(18,170,120,.1)}.lp26-ready>span{display:grid}.lp26-ready b{font-size:9px}.lp26-ready small{color:#8b98a9;font-size:7px}.lp26-ready>strong{color:#11805b;font-size:10px}.lp26-proof{border-block:1px solid #e8edf4;background:#fbfcfe}.lp26-proof .container{display:flex;min-height:70px;align-items:center;justify-content:center;gap:28px}.lp26-proof span{color:#63738a;font-size:10px;font-weight:850;white-space:nowrap}.lp26-proof i{width:4px;height:4px;border-radius:50%;background:#b8c5d6}.lp26-section{padding:88px 0}.lp26-heading{max-width:760px;margin:0 auto 36px;text-align:center}.lp26-heading>span{color:#3476c9;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.lp26-heading h2{margin:10px 0 11px;color:var(--lp-ink);font-size:clamp(36px,4.2vw,52px);line-height:1.06;letter-spacing:-.048em}.lp26-heading p{max-width:650px;margin:0 auto;color:var(--lp-muted);font-size:13px;line-height:1.72}.lp26-results{background:#fff}.lp26-result-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,225px);gap:11px}.lp26-result{position:relative;overflow:hidden;border:4px solid #fff;border-radius:21px;background:#17243a;box-shadow:0 16px 44px rgba(27,52,94,.14);isolation:isolate;transition:transform .32s ease,box-shadow .32s}.lp26-result:hover,.lp26-result:focus-visible{z-index:3;outline:0;transform:translateY(-5px);box-shadow:0 25px 58px rgba(27,52,94,.21)}.lp26-result:after{content:"";position:absolute;inset:34% 0 0;z-index:1;background:linear-gradient(180deg,transparent,rgba(4,13,30,.86))}.lp26-result img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.lp26-result:hover img{transform:scale(1.04)}.lp26-result-product{grid-column:1/4;grid-row:1/3}.lp26-result-architecture{grid-column:4/9;grid-row:1}.lp26-result-cinematic{grid-column:4/9;grid-row:2}.lp26-result-fashion{grid-column:9/13;grid-row:1/3}.lp26-result-fashion img{object-position:center 24%}.lp26-result>span{position:absolute;top:11px;left:11px;z-index:2;padding:6px 8px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;background:rgba(6,18,38,.35);backdrop-filter:blur(8px);font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.lp26-result>div{position:absolute;right:14px;bottom:13px;left:14px;z-index:2;display:grid;color:#fff}.lp26-result strong{font-size:13px}.lp26-result small{margin-top:3px;color:rgba(255,255,255,.74);font-size:8px}.lp26-result>b{position:absolute;right:13px;top:12px;z-index:2;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:rgba(7,18,38,.4);backdrop-filter:blur(8px);font-size:10px}.lp26-tools{border-block:1px solid #e9eef5;background:#f7f9fc}.lp26-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.lp26-tool{display:grid;grid-template-rows:190px minmax(0,1fr);overflow:hidden;border:1px solid #dfe7f1;border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(31,57,99,.055);transition:transform .25s ease,box-shadow .25s}.lp26-tool:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(31,57,99,.11)}.lp26-tool>img{width:100%;height:100%;object-fit:cover}.lp26-tool:nth-child(1)>img{object-position:center 58%}.lp26-tool:nth-child(3)>img{object-position:center 23%}.lp26-tool>div{display:flex;min-height:230px;flex-direction:column;padding:20px}.lp26-tool>div>span{color:#3177ca;font-size:8px;font-weight:950;letter-spacing:.12em}.lp26-tool h3{margin:7px 0 8px;color:#203857;font-size:19px}.lp26-tool p{margin:0;color:#74839a;font-size:11px;line-height:1.7}.lp26-tool a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid #edf1f6;color:#2c72ca;font-size:10px;font-weight:900}.lp26-how{background:#fff}.lp26-how-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);align-items:center;gap:70px}.lp26-how-copy h2{margin:16px 0 13px;font-size:clamp(38px,4.2vw,54px);line-height:1.05;letter-spacing:-.05em}.lp26-how-copy>p{margin:0;color:var(--lp-muted);font-size:13px;line-height:1.75}.lp26-how-copy>a{display:inline-flex;margin-top:20px;color:#2f75c9;font-size:11px;font-weight:900}.lp26-steps{display:grid;gap:10px}.lp26-steps article{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:17px 18px;border:1px solid #e0e8f2;border-radius:17px;background:#fbfcfe}.lp26-steps article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#3374c4;background:#eaf4ff;font-size:9px;font-weight:950}.lp26-steps h3{margin:0;color:#273e5e;font-size:14px}.lp26-steps p{margin:4px 0 0;color:#7d899c;font-size:10px}.lp26-prompt{padding:0 0 88px;background:#fff}.lp26-prompt-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:17px;overflow:hidden;padding:26px 28px;border-radius:23px;color:#fff;background:linear-gradient(120deg,#12365f,#255ba2 55%,#6843d7);box-shadow:0 24px 58px rgba(38,65,132,.2)}.lp26-prompt-card:after{content:"";position:absolute;right:-70px;top:-120px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(72,218,255,.24),transparent 67%)}.lp26-prompt-card>span{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.1);font-size:20px}.lp26-prompt-card>div{position:relative;z-index:1}.lp26-prompt-card small{color:#9fe1ff;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.lp26-prompt-card h2{margin:4px 0;color:#fff;font-size:23px}.lp26-prompt-card p{margin:0;color:#cbdaf0;font-size:10px}.lp26-prompt-card>a{position:relative;z-index:1;min-height:45px;border:1px solid rgba(255,255,255,.2);color:#24446f;background:#fff}.lp26-pricing{border-block:1px solid #e7edf5;background:#f7f9fc}.lp26-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-items:stretch;gap:15px}.lp26-price{position:relative;display:flex;min-height:100%;flex-direction:column;padding:26px;border:1px solid #dfe7f1;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(31,57,99,.05)}.lp26-price.featured{border-color:#6654e9;box-shadow:0 20px 50px rgba(80,71,211,.13)}.lp26-popular{position:absolute;top:-11px;right:20px;padding:6px 9px;border-radius:999px;color:#fff;background:linear-gradient(100deg,#2387e9,#6c4ae9);font-size:7px;font-weight:950;text-transform:uppercase}.lp26-price header small{color:#97a3b4;font-size:8px;text-transform:uppercase}.lp26-price h3{margin:4px 0 0;font-size:21px}.lp26-discount{width:max-content;margin-top:16px;padding:5px 8px;border-radius:8px;color:#147359;background:#e9f8f2;font-size:8px;font-weight:900}.lp26-price del{margin-top:10px;color:#9ca8b7;font-size:10px}.lp26-price-value{margin-top:20px;color:#172e50;font-size:28px;font-weight:950;letter-spacing:-.04em}.lp26-price del+.lp26-price-value{margin-top:2px}.lp26-price-value small{color:#8996a9;font-size:9px;font-weight:700;letter-spacing:0}.lp26-credit{margin-top:7px;color:#2872ca;font-size:15px}.lp26-price ul{display:grid;flex:1;gap:9px;margin:19px 0 23px;padding:17px 0 0;border-top:1px solid #ebeff5;list-style:none}.lp26-price li{display:flex;gap:7px;color:#68788f;font-size:10px;line-height:1.5}.lp26-price li span{color:#12805e;font-weight:950}.lp26-price .btn{width:100%;min-height:45px}.lp26-price-btn{border:1px solid #d9e3ef;color:#2f496c;background:#f8fafc}.lp26-all-plans{display:block;width:max-content;margin:24px auto 0;color:#2e72c7;font-size:10px;font-weight:900}.lp26-faq{background:#fff}.lp26-faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(500px,1.3fr);align-items:start;gap:68px}.lp26-faq .lp26-heading{margin:0;text-align:left}.lp26-faq .lp26-heading p{margin-left:0}.lp26-faq-list{border-top:1px solid #e1e8f1}.lp26-faq-list details{border-bottom:1px solid #e1e8f1}.lp26-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 2px;color:#2a405f;cursor:pointer;font-size:12px;font-weight:900;list-style:none}.lp26-faq-list summary::-webkit-details-marker{display:none}.lp26-faq-list summary span{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;color:#4271aa;background:#f0f4f9;font-size:15px;transition:transform .2s}.lp26-faq-list details[open] summary span{color:#276fc5;background:#eaf3ff;transform:rotate(45deg)}.lp26-faq-list p{margin:-4px 38px 18px 2px;color:#7a8799;font-size:11px;line-height:1.7}.lp26-final{padding:0 0 85px;background:#fff}.lp26-final-card{position:relative;overflow:hidden;padding:60px 42px;border-radius:29px;text-align:center;color:#fff;background:radial-gradient(circle at 84% 14%,rgba(56,211,255,.3),transparent 24%),radial-gradient(circle at 12% 88%,rgba(186,81,255,.25),transparent 28%),linear-gradient(125deg,#112f5a,#244f99 53%,#643dcc);box-shadow:0 27px 65px rgba(35,60,119,.21)}.lp26-final-card>span{font-size:8px;font-weight:950;letter-spacing:.16em}.lp26-final-card h2{margin:13px 0 8px;color:#fff;font-size:clamp(37px,4.4vw,55px);letter-spacing:-.05em}.lp26-final-card p{margin:0;color:#d2dff2;font-size:12px}.lp26-final-card>div{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:23px}.lp26-final-card .btn{min-height:48px;color:#254b81;background:#fff}.lp26-final-card>div>a:not(.btn){color:#dbe6f7;font-size:10px;font-weight:850}
html[data-theme=dark] .lp26{--lp-ink:#f1f5fb;--lp-muted:#97a6ba;--lp-line:#29313b;background:#080808}html[data-theme=dark] .lp26-hero{background:radial-gradient(circle at 82% 13%,rgba(91,70,210,.2),transparent 27%),radial-gradient(circle at 9% 85%,rgba(21,141,201,.13),transparent 25%),#0a0b0d}html[data-theme=dark] .lp26-secondary{border-color:#2d3743;color:#d2deec;background:#12161b}html[data-theme=dark] .lp26-trust{border-color:#292f36}html[data-theme=dark] .lp26-trust b{color:#dce8f6}html[data-theme=dark] .lp26-proof{border-color:#252b32;background:#0e0f11}html[data-theme=dark] .lp26-proof span{color:#9ca8b7}html[data-theme=dark] .lp26-results,html[data-theme=dark] .lp26-how,html[data-theme=dark] .lp26-prompt,html[data-theme=dark] .lp26-faq,html[data-theme=dark] .lp26-final{background:#080808}html[data-theme=dark] .lp26-tools,html[data-theme=dark] .lp26-pricing{border-color:#252b32;background:#0d0e10}html[data-theme=dark] .lp26-result{border-color:#24282d;box-shadow:none}html[data-theme=dark] .lp26-tool,html[data-theme=dark] .lp26-price{border-color:#292f37;background:#121315;box-shadow:none}html[data-theme=dark] .lp26-tool h3,html[data-theme=dark] .lp26-steps h3,html[data-theme=dark] .lp26-price-value{color:#e9f0f9}html[data-theme=dark] .lp26-tool a,html[data-theme=dark] .lp26-price ul{border-color:#292f37}html[data-theme=dark] .lp26-steps article{border-color:#292f37;background:#111214}html[data-theme=dark] .lp26-steps article>span{color:#8bc8ff;background:#142a40}html[data-theme=dark] .lp26-price.featured{border-color:#6555dd}html[data-theme=dark] .lp26-price-btn{border-color:#34404e;color:#d6e1ef;background:#171a1e}html[data-theme=dark] .lp26-faq-list,html[data-theme=dark] .lp26-faq-list details{border-color:#2a3038}html[data-theme=dark] .lp26-faq-list summary{color:#dbe5f1}html[data-theme=dark] .lp26-faq-list summary span{color:#aab8ca;background:#171b20}html[data-theme=dark] .lp26-ready{border-color:#303944;background:rgba(15,17,20,.92)}html[data-theme=dark] .lp26-ready b{color:#eef4fb}
@media(max-width:1020px){.lp26-hero-grid{grid-template-columns:1fr;gap:36px}.lp26-hero-copy{max-width:760px}.lp26-hero-art{width:min(720px,100%);height:540px;margin:auto}.lp26-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp26-how-grid{grid-template-columns:1fr;gap:35px}.lp26-how-copy{max-width:720px}}
@media(max-width:760px){.lp26 .container{width:min(100% - 28px,1240px)}.lp26-hero{padding:56px 0 54px}.lp26-hero h1{font-size:clamp(51px,11vw,68px)}.lp26-hero-art{height:480px}.lp26-proof .container{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.lp26-proof .container::-webkit-scrollbar{display:none}.lp26-section{padding:66px 0}.lp26-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,260px)}.lp26-result-product,.lp26-result-architecture,.lp26-result-fashion,.lp26-result-cinematic{grid-column:auto;grid-row:auto}.lp26-result-product img{object-position:center 58%}.lp26-price-grid{grid-template-columns:1fr}.lp26-price{min-height:0}.lp26-faq-grid{grid-template-columns:1fr;gap:28px}.lp26-prompt{padding-bottom:66px}.lp26-prompt-card{grid-template-columns:46px minmax(0,1fr);padding:23px}.lp26-prompt-card>span{width:46px;height:46px}.lp26-prompt-card>a{grid-column:1/-1;width:100%}}
@media(max-width:520px){.lp26 .container{width:calc(100% - 22px)}.lp26-hero{padding:43px 0 44px}.lp26-kicker{font-size:8px}.lp26-hero h1{margin-top:15px;font-size:47px;line-height:.94}.lp26-hero-copy>p{font-size:13px;line-height:1.65}.lp26-actions{display:grid;grid-template-columns:1fr;margin-top:22px}.lp26-actions .btn{width:100%;min-height:47px}.lp26-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px;padding-top:17px}.lp26-trust span{font-size:7px}.lp26-trust b{display:block;font-size:10px}.lp26-hero-art{height:355px;padding:5px;gap:7px}.lp26-hero-art>a{border-width:3px;border-radius:17px}.lp26-art-main>span{right:6px;bottom:6px;left:6px;padding:8px;font-size:7px}.lp26-ready{right:3px;bottom:13px;min-width:188px;padding:8px 10px}.lp26-ready small{display:none}.lp26-proof .container{min-height:56px;gap:16px}.lp26-proof span{font-size:8px}.lp26-section{padding:52px 0}.lp26-heading{margin-bottom:25px;text-align:left}.lp26-heading h2{font-size:34px}.lp26-heading p,.lp26-heading p{margin-left:0;font-size:11px}.lp26-result-grid{grid-template-rows:205px 145px 145px;gap:7px}.lp26-result{border-width:3px;border-radius:16px}.lp26-result-product,.lp26-result-fashion{grid-row:1}.lp26-result-architecture{grid-column:1/-1;grid-row:2}.lp26-result-cinematic{grid-column:1/-1;grid-row:3}.lp26-result>div{right:10px;bottom:9px;left:10px}.lp26-result strong{font-size:10px}.lp26-result small{display:none}.lp26-result>b{display:none}.lp26-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lp26-tool{grid-template-rows:120px minmax(0,1fr);border-radius:16px}.lp26-tool>div{min-height:205px;padding:13px}.lp26-tool h3{font-size:14px}.lp26-tool p{display:-webkit-box;overflow:hidden;font-size:9px;-webkit-box-orient:vertical;-webkit-line-clamp:4}.lp26-tool a{font-size:8px}.lp26-how-copy h2{font-size:36px}.lp26-steps article{grid-template-columns:37px minmax(0,1fr);padding:13px}.lp26-steps article>span{width:36px;height:36px}.lp26-steps h3{font-size:12px}.lp26-steps p{font-size:8px}.lp26-prompt{padding-bottom:52px}.lp26-prompt-card{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:19px;border-radius:19px}.lp26-prompt-card>span{width:40px;height:40px;border-radius:12px}.lp26-prompt-card h2{font-size:18px}.lp26-prompt-card p{font-size:8px;line-height:1.5}.lp26-price{padding:22px}.lp26-price ul{gap:7px}.lp26-all-plans{width:auto;text-align:center}.lp26-faq-list summary{font-size:11px}.lp26-final{padding-bottom:56px}.lp26-final-card{padding:39px 20px;border-radius:23px}.lp26-final-card h2{font-size:36px}.lp26-final-card>div{align-items:stretch;flex-direction:column}.lp26-final-card .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.lp26 *{scroll-behavior:auto!important;transition:none!important}}
@media (min-width:521px) and (max-width:760px){.lp26 .container{width:calc(100% - 28px)}}

/* BerandAI v4.10.1 — unique showcase art and image-free generator cards */
.lp26-tool{--tool-accent:#1688ef;position:relative;display:block;isolation:isolate}.lp26-tool:nth-child(2){--tool-accent:#6255ed}.lp26-tool:nth-child(3){--tool-accent:#0b9a85}.lp26-tool:nth-child(4){--tool-accent:#d87922}.lp26-tool:before{content:"";position:absolute;z-index:-1;right:-64px;top:-72px;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--tool-accent) 13%,transparent)}.lp26-tool>div{min-height:300px}.lp26-tool-icon{display:grid;width:50px;height:50px;margin-bottom:25px;place-items:center;border:1px solid color-mix(in srgb,var(--tool-accent) 23%,#dfe7f1);border-radius:15px;color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 9%,#fff);box-shadow:0 12px 26px color-mix(in srgb,var(--tool-accent) 11%,transparent);font-size:20px;line-height:1}.lp26-tool>div>.lp26-tool-icon+span{color:var(--tool-accent)}
html[data-theme=dark] .lp26-tool-icon{border-color:color-mix(in srgb,var(--tool-accent) 35%,#292f37);background:color-mix(in srgb,var(--tool-accent) 14%,#121315)}
@media(max-width:520px){.lp26-tool>div{min-height:230px}.lp26-tool-icon{width:42px;height:42px;margin-bottom:19px;border-radius:13px;font-size:17px}}

/* BerandAI v4.10.2 — owned video showcase */
.lp26-video-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:48px 0 18px}.lp26-video-heading>div{display:grid;gap:5px}.lp26-video-heading span{color:#3476c9;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.lp26-video-heading h3{margin:0;color:var(--lp-ink);font-size:27px;letter-spacing:-.035em}.lp26-video-heading p{max-width:390px;margin:0;color:var(--lp-muted);font-size:10px;text-align:right}.lp26-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.lp26-video{position:relative;overflow:hidden;aspect-ratio:16/9;border:4px solid #fff;border-radius:21px;background:linear-gradient(145deg,#17253a,#0b1422);box-shadow:0 16px 42px rgba(27,52,94,.15)}.lp26-video video{display:block;width:100%;height:100%;object-fit:cover;background:#101b2b}.lp26-video>div{position:absolute;z-index:2;top:12px;left:12px;display:grid;gap:2px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#fff;background:rgba(5,16,34,.55);pointer-events:none;backdrop-filter:blur(10px)}.lp26-video>div span{color:#a9d7ff;font-size:7px;font-weight:900;text-transform:uppercase}.lp26-video>div strong{font-size:10px}.lp26-video.media-loading-host:before{background:linear-gradient(145deg,#17253a,#0b1422)}html[data-theme=dark] .lp26-video{border-color:#24282d;box-shadow:none}
@media(max-width:620px){.lp26-video-heading{align-items:start;flex-direction:column;gap:7px;margin-top:34px}.lp26-video-heading p{text-align:left}.lp26-video-grid{grid-template-columns:1fr;gap:8px}.lp26-video{border-width:3px;border-radius:16px}}

/* BerandAI v4.10.3 — complete landing dark surfaces */
html[data-theme=dark] body.public-landing-page,html[data-theme=dark] body.public-page:has(.lp26),html[data-theme=dark] .lp26{background:#080808!important}
html[data-theme=dark] .lp26-hero-art>a{border-color:#252a31;background:#111820;box-shadow:0 24px 58px rgba(0,0,0,.42)}
html[data-theme=dark] .lp26-ready{border-color:#303943;color:#edf4fc;background:rgba(14,17,21,.94);box-shadow:0 15px 38px rgba(0,0,0,.4)}
html[data-theme=dark] .lp26-ready small{color:#8999ad}
html[data-theme=dark] .lp26-result,html[data-theme=dark] .lp26-video{border-color:#252a31;background:#101820}
html[data-theme=dark] .lp26-tool,html[data-theme=dark] .lp26-price{border-color:#292f37;background:#121315}
html[data-theme=dark] .lp26-tool:before{opacity:.72}
html[data-theme=dark] .lp26-prompt-card>a,html[data-theme=dark] .lp26-final-card .btn{border-color:#426fa5;color:#eaf4ff;background:#17375d}
html[data-theme=dark] .lp26-prompt-card>a:hover,html[data-theme=dark] .lp26-final-card .btn:hover{border-color:#6496ce;background:#214b7a}
html[data-theme=dark] .lp26-video video{color-scheme:dark;background:#0b1118}

/* BerandAI v4.10.15 — mockup-driven production landing */
.lp27{background:#f7f9fc}.lp27 .lp26-hero{padding:36px 0 30px;color:#fff;background:radial-gradient(circle at 82% 16%,rgba(86,80,230,.2),transparent 29%),linear-gradient(122deg,#07162d,#081b38 62%,#09162d)}.lp27 .lp26-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:54px}.lp27 .lp26-hero-copy{max-width:560px}.lp27 .lp26-kicker{padding:0;border:0;color:#88bfff;background:none;font-size:8px;letter-spacing:.24em}.lp27 .lp26-kicker i{background:#3aa5ff;box-shadow:0 0 0 5px rgba(58,165,255,.1)}.lp27 .lp26-hero h1{margin:19px 0 13px;color:#fff;font-size:clamp(49px,5.3vw,76px);line-height:.93;letter-spacing:-.061em}.lp27 .lp26-hero h1 span{background:linear-gradient(90deg,#2d9df9,#7652f3);-webkit-background-clip:text;background-clip:text;color:transparent}.lp27 .lp26-hero-copy>p{max-width:500px;margin:0;color:#d6e1f1;font-size:16px;line-height:1.55}.lp27 .lp26-actions{display:flex;gap:10px;margin-top:22px}.lp27 .lp26-actions .btn{min-width:154px;min-height:46px;justify-content:center;border-radius:10px}.lp27 .lp26-actions .btn-primary{background:linear-gradient(100deg,#167ef0,#6946ed)}.lp27 .lp26-secondary{border:1px solid #526ce2;color:#fff;background:rgba(10,24,49,.5)}.lp27 .lp26-secondary:hover{border-color:#8296ff;background:#142849}.lp27 .lp26-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:27px;padding-top:19px;border-top:1px solid rgba(167,194,228,.18)}.lp27 .lp26-trust span{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;color:#dce6f5;font-size:8px}.lp27 .lp26-trust span>i{grid-row:1/3;color:#81c1ff;font-size:13px;font-style:normal}.lp27 .lp26-trust b{color:#fff;font-size:8px}.lp27 .lp26-trust small{color:#8498b4;font-size:6px}.lp27 .lp26-hero-art{display:grid;height:405px;padding:0;grid-template-columns:1fr 1.2fr;grid-template-rows:1fr 1fr;gap:10px}.lp27 .lp26-hero-art:before{display:none}.lp27-media{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:#16253b;box-shadow:0 15px 38px rgba(0,0,0,.2)}.lp27-media:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(2,9,22,.78));pointer-events:none}.lp27-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}.lp27-media:hover img,.lp27-media:focus-visible img{transform:scale(1.045)}.lp27-media>span{position:absolute;z-index:2;top:10px;left:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;background:rgba(5,14,29,.53);backdrop-filter:blur(7px);font-size:7px;font-weight:900}.lp27-media>strong{position:absolute;z-index:2;right:11px;bottom:10px;left:11px;color:#fff;font-size:10px}.lp27-image{grid-row:1}.lp27-image img{object-position:center 58%}.lp27-video{grid-column:2}.lp27-video img{object-position:center}.lp27-voice img{object-position:center 24%}.lp27-music{grid-column:2}.lp27-music img{object-position:center 35%}.lp27-wave{position:absolute;z-index:2;right:11px;bottom:31px;left:11px;display:flex;height:30px;align-items:end;gap:3px}.lp27-wave i{width:3px;height:45%;border-radius:3px;background:#7fcaff}.lp27-wave i:nth-child(2),.lp27-wave i:nth-child(6){height:80%}.lp27-wave i:nth-child(3),.lp27-wave i:nth-child(7){height:58%}.lp27-wave i:nth-child(4){height:100%}.lp27 .lp26-proof{border:0;background:#fff}.lp27 .lp26-proof .container{display:grid;min-height:74px;grid-template-columns:repeat(7,auto);align-items:center;justify-content:space-between}.lp27 .lp26-proof span{display:grid;gap:2px;color:#7a899f;text-align:left}.lp27 .lp26-proof b{color:#122b51;font-size:17px}.lp27 .lp26-proof small{font-size:8px}.lp27 .lp26-proof i{width:1px;height:29px;border-radius:0;background:#dce5f0}.lp27 .lp26-results{padding:54px 0 64px;background:#fff}.lp27-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px;text-align:left}.lp27-gallery-heading>div>span{color:#3479d0;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.lp27-gallery-heading h2{margin:6px 0 3px;font-size:31px}.lp27-gallery-heading p{margin:0;font-size:10px}.lp27-gallery-heading>a{flex:0 0 auto;padding:10px 14px;border:1px solid #dce6f2;border-radius:10px;color:#245fa6;background:#fff;font-size:9px;font-weight:900}.lp27 .lp26-result-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:185px 185px;gap:8px}.lp27 .lp26-result{grid-column:span 4;grid-row:auto;border-width:0;border-radius:13px;box-shadow:none}.lp27 .lp26-result:nth-child(n+4){grid-column:span 3}.lp27 .lp26-result:hover{transform:translateY(-3px)}.lp27 .lp26-result img{object-position:center}.lp27 .lp26-result-fashion img{object-position:center 24%}.lp27 .lp26-result-product img{object-position:center 58%}.lp27 .lp26-video-heading{margin-top:38px}.lp27 .lp26-tools{padding:48px 0;border-block:1px solid #e5ebf3;background:#f6f8fb}.lp27 .lp26-tools .lp26-heading{margin-bottom:22px}.lp27 .lp26-tool-grid{gap:9px}.lp27 .lp26-tool{border-radius:14px}.lp27 .lp26-tool>div{min-height:158px;padding:15px}.lp27 .lp26-tool-icon{width:38px;height:38px;margin-bottom:12px;border-radius:11px;font-size:16px}.lp27 .lp26-tool h3{margin:5px 0;font-size:14px}.lp27 .lp26-tool p{display:-webkit-box;overflow:hidden;font-size:8px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lp27 .lp26-tool a{padding-top:10px;font-size:8px}.lp27 .lp26-how,.lp27 .lp26-prompt,.lp27 .lp26-faq,.lp27 .lp26-final{background:#fff}
html[data-theme=dark] .lp27{background:#080808}html[data-theme=dark] .lp27 .lp26-hero{background:radial-gradient(circle at 82% 16%,rgba(86,80,230,.2),transparent 29%),linear-gradient(122deg,#061225,#08182f 62%,#081326)}html[data-theme=dark] .lp27 .lp26-proof,html[data-theme=dark] .lp27 .lp26-results,html[data-theme=dark] .lp27 .lp26-how,html[data-theme=dark] .lp27 .lp26-prompt,html[data-theme=dark] .lp27 .lp26-faq,html[data-theme=dark] .lp27 .lp26-final{background:#080808}html[data-theme=dark] .lp27 .lp26-proof{border-bottom:1px solid #24282e}html[data-theme=dark] .lp27 .lp26-proof b{color:#e8f0fb}html[data-theme=dark] .lp27 .lp26-proof small{color:#8998aa}html[data-theme=dark] .lp27-gallery-heading>a{border-color:#303740;color:#9bcaff;background:#121519}html[data-theme=dark] .lp27 .lp26-tools{border-color:#252a31;background:#0d0e10}
@media(max-width:1080px){.lp27 .lp26-hero-grid{grid-template-columns:1fr;gap:32px}.lp27 .lp26-hero-copy{max-width:750px}.lp27 .lp26-hero-art{width:min(760px,100%);height:470px;margin:0}.lp27 .lp26-result-grid{grid-template-rows:180px 180px}}
@media(max-width:760px){.lp27 .lp26-hero{padding:37px 0 30px}.lp27 .lp26-hero h1{font-size:clamp(43px,10vw,58px)}.lp27 .lp26-hero-copy>p{font-size:14px}.lp27 .lp26-proof .container{grid-template-columns:1fr 1fr;gap:0}.lp27 .lp26-proof span{min-height:63px;align-content:center;padding:9px 4px}.lp27 .lp26-proof i{display:none}.lp27 .lp26-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.lp27 .lp26-result,.lp27 .lp26-result:nth-child(n+4){grid-column:auto;aspect-ratio:1.15/1}.lp27 .lp26-result:last-child{grid-column:1/-1;aspect-ratio:2.35/1}.lp27-gallery-heading{align-items:flex-start;flex-direction:column}.lp27-gallery-heading>a{align-self:flex-start}.lp27 .lp26-video-grid{grid-template-columns:1fr 1fr}.lp27 .lp26-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.public-landing-page .public-topbar{min-height:58px}.public-landing-page .public-topbar>.container{min-height:58px}.lp27 .lp26-hero{padding:31px 0 25px}.lp27 .lp26-hero-grid{gap:23px}.lp27 .lp26-kicker{font-size:7px}.lp27 .lp26-hero h1{margin-top:13px;font-size:43px;line-height:.96}.lp27 .lp26-hero-copy>p{font-size:12px}.lp27 .lp26-actions{grid-template-columns:1fr;gap:8px;margin-top:19px}.lp27 .lp26-actions .btn{min-height:45px}.lp27 .lp26-trust{display:none}.lp27 .lp26-hero-art{display:block;width:100%;height:188px}.lp27-media{display:none}.lp27-media:first-child{display:block;width:100%;height:100%;border-radius:15px}.lp27-media:first-child img{object-position:center 55%}.lp27 .lp26-proof .container{width:calc(100% - 22px);grid-template-columns:repeat(2,1fr)}.lp27 .lp26-proof span{padding-left:8px}.lp27 .lp26-proof b{font-size:15px}.lp27 .lp26-results{padding:39px 0 50px}.lp27-gallery-heading h2{font-size:27px}.lp27-gallery-heading>a{width:100%;text-align:center}.lp27 .lp26-result-grid{gap:6px}.lp27 .lp26-result{aspect-ratio:.95/1;border-radius:11px}.lp27 .lp26-result:last-child{aspect-ratio:2/1}.lp27 .lp26-result>span{top:7px;left:7px;font-size:6px}.lp27 .lp26-result>div{right:8px;bottom:7px;left:8px}.lp27 .lp26-video-grid{grid-template-columns:1fr}.lp27 .lp26-video-heading{margin-top:30px}.lp27 .lp26-tools{padding:39px 0}.lp27 .lp26-tool-grid{gap:7px}.lp27 .lp26-tool>div{min-height:155px;padding:12px}.lp27 .lp26-tool-icon{width:35px;height:35px;margin-bottom:10px}.lp27 .lp26-tool h3{font-size:12px}.lp27 .lp26-tool p{font-size:7px}.lp27 .lp26-tool a{font-size:7px}}
@media(prefers-reduced-motion:reduce){.lp27-media img,.lp27 .lp26-result{transition:none!important}.lp27-wave i{animation:none!important}}

/* BerandAI v4.10.6 — guided aspect-ratio selection */
.generation-ratio-picker{min-width:0;margin:0;padding:16px 20px 18px;border:0;border-bottom:1px solid #edf1f7;background:linear-gradient(180deg,#fbfdff,#f8fbff)}
.generation-ratio-picker legend{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:12px;padding:0;margin:0 0 10px;color:#405372}
.generation-ratio-picker legend strong{font-size:12px;font-weight:900}.generation-ratio-picker legend small{color:#8795aa;font-size:9px;font-weight:600;text-align:right}
.generation-ratio-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.generation-ratio-options.two-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.generation-ratio-options label{min-width:0;margin:0;cursor:pointer}.generation-ratio-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.generation-ratio-options label>span{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 19px;grid-template-rows:auto auto;gap:1px 9px;min-height:58px;align-items:center;padding:9px 10px;border:1px solid #d9e3ef;border-radius:13px;color:#52627d;background:#fff;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}
.generation-ratio-options label:hover>span{border-color:#9bc0ee;transform:translateY(-1px)}.generation-ratio-options input:focus-visible+span{outline:3px solid rgba(31,125,239,.2);outline-offset:2px}
.generation-ratio-options input:checked+span{border-color:#67a7ee;color:#176ac8;background:#edf6ff;box-shadow:0 0 0 2px rgba(33,125,232,.08)}
.generation-ratio-options b{align-self:end;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.generation-ratio-options b small{color:#6f84a1;font-size:9px}.generation-ratio-options em{align-self:start;overflow:hidden;color:#8a97ab;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.generation-ratio-options u{grid-column:3;grid-row:1/3;display:grid;width:18px;height:18px;align-self:center;place-items:center;border-radius:50%;color:transparent;background:#edf1f6;font-size:9px;text-decoration:none}.generation-ratio-options input:checked+span u{color:#fff;background:#2583df}
.ratio-shape{grid-row:1/3;display:block;justify-self:center;border:2px solid #7d8fa7;border-radius:3px;background:linear-gradient(145deg,#e7f3ff,#d8e7fa)}.ratio-shape.landscape{width:30px;height:18px}.ratio-shape.portrait{width:16px;height:28px}.ratio-shape.square{width:24px;height:24px}.ratio-shape.photo{width:19px;height:27px}.generation-ratio-options input:checked+span .ratio-shape{border-color:#2380dc;background:linear-gradient(145deg,#d7efff,#cfe0ff)}
.image-ratio-picker{padding-left:24px;padding-right:24px}.compact-ratio-picker{margin:10px 0;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.compact-ratio-picker legend{margin-bottom:8px}.compact-ratio-picker .generation-ratio-options label>span{min-height:52px;padding:7px 9px}.compact-ratio-picker .generation-ratio-options em{display:none}
html[data-theme=dark] .generation-ratio-picker{border-color:#292929;background:linear-gradient(180deg,#111,#0d0d0d)}html[data-theme=dark] .generation-ratio-picker legend{color:#dfe8f5}html[data-theme=dark] .generation-ratio-picker legend small,html[data-theme=dark] .generation-ratio-options em{color:#8794a7}html[data-theme=dark] .generation-ratio-options label>span{border-color:#30343a;color:#aebdce;background:#141516}html[data-theme=dark] .generation-ratio-options label:hover>span{border-color:#416d9b}html[data-theme=dark] .generation-ratio-options input:checked+span{border-color:#3d86ca;color:#c9e5ff;background:#132c44;box-shadow:0 0 0 2px rgba(61,134,202,.12)}html[data-theme=dark] .generation-ratio-options u{background:#292d32}html[data-theme=dark] .ratio-shape{border-color:#70839b;background:#202a35}html[data-theme=dark] .generation-ratio-options input:checked+span .ratio-shape{border-color:#65b3f3;background:#1a3a55}html[data-theme=dark] .compact-ratio-picker{border-color:#2b425d;background:#102237}
@media(max-width:600px){.generation-ratio-picker,.image-ratio-picker{padding:13px 14px}.generation-ratio-picker legend{align-items:flex-start;flex-direction:column;gap:2px}.generation-ratio-picker legend small{text-align:left}.generation-ratio-options{gap:6px}.generation-ratio-options label>span{grid-template-columns:25px minmax(0,1fr) 16px;gap:1px 6px;min-height:54px;padding:8px 7px}.generation-ratio-options em{display:none}.generation-ratio-options b{grid-row:1/3;align-self:center;font-size:9px;white-space:normal}.generation-ratio-options b small{display:block;margin-top:2px}.generation-ratio-options u{width:15px;height:15px}.ratio-shape.landscape{width:25px;height:15px}.ratio-shape.portrait{width:14px;height:25px}.ratio-shape.square{width:21px;height:21px}.ratio-shape.photo{width:16px;height:23px}.compact-ratio-picker{padding:10px}.compact-ratio-picker .generation-ratio-options label>span{grid-template-columns:24px minmax(0,1fr) 16px}}

/* BerandAI v4.10.7 — API-backed workflow catalog */
.workflow-catalog{margin-top:22px}.workflow-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.workflow-catalog-head h2{margin:3px 0 5px;font-size:24px;letter-spacing:-.035em}.workflow-catalog-head p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.workflow-api-status{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cce9df;border-radius:999px;color:#087858;background:#effbf6;font-size:9px;font-weight:900}.workflow-api-status i{width:7px;height:7px;border-radius:50%;background:#10a77b;box-shadow:0 0 0 4px rgba(16,167,123,.1)}
.workflow-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.workflow-menu-card{--workflow-accent:#287bd6;position:relative;display:flex;min-width:0;min-height:225px;overflow:hidden;flex-direction:column;padding:17px;border-color:var(--line);isolation:isolate}.workflow-menu-card:before{content:"";position:absolute;z-index:-1;top:-65px;right:-62px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--workflow-accent) 12%,transparent)}.workflow-menu-card.tone-violet{--workflow-accent:#6854e9}.workflow-menu-card.tone-cyan{--workflow-accent:#148fb8}.workflow-menu-card.tone-green{--workflow-accent:#15936e}.workflow-menu-card.tone-orange{--workflow-accent:#d87824}.workflow-menu-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.workflow-menu-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--workflow-accent) 28%,var(--line));border-radius:12px;color:var(--workflow-accent);background:color-mix(in srgb,var(--workflow-accent) 10%,var(--panel));font-size:16px;font-weight:900}.workflow-tier-badge{max-width:105px;overflow:hidden;padding:5px 7px;border:1px solid color-mix(in srgb,var(--workflow-accent) 22%,var(--line));border-radius:999px;color:var(--workflow-accent);background:color-mix(in srgb,var(--workflow-accent) 7%,var(--panel));font-size:7px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.workflow-menu-card>small{color:var(--workflow-accent);font-size:7px;font-weight:950;letter-spacing:.11em}.workflow-menu-card h3{margin:5px 0 6px;font-size:16px;letter-spacing:-.02em}.workflow-menu-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:9px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.workflow-menu-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;color:var(--workflow-accent);font-size:9px;font-weight:900}.workflow-menu-action span{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--workflow-accent) 10%,var(--panel));transition:transform .15s}.workflow-menu-action:hover span{transform:translateX(2px)}.workflow-menu-action.disabled{color:var(--muted);cursor:not-allowed}.workflow-menu-card.is-unavailable{opacity:.58}.workflow-menu-card.is-locked{border-style:dashed}
.workflow-tier-guide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;margin-top:13px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 91%,var(--bg))}.workflow-tier-guide>strong{align-self:center;font-size:10px}.workflow-tier-guide>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.workflow-tier-guide span{display:grid;gap:2px;color:var(--muted);font-size:7px;line-height:1.4}.workflow-tier-guide b{color:var(--text);font-size:8px}.workflow-storyboard-locked{border-style:dashed}
html[data-theme=dark] .workflow-api-status{border-color:#1c5a49;color:#7eddbd;background:#0e2922}html[data-theme=dark] .workflow-menu-card{background:#111;border-color:#292929}html[data-theme=dark] .workflow-menu-icon,html[data-theme=dark] .workflow-tier-badge,html[data-theme=dark] .workflow-menu-action span{background:color-mix(in srgb,var(--workflow-accent) 16%,#101010)}
@media(max-width:1050px){.workflow-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-tier-guide>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workflow-catalog-head{align-items:flex-start;flex-direction:column;gap:9px}.workflow-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-menu-card{min-height:205px}.workflow-tier-guide{grid-template-columns:1fr;gap:9px}}
@media(max-width:420px){.workflow-catalog-head h2{font-size:20px}.workflow-menu-card{min-height:190px;padding:13px}.workflow-menu-top{margin-bottom:12px}.workflow-menu-icon{width:34px;height:34px;border-radius:10px;font-size:14px}.workflow-tier-badge{max-width:78px;padding:4px 5px;font-size:6px}.workflow-menu-card h3{font-size:13px}.workflow-menu-card p{font-size:8px;-webkit-line-clamp:3}.workflow-tier-guide{padding:12px}.workflow-tier-guide>div{gap:7px}.workflow-tier-guide span{font-size:6px}.workflow-tier-guide b{font-size:7px}}

/* BerandAI v4.10.12 — video + Voice Generator composition */
.btn-voiceover{color:#176a87!important;border-color:#c9e8f1!important;background:linear-gradient(135deg,#f5fcff,#e9f8fc)!important}.btn-voiceover:hover{border-color:#8bcfe1!important;background:#e3f6fb!important}.video-voiceover-dialog{width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:1px solid #dce7f1;border-radius:23px;color:var(--text);background:var(--panel);box-shadow:0 30px 100px rgba(10,36,66,.3)}.video-voiceover-dialog::backdrop{background:rgba(3,14,27,.7);backdrop-filter:blur(7px)}.video-voiceover-shell{padding:25px}.video-voiceover-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.video-voiceover-shell>header span{color:#1682a3;font-size:8px;font-weight:950;letter-spacing:.13em}.video-voiceover-shell>header h2{margin:5px 0 4px;font-size:25px;letter-spacing:-.035em}.video-voiceover-shell>header p{margin:0;color:var(--muted);font-size:10px}.video-voiceover-shell>header button{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:var(--surface-soft);font-size:20px;cursor:pointer}.video-voiceover-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:19px 0}.video-voiceover-grid label:first-child{grid-column:1/-1}.video-voiceover-grid label{display:grid;gap:6px}.video-voiceover-grid label>span{font-size:10px;font-weight:900}.video-voiceover-grid label>small{color:var(--muted);font-size:8px}.video-voiceover-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:11px 12px;border:1px solid #d7ebf2;border-radius:13px;color:#4e7382;background:#f2fbfd}.video-voiceover-note>span{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:9px;color:#087797;background:#dff5fa}.video-voiceover-note p{margin:3px 0 0;font-size:9px;line-height:1.55}.video-voiceover-shell>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.video-voiceover-empty{padding:34px 15px 10px;text-align:center}.video-voiceover-empty>span{display:grid;width:48px;height:48px;margin:0 auto 12px;place-items:center;border-radius:15px;color:#1682a3;background:#e6f7fb}.video-voiceover-empty h3{margin:0;font-size:17px}.video-voiceover-empty p{max-width:430px;margin:7px auto 16px;color:var(--muted);font-size:10px;line-height:1.6}html[data-theme=dark] .btn-voiceover{color:#8ddbf0!important;border-color:#285365!important;background:linear-gradient(135deg,#10232c,#112c38)!important}html[data-theme=dark] .video-voiceover-dialog{border-color:#293e50;background:#101820}html[data-theme=dark] .video-voiceover-note{border-color:#214859;color:#98bdca;background:#102832}html[data-theme=dark] .video-voiceover-note>span,html[data-theme=dark] .video-voiceover-empty>span{color:#8ddbf0;background:#173743}
@media(max-width:600px){.video-voiceover-shell{padding:20px 16px}.video-voiceover-shell>header h2{font-size:21px}.video-voiceover-grid{grid-template-columns:1fr}.video-voiceover-grid label:first-child{grid-column:auto}.video-voiceover-shell>footer{display:grid;grid-template-columns:1fr}.video-voiceover-shell>footer .btn{width:100%;min-height:45px}.video-voiceover-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:18px}}

/* BerandAI v4.10.13 — real voice-library preview */
.creative-voice-picker{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:7px;margin-left:auto;align-items:center}.creative-voice-picker .creative-inline-select{width:100%;min-width:210px;margin:0}.creative-voice-preview{display:flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid #cbdcf0;border-radius:13px;color:#1769bb;background:#edf6ff;font:800 11px/1 inherit;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.creative-voice-preview:hover{border-color:#8ebce9;background:#e4f1ff;transform:translateY(-1px)}.creative-voice-preview:disabled{cursor:wait;opacity:.7;transform:none}.creative-voice-preview[aria-pressed=true]{color:#fff;border-color:#1672d8;background:#1672d8}.creative-voice-preview-status{grid-column:1/-1;min-height:12px;color:var(--muted);font-size:8px;text-align:right}html[data-theme=dark] .creative-voice-preview{color:#91c9ff;border-color:#2b4968;background:#132b43}html[data-theme=dark] .creative-voice-preview:hover{border-color:#4777a5;background:#183652}html[data-theme=dark] .creative-voice-preview[aria-pressed=true]{color:#fff;border-color:#2586e5;background:#176dbd}
@media(max-width:820px){.creative-voice-picker{flex:1;margin-left:0}}
@media(max-width:600px){.creative-voice-picker{width:100%;grid-template-columns:minmax(0,1fr) 104px}.creative-voice-picker .creative-inline-select{min-width:0}.creative-voice-preview{padding-inline:9px}.creative-voice-preview-status{text-align:left}}

/* ==========================================================================
   LANDING PAGE V3 — Premium Redesign (BerandAI 2026)
   ========================================================================== */
.landing-v3 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #111827;
  background-color: #ffffff;
  line-height: 1.6;
  overflow-x: hidden;
}

/* ——— Base Utilities ——— */
.text-center { text-align: center; }
.mt-4 { margin-top: 1rem; }
.mt-8 { margin-top: 2rem; }
.glass-panel {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(229, 231, 235, 0.45);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
}
.text-gradient {
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #db2777 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.text-gradient-light {
  background: linear-gradient(135deg, #93c5fd, #c4b5fd, #f9a8d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ——— Scroll Animations ——— */
.lv3-animate-in {
  animation: lv3FadeUp 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.lv3-delay-1 { animation-delay: 0.15s; }
.lv3-animate-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.lv3-animate-scroll.lv3-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ——— Keyframes ——— */
@keyframes lv3FadeUp {
  from { opacity: 0; transform: translateY(32px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes pulseGlow {
  0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); }
  70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
@keyframes orbFloat1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(40px, -60px) scale(1.12); }
  66% { transform: translate(-30px, 30px) scale(0.95); }
}
@keyframes orbFloat2 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-50px, -40px) scale(1.08); }
}
@keyframes orbFloat3 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  40% { transform: translate(35px, 50px) scale(1.15); }
  70% { transform: translate(-20px, -20px) scale(0.92); }
}
@keyframes particleDrift {
  0%, 100% { opacity: 0.15; transform: translateY(0) rotate(0deg) scale(0.7); }
  50% { opacity: 0.6; transform: translateY(-25px) rotate(180deg) scale(1); }
}
@keyframes btnShine {
  0%, 40% { transform: translateX(-130%); }
  75%, 100% { transform: translateX(130%); }
}
@keyframes marqueeScroll {
  to { transform: translateX(-50%); }
}
@keyframes ctaOrbPulse {
  0%, 100% { opacity: 0.15; transform: scale(1); }
  50% { opacity: 0.3; transform: scale(1.2); }
}

/* ——— Buttons ——— */
.lv3-btn-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #2563eb 0%, #4f46e5 50%, #7c3aed 100%);
  color: #ffffff !important;
  border: none;
  border-radius: 12px;
  padding: 14px 28px;
  font-weight: 700;
  font-size: 15px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.3);
}
.lv3-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.4);
}
.lv3-btn-glow .btn-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,0.4) 48%, transparent 72%);
  transform: translateX(-130%);
  animation: btnShine 3.5s ease-in-out infinite;
  pointer-events: none;
}
.lv3-btn-secondary {
  background: #f8fafc;
  color: #334155 !important;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 28px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lv3-btn-secondary:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #111827 !important;
  transform: translateY(-1px);
}
.lv3-play-dot {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #dbeafe;
  color: #2563eb;
  font-size: 9px;
}
.lv3-btn-outline {
  background: transparent;
  color: #2563eb !important;
  border: 1.5px solid #2563eb;
  border-radius: 12px;
  padding: 12px 24px;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.3s ease;
  display: inline-block;
}
.lv3-btn-outline:hover {
  background: #2563eb;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.25);
  transform: translateY(-2px);
}
.lv3-btn-cta {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #f9fafb, #ffffff);
  color: #0f172a !important;
  border: none;
  border-radius: 14px;
  padding: 16px 32px;
  font-weight: 800;
  font-size: 16px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s, box-shadow 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lv3-btn-cta:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}
.lv3-link {
  color: #2563eb;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s;
}
.lv3-link:hover { text-decoration: underline; }

/* ===== HERO ===== */
.lv3-hero {
  padding: 120px 0 80px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f8faff 0%, #ffffff 50%, #f1f5f9 100%);
}
.lv3-hero-orbs {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.lv3-hero-orbs .orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
}
.orb-1 {
  width: 500px; height: 500px; top: -120px; left: -80px;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.18), transparent 70%);
  animation: orbFloat1 12s ease-in-out infinite;
}
.orb-2 {
  width: 400px; height: 400px; top: 50%; right: -100px;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.15), transparent 70%);
  animation: orbFloat2 15s ease-in-out infinite;
}
.orb-3 {
  width: 350px; height: 350px; bottom: -100px; left: 40%;
  background: radial-gradient(circle, rgba(219, 39, 119, 0.1), transparent 70%);
  animation: orbFloat3 18s ease-in-out infinite;
}
.lv3-hero-particles {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
}
.lv3-hero-particles i {
  position: absolute; width: 6px; height: 6px; border-radius: 50%;
  animation: particleDrift 5s ease-in-out infinite;
}
.lv3-hero-particles i:nth-child(1) { left: 8%; top: 20%; background: #3b82f6; }
.lv3-hero-particles i:nth-child(2) { left: 25%; top: 60%; background: #8b5cf6; animation-delay: -1.2s; }
.lv3-hero-particles i:nth-child(3) { left: 55%; top: 15%; background: #06b6d4; animation-delay: -2.5s; }
.lv3-hero-particles i:nth-child(4) { right: 12%; top: 35%; background: #ec4899; animation-delay: -0.7s; }
.lv3-hero-particles i:nth-child(5) { left: 75%; bottom: 25%; background: #10b981; animation-delay: -3.2s; }
.lv3-hero-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
  align-items: center; position: relative; z-index: 1;
}
.lv3-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px; background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
  color: #15803d; border-radius: 999px; font-size: 12px; font-weight: 700;
  margin-bottom: 28px; border: 1px solid #bbf7d0; box-shadow: 0 2px 8px rgba(34, 197, 94, 0.08);
}
.pulse-dot {
  width: 8px; height: 8px; background: #22c55e; border-radius: 50%;
  animation: pulseGlow 2s infinite;
}
.lv3-title {
  font-size: clamp(42px, 5vw, 62px); font-weight: 800; line-height: 1.05;
  letter-spacing: -0.03em; margin-bottom: 24px; color: #0f172a;
}
.lv3-subtitle {
  font-size: 18px; color: #475569; margin-bottom: 36px; max-width: 520px; line-height: 1.65;
}
.lv3-actions { display: flex; gap: 16px; margin-bottom: 52px; flex-wrap: wrap; }
.lv3-trust { display: flex; gap: 28px; border-top: 1px solid #e2e8f0; padding-top: 28px; }
.trust-item { display: flex; align-items: center; gap: 12px; }
.trust-icon {
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  background: #f1f5f9; border-radius: 12px; font-size: 18px; border: 1px solid #e2e8f0;
}
.trust-item strong { display: block; font-size: 13px; font-weight: 700; color: #0f172a; }
.trust-item small { display: block; font-size: 11px; color: #64748b; margin-top: 1px; }
.lv3-hero-art {
  display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;
  gap: 16px; height: 500px;
}
.lv3-media-card {
  position: relative; border-radius: 20px; overflow: hidden;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}
.lv3-media-card:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16);
}
.img-card { grid-row: span 2; }
.lv3-media-card img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.lv3-media-card:hover img { transform: scale(1.06); }
.card-overlay {
  position: absolute; bottom: 0; left: 0; width: 100%;
  padding: 28px 20px 18px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
  color: #fff; display: flex; flex-direction: column;
}
.card-overlay span { font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.12em; opacity: 0.75; margin-bottom: 5px; }
.card-overlay strong { font-size: 15px; font-weight: 700; }

/* ===== PROOF STRIP ===== */
.lv3-proof {
  background: linear-gradient(180deg, #f8fafc, #f1f5f9);
  border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 36px 0;
}
.lv3-proof .container { display: flex; justify-content: space-between; align-items: center; }
.proof-stat { text-align: center; }
.proof-stat strong {
  display: block; font-size: 36px; font-weight: 800; color: #0f172a;
  line-height: 1; margin-bottom: 4px; letter-spacing: -0.02em;
}
.proof-stat small { font-size: 12px; color: #64748b; font-weight: 500; }
.proof-divider { width: 1px; height: 44px; background: linear-gradient(180deg, transparent, #cbd5e1, transparent); }

/* ===== MARQUEE ===== */
.lv3-marquee {
  overflow: hidden; background: linear-gradient(90deg, #f8fafc, #fff, #f8fafc);
  border-bottom: 1px solid #e2e8f0;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.lv3-marquee-track {
  display: flex; width: max-content; align-items: center;
  animation: marqueeScroll 40s linear infinite;
}
.lv3-marquee-track span {
  padding: 16px 28px; color: #64748b; font-size: 12px; font-weight: 600;
  white-space: nowrap; letter-spacing: 0.01em;
}
.lv3-marquee-track span::first-letter { color: #7c3aed; }

/* ===== SECTIONS ===== */
.lv3-section { padding: 50px 0; }
.lv3-section-header { margin-bottom: 56px; display: flex; align-items: flex-end; justify-content: space-between; }
.lv3-section-header.text-center { flex-direction: column; align-items: center; text-align: center; }
.lv3-kicker { display: block; font-size: 12px; font-weight: 800; color: #2563eb; text-transform: uppercase; letter-spacing: 0.16em; margin-bottom: 10px; }
.lv3-section-header h2 { font-size: clamp(30px, 4vw, 42px); font-weight: 800; color: #0f172a; margin-bottom: 14px; letter-spacing: -0.02em; line-height: 1.15; }
.lv3-section-header h3 { font-size: clamp(24px, 3vw, 32px); font-weight: 700; color: #0f172a; margin-bottom: 10px; letter-spacing: -0.01em; }
.lv3-section-header p { font-size: 16px; color: #64748b; margin: 0; max-width: 560px; line-height: 1.65; }

/* ===== GALLERY ===== */
.lv3-gallery { background: #ffffff; }
.lv3-grid-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.lv3-gallery-item {
  position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 1 / 1;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}
.lv3-gallery-item:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
.lv3-gallery-item:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12); }
.lv3-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
.lv3-gallery-item:hover img { transform: scale(1.05); }
.item-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.82) 100%);
  display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; color: #fff;
  opacity: 0; transition: opacity 0.35s ease;
}
.lv3-gallery-item:hover .item-overlay { opacity: 1; }
.item-tag { align-self: flex-start; font-size: 9px; font-weight: 800; padding: 5px 10px; background: rgba(255, 255, 255, 0.18); backdrop-filter: blur(6px); border-radius: 6px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.item-info strong { display: block; font-size: 18px; margin-bottom: 4px; }
.item-info small { color: rgba(255, 255, 255, 0.78); font-size: 12px; }
.video-header { margin-top: 100px; }
.lv3-grid-video { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lv3-video-item {
  position: relative; border-radius: 16px; overflow: hidden; background: #0f172a; aspect-ratio: 9 / 16;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s;
}
.lv3-video-item:hover { transform: translateY(-5px); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18); }
.lv3-video-item video { width: 100%; height: 100%; object-fit: cover; opacity: 0.75; transition: opacity 0.3s; }
.lv3-video-item:hover video { opacity: 1; }
.lv3-video-item .item-info { position: absolute; bottom: 0; left: 0; width: 100%; padding: 24px 16px; background: linear-gradient(to top, rgba(0, 0, 0, 0.92), transparent); color: #fff; }
.lv3-video-item .item-info span { display: block; font-size: 10px; color: #93c5fd; text-transform: uppercase; font-weight: 800; margin-bottom: 4px; letter-spacing: 0.08em; }

/* ===== TOOLS ===== */
.lv3-tools { background: linear-gradient(180deg, #f8fafc, #f1f5f9); }
.lv3-grid-tools { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.lv3-tool-card {
  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 36px 28px;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.3s;
  display: flex; flex-direction: column; position: relative; overflow: hidden;
}
.lv3-tool-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, #2563eb, #7c3aed, #db2777); opacity: 0; transition: opacity 0.3s; }
.lv3-tool-card:hover::before { opacity: 1; }
.lv3-tool-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08); border-color: #cbd5e1; }
.lv3-tool-icon-wrap { margin-bottom: 24px; }
.landing-v3 .tool-icon {
  width: 52px; height: 52px; background: linear-gradient(135deg, #eff6ff, #eef2ff);
  color: #2563eb; border-radius: 14px; display: flex; align-items: center; justify-content: center;
  font-size: 22px; border: 1px solid #dbeafe; transition: transform 0.3s, box-shadow 0.3s;
}
.lv3-tool-card:hover .tool-icon { transform: scale(1.08) rotate(-2deg); box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15); }
.tool-number { font-size: 10px; font-weight: 800; color: #94a3b8; letter-spacing: 0.12em; margin-bottom: 10px; }
.lv3-tool-card h3 { font-size: 19px; font-weight: 700; color: #0f172a; margin-bottom: 12px; }
.lv3-tool-card p { font-size: 14px; color: #64748b; flex-grow: 1; margin-bottom: 24px; line-height: 1.6; }
.tool-link { font-size: 13px; font-weight: 700; color: #2563eb; text-decoration: none; transition: color 0.2s; }
.tool-link:hover { text-decoration: underline; color: #1d4ed8; }

/* ===== HOW IT WORKS ===== */
.lv3-how { background: #ffffff; }
.lv3-how-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.how-text h2 { line-height: 1.15; }
.how-text p { color: #475569; margin-bottom: 0; }
.how-steps { display: flex; flex-direction: column; gap: 20px; }
.step-card {
  display: flex; gap: 24px; background: linear-gradient(135deg, #f8fafc, #fefefe);
  border: 1px solid #e2e8f0; padding: 28px; border-radius: 18px;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s, border-color 0.3s;
}
.step-card:hover { transform: translateX(10px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); border-color: #cbd5e1; }
.step-num {
  font-size: 36px; font-weight: 800; line-height: 1; flex: 0 0 auto;
  background: linear-gradient(135deg, #dbeafe, #e0e7ff);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.step-info h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #0f172a; }
.step-info p { font-size: 14px; color: #64748b; margin: 0; line-height: 1.55; }

/* ===== PROMPT BANNER ===== */
.lv3-prompt-banner { padding: 40px 0; }
.prompt-card {
  border-radius: 24px; padding: 52px; display: flex; align-items: center; gap: 40px;
  background: linear-gradient(135deg, #eff6ff, #eef2ff 50%, #fce7f3);
  border: 1px solid rgba(147, 197, 253, 0.4); box-shadow: 0 12px 40px rgba(37, 99, 235, 0.06);
  transition: transform 0.4s, box-shadow 0.4s;
}
.prompt-card:hover { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(37, 99, 235, 0.1); }
.prompt-icon { font-size: 56px; filter: drop-shadow(0 6px 16px rgba(37, 99, 235, 0.2)); flex: 0 0 auto; }
.prompt-content { flex-grow: 1; }
.prompt-content .badge { display: inline-block; font-size: 10px; font-weight: 800; padding: 5px 14px; background: linear-gradient(135deg, #3b82f6, #7c3aed); color: #fff; border-radius: 999px; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.06em; }
.prompt-content h2 { font-size: 28px; font-weight: 800; color: #1e293b; margin-bottom: 12px; letter-spacing: -0.02em; }
.prompt-content p { font-size: 15px; color: #475569; margin: 0; max-width: 600px; line-height: 1.65; }

/* ===== PRICING ===== */
.lv3-pricing { background: linear-gradient(180deg, #f8fafc, #f1f5f9); }
.lv3-grid-pricing { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; align-items: center; }
.lv3-price-card {
  background: #ffffff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 44px 32px;
  position: relative; transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s; overflow: hidden;
}
.lv3-price-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, transparent, #cbd5e1, transparent); transition: background 0.3s; }
.lv3-price-card:hover { transform: translateY(-8px); box-shadow: 0 24px 50px rgba(0, 0, 0, 0.08); }
.lv3-price-card:hover::before { background: linear-gradient(90deg, transparent, #3b82f6, transparent); }
.lv3-price-card.is-featured { border: 2px solid #3b82f6; box-shadow: 0 16px 40px rgba(59, 130, 246, 0.15); transform: scale(1.04); z-index: 2; }
.lv3-price-card.is-featured::before { height: 4px; background: linear-gradient(90deg, #2563eb, #7c3aed, #db2777); opacity: 1; }
.lv3-price-card.is-featured:hover { transform: scale(1.04) translateY(-8px); }
.popular-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #3b82f6, #7c3aed); color: #fff; font-size: 11px; font-weight: 800; padding: 5px 18px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25); }
.price-header { text-align: center; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid #f1f5f9; }
.plan-name { display: block; font-size: 14px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 16px; }
.promo-tag { font-size: 11px; color: #dc2626; font-weight: 700; background: #fee2e2; padding: 4px 10px; border-radius: 6px; display: inline-block; margin-bottom: 8px; }
.price-strike del { color: #94a3b8; font-size: 14px; }
.price-amount { font-size: 48px; font-weight: 800; color: #0f172a; line-height: 1; margin-bottom: 8px; letter-spacing: -0.02em; }
.price-amount .duration { font-size: 14px; color: #64748b; font-weight: 500; }
.credit-amount { font-size: 16px; font-weight: 700; color: #2563eb; }
.price-features { list-style: none; padding: 0; margin: 0 0 32px; }
.price-features li { font-size: 14px; color: #334155; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; line-height: 1.5; }
.price-features .check { color: #10b981; font-weight: 800; font-size: 14px; }
.price-action { text-align: center; }
.price-action .btn { width: 100%; justify-content: center; }

/* ===== FAQ ===== */
.lv3-faq { background: #ffffff; }
.lv3-faq-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 72px; }
.lv3-faq-list { display: flex; flex-direction: column; gap: 14px; }
.faq-item { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; transition: border-color 0.3s, box-shadow 0.3s; }
.faq-item:hover, .faq-item[open] { border-color: #cbd5e1; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04); }
.faq-item summary { padding: 24px; font-size: 16px; font-weight: 600; color: #0f172a; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; transition: color 0.2s; }
.faq-item summary:hover { color: #2563eb; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item p { padding: 0 24px 24px; margin: 0; color: #475569; font-size: 15px; line-height: 1.65; }
.faq-item[open] .toggle-icon { transform: rotate(45deg); }
.toggle-icon { font-size: 24px; font-weight: 300; color: #94a3b8; transition: transform 0.3s ease, color 0.3s; flex: 0 0 auto; }
.faq-item:hover .toggle-icon { color: #2563eb; }

/* ===== FINAL CTA ===== */
.lv3-final-cta { padding: 80px 0 120px; background: #ffffff; }
.cta-card {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #0f172a, #1e1b4b 50%, #312e81);
  border-radius: 28px; padding: 88px 40px; text-align: center; color: #fff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);
}
.cta-orbs { position: absolute; inset: 0; pointer-events: none; }
.cta-orb { position: absolute; border-radius: 50%; filter: blur(60px); }
.cta-orb-1 { width: 400px; height: 400px; top: -150px; right: -100px; background: rgba(99, 102, 241, 0.25); animation: ctaOrbPulse 8s ease-in-out infinite; }
.cta-orb-2 { width: 350px; height: 350px; bottom: -150px; left: -80px; background: rgba(236, 72, 153, 0.2); animation: ctaOrbPulse 10s ease-in-out infinite reverse; }
.cta-card h2 { position: relative; font-size: clamp(32px, 4vw, 44px); font-weight: 800; margin-bottom: 20px; letter-spacing: -0.02em; line-height: 1.15; }
.cta-card p { position: relative; font-size: 17px; color: #a5b4fc; margin-bottom: 40px; max-width: 580px; margin-inline: auto; line-height: 1.65; }
.cta-actions { position: relative; display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }
.cta-link { color: #a5b4fc !important; }

/* ===== DARK MODE ===== */
html[data-theme=dark] .landing-v3 { background-color: #030712; color: #e2e8f0; }
html[data-theme=dark] .lv3-hero { background: linear-gradient(180deg, #030712, #0f172a 50%, #030712); }
html[data-theme=dark] .orb-1 { background: radial-gradient(circle, rgba(37, 99, 235, 0.22), transparent 70%); }
html[data-theme=dark] .orb-2 { background: radial-gradient(circle, rgba(124, 58, 237, 0.2), transparent 70%); }
html[data-theme=dark] .orb-3 { background: radial-gradient(circle, rgba(219, 39, 119, 0.15), transparent 70%); }
html[data-theme=dark] .lv3-title { color: #f8fafc; }
html[data-theme=dark] .lv3-subtitle { color: #94a3b8; }
html[data-theme=dark] .lv3-badge { background: rgba(34, 197, 94, 0.08); border-color: rgba(34, 197, 94, 0.18); color: #4ade80; }
html[data-theme=dark] .lv3-trust { border-color: #1e293b; }
html[data-theme=dark] .trust-icon { background: #1e293b; border-color: #334155; }
html[data-theme=dark] .trust-item strong { color: #f1f5f9; }
html[data-theme=dark] .trust-item small { color: #64748b; }
html[data-theme=dark] .lv3-btn-secondary { background: #1e293b; border-color: #334155; color: #e2e8f0 !important; }
html[data-theme=dark] .lv3-btn-secondary:hover { background: #334155; border-color: #475569; }
html[data-theme=dark] .lv3-play-dot { background: #1e3a5f; color: #60a5fa; }
html[data-theme=dark] .lv3-btn-outline { border-color: #3b82f6; color: #60a5fa !important; }
html[data-theme=dark] .lv3-btn-outline:hover { background: #3b82f6; color: #fff !important; }
html[data-theme=dark] .lv3-media-card { box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4); }
html[data-theme=dark] .lv3-proof { background: linear-gradient(180deg, #0f172a, #1e293b); border-color: #1e293b; }
html[data-theme=dark] .proof-stat strong { color: #f8fafc; }
html[data-theme=dark] .proof-divider { background: linear-gradient(180deg, transparent, #334155, transparent); }
html[data-theme=dark] .lv3-marquee { background: linear-gradient(90deg, #030712, #0f172a, #030712); border-color: #1e293b; }
html[data-theme=dark] .lv3-marquee-track span { color: #64748b; }
html[data-theme=dark] .lv3-gallery { background: #030712; }
html[data-theme=dark] .lv3-section-header h2, html[data-theme=dark] .lv3-section-header h3 { color: #f8fafc; }
html[data-theme=dark] .lv3-section-header p { color: #94a3b8; }
html[data-theme=dark] .lv3-kicker { color: #60a5fa; }
html[data-theme=dark] .lv3-gallery-item { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); }
html[data-theme=dark] .lv3-gallery-item:hover { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5); }
html[data-theme=dark] .lv3-tools { background: linear-gradient(180deg, #0f172a, #1e293b); }
html[data-theme=dark] .lv3-tool-card { background: linear-gradient(145deg, #1e293b, #0f172a); border-color: #334155; }
html[data-theme=dark] .lv3-tool-card:hover { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25); border-color: #475569; }
html[data-theme=dark] .lv3-tool-card h3 { color: #f8fafc; }
html[data-theme=dark] .lv3-tool-card p { color: #94a3b8; }
html[data-theme=dark] .landing-v3 .tool-icon { background: linear-gradient(135deg, #1e3a5f, #312e81); border-color: #334155; color: #60a5fa; }
html[data-theme=dark] .tool-link { color: #60a5fa; }
html[data-theme=dark] .tool-link:hover { color: #93c5fd; }
html[data-theme=dark] .lv3-how { background: #030712; }
html[data-theme=dark] .step-card { background: linear-gradient(135deg, #0f172a, #1e293b); border-color: #334155; }
html[data-theme=dark] .step-card:hover { border-color: #475569; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
html[data-theme=dark] .step-info h3 { color: #f8fafc; }
html[data-theme=dark] .step-info p { color: #94a3b8; }
html[data-theme=dark] .step-num { background: linear-gradient(135deg, #334155, #475569); -webkit-background-clip: text; background-clip: text; }
html[data-theme=dark] .prompt-card { background: linear-gradient(135deg, #1e293b, #0f172a 50%, #1e1b4b); border-color: #334155; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2); }
html[data-theme=dark] .prompt-content h2 { color: #f8fafc; }
html[data-theme=dark] .prompt-content p { color: #94a3b8; }
html[data-theme=dark] .prompt-content .badge { background: linear-gradient(135deg, #3b82f6, #7c3aed); }
html[data-theme=dark] .lv3-pricing { background: linear-gradient(180deg, #0f172a, #030712); }
html[data-theme=dark] .lv3-price-card { background: linear-gradient(145deg, #1e293b, #0f172a); border-color: #334155; }
html[data-theme=dark] .lv3-price-card:hover { box-shadow: 0 24px 50px rgba(0, 0, 0, 0.35); border-color: #475569; }
html[data-theme=dark] .lv3-price-card.is-featured { border-color: #6366f1; box-shadow: 0 16px 40px rgba(99, 102, 241, 0.15); }
html[data-theme=dark] .price-header { border-color: #334155; }
html[data-theme=dark] .plan-name { color: #94a3b8; }
html[data-theme=dark] .price-amount { color: #f8fafc; }
html[data-theme=dark] .credit-amount { color: #60a5fa; }
html[data-theme=dark] .price-features li { color: #cbd5e1; }
html[data-theme=dark] .popular-badge { background: linear-gradient(135deg, #4f46e5, #7c3aed); }
html[data-theme=dark] .lv3-faq { background: #030712; }
html[data-theme=dark] .faq-item { background: #0f172a; border-color: #1e293b; }
html[data-theme=dark] .faq-item:hover, html[data-theme=dark] .faq-item[open] { border-color: #334155; }
html[data-theme=dark] .faq-item summary { color: #f8fafc; }
html[data-theme=dark] .faq-item summary:hover { color: #60a5fa; }
html[data-theme=dark] .faq-item p { color: #94a3b8; }
html[data-theme=dark] .toggle-icon { color: #475569; }
html[data-theme=dark] .faq-item:hover .toggle-icon { color: #60a5fa; }
html[data-theme=dark] .lv3-final-cta { background: #030712; }
html[data-theme=dark] .cta-card { background: linear-gradient(135deg, #1e1b4b, #0f172a 50%, #1e293b); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4); }
html[data-theme=dark] .lv3-link { color: #60a5fa; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .lv3-grid-gallery { grid-template-columns: repeat(2, 1fr); }
  .lv3-gallery-item:first-child { grid-column: span 1; grid-row: span 1; }
  .lv3-grid-video { grid-template-columns: repeat(2, 1fr); }
  .lv3-grid-tools { grid-template-columns: repeat(2, 1fr); }
  .lv3-grid-pricing { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
  .lv3-price-card.is-featured { transform: scale(1); }
  .lv3-price-card.is-featured:hover { transform: translateY(-8px); }
  .lv3-faq-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 768px) {
  .lv3-hero { padding: 80px 0 50px; }
  .lv3-hero-grid { grid-template-columns: 1fr; gap: 44px; }
  .lv3-hero-copy { text-align: center; }
  .lv3-trust { justify-content: center; flex-wrap: wrap; gap: 16px; }
  .lv3-actions { justify-content: center; }
  .lv3-subtitle { margin: 0 auto 32px; }
  .lv3-proof .container { flex-wrap: wrap; gap: 20px; justify-content: center; }
  .proof-divider { display: none; }
  .proof-stat { width: 40%; }
  .lv3-how-grid { grid-template-columns: 1fr; gap: 44px; }
  .how-text { text-align: center; }
  .how-text p { margin-inline: auto; }
  .prompt-card { flex-direction: column; text-align: center; gap: 28px; padding: 36px 24px; }
  .lv3-section-header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .lv3-section { padding: 72px 0; }
  .video-header { margin-top: 72px; }
}
@media (max-width: 480px) {
  .lv3-title { font-size: 38px; }
  .lv3-hero-art { height: 360px; gap: 10px; }
  .lv3-grid-gallery { grid-template-columns: 1fr; }
  .lv3-grid-video { grid-template-columns: 1fr; }
  .lv3-grid-tools { grid-template-columns: 1fr; }
  .cta-card { padding: 48px 24px; border-radius: 22px; }
  .cta-actions { flex-direction: column; }
  .lv3-section { padding: 56px 0; }
  .lv3-trust { gap: 12px; }
  .trust-item { gap: 8px; }
  .trust-icon { width: 36px; height: 36px; border-radius: 10px; font-size: 16px; }
  .lv3-hero-particles { display: none; }
  .prompt-card { padding: 28px 18px; }
}

/* BerandAI v4.10.17 — UGC Video Studio layout, responsive & dark mode */
.ugc-wizard-step { animation: fadeIn .3s ease }
.ugc-validation-message{margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,#dc3545 35%,var(--line));border-radius:10px;background:color-mix(in srgb,#dc3545 8%,var(--panel));color:var(--text);font-size:12px;line-height:1.5}.ugc-validation-message[hidden]{display:none}
.wizard-actions { display: flex; gap: 12px; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line) }
.wizard-step-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; color: var(--text); display: none }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px) } to { opacity: 1; transform: translateY(0) } }

.ugc-stepper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; background: var(--panel); padding: 16px 24px; border-radius: 12px; border: 1px solid var(--line) }
.stepper-item { display: flex; align-items: center; gap: 12px; opacity: .5; transition: all .3s; position: relative }
.stepper-item.active, .stepper-item.completed { opacity: 1 }
.step-circle { width: 32px; height: 32px; border-radius: 50%; background: var(--line); color: var(--muted); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; transition: all .3s }
.stepper-item.active .step-circle { background: var(--primary); color: #fff; box-shadow: 0 4px 12px rgba(37,99,235,.3) }
.stepper-item.completed .step-circle { background: var(--success); color: #fff }
.step-label { font-weight: 600; font-size: .9rem; color: var(--muted) }
.stepper-item.active .step-label { color: var(--primary) }
.stepper-item.completed .step-label { color: var(--text) }
.stepper-separator { flex-grow: 1; height: 2px; background: var(--line); margin: 0 16px; transition: background .3s }
.stepper-separator.active { background: var(--success) }
@media (max-width: 600px) {
  .ugc-stepper { padding: 12px 16px }
  .step-label { display: none }
  .stepper-separator { margin: 0 12px }
}

.ugc-slots { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px }
.ugc-slot { border: 2px dashed var(--line); border-radius: 12px; padding: 16px; text-align: center; position: relative; background: var(--panel); transition: all .2s; display: flex; flex-direction: column }
.ugc-slot:hover { border-color: var(--primary) }
.ugc-slot.has-file { border-style: solid; border-color: var(--success) }
.ugc-slot-modes { display: flex; gap: 4px; margin-bottom: 12px; background: #f3f6fb; padding: 4px; border-radius: 8px; z-index: 2; position: relative }
.mode-btn { flex: 1; border: none; background: transparent; font-size: .75rem; padding: 6px 0; border-radius: 6px; cursor: pointer; color: var(--muted); font-weight: 700; transition: .2s }
.mode-btn:hover { color: var(--text) }
.mode-btn.active { background: #fff; color: var(--primary); box-shadow: 0 2px 6px rgba(18,34,60,.06) }
.ugc-slot-content { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center }
.ugc-slot-content[data-mode-view="upload"] { cursor: pointer }
.ugc-slot input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; z-index: 1 }
.ugc-slot-icon { font-size: 24px; margin-bottom: 8px; display: block; color: var(--primary) }
.ugc-slot-title { font-weight: 800; display: block; margin-bottom: 4px; font-size: 13px; color: var(--text) }
.ugc-slot-desc { font-size: 11px; color: var(--muted) }
.ugc-slot-prompt-assist{margin-bottom:8px;align-items:stretch}.ugc-slot-prompt-assist select{min-width:54px;min-height:44px}.ugc-slot-prompt-assist .prompt-assist-button{flex:1;min-height:44px}
.ugc-slot-preview { display: none; width: 100%; height: 140px; object-fit: cover; border-radius: 8px; margin-top: 12px }
audio.ugc-slot-preview { height: auto; margin-top: auto }
.ugc-slot.has-file .ugc-slot-modes, .ugc-slot.has-file .ugc-slot-content { display: none !important }
.ugc-slot.has-file .ugc-slot-preview { display: block }
.ugc-clear { display: none; position: absolute; top: -10px; right: -10px; background: #ff4757; color: #fff; border: none; border-radius: 50%; width: 26px; height: 26px; line-height: 1; cursor: pointer; z-index: 5; font-size: 18px; box-shadow: 0 4px 10px rgba(255,71,87,.2) }
.ugc-slot.has-file .ugc-clear { display: flex; align-items: center; justify-content: center }
.slot-loading-overlay { display: none; position: absolute; inset: 0; background: rgba(255,255,255,.85); z-index: 10; align-items: center; justify-content: center; flex-direction: column; border-radius: 10px; backdrop-filter: blur(2px) }
.slot-generate-btn { border-color: #d1def0!important; font-weight: 700!important }

html[data-theme=dark] .ugc-slot-modes { background: #13243a }
html[data-theme=dark] .mode-btn.active { background: #1e3552; color: #8ec8ff; box-shadow: 0 4px 12px rgba(0,0,0,.2) }
html[data-theme=dark] .slot-loading-overlay { background: rgba(13,26,45,.85) }
html[data-theme=dark] .slot-generate-btn { border-color: #2b4562!important; background: #15283e!important }


/* BerandAI v4.10.19 - Vision to Prompt UI */
.vision-page { max-width: 1100px; margin: 0 auto; color: var(--text); }
.vision-hero {
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 32px;
  border-radius: 20px;
  margin-bottom: 24px;
  text-align: left;
  box-shadow: var(--shadow);
}
.vision-hero-eyebrow {
  color: var(--primary);
  font-size: 11px;
  letter-spacing: 0.15em;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}
.vision-hero h1 { margin: 8px 0; font-size: clamp(26px, 3vw, 32px); line-height: 1.1; }
.vision-hero p { color: var(--muted); font-size: 14px; margin: 0; line-height: 1.6; }

.vision-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.vision-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  height: 100%;
}
.vision-card-title {
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.vision-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: var(--primary);
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 800;
}

.vision-dropzone {
  flex: 1;
  border: 2px dashed var(--line);
  border-radius: 12px;
  padding: 32px;
  text-align: center;
  cursor: pointer;
  position: relative;
  background: var(--panel);
  transition: border-color 0.2s ease, background 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.vision-dropzone:hover {
  border-color: var(--primary);
  background: var(--bg);
}
.vision-preview {
  display: none;
  position: absolute;
  inset: 0;
  padding: 8px;
  background: var(--panel);
  border-radius: 12px;
  z-index: 1;
}
.vision-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 6px;
}
.vision-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: var(--muted);
}
.vision-placeholder svg { color: var(--muted); }
.vision-placeholder strong { font-size: 15px; font-weight: 600; color: var(--text); display: block; margin-bottom: 4px; }
.vision-placeholder small { font-size: 12px; opacity: 0.8; }

.vision-prompt-area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.vision-prompt-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vision-prompt-input {
  width: 100%;
  flex: 1;
  min-height: 250px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--bg);
  color: var(--text);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.6;
  resize: vertical;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.vision-prompt-input:focus {
  border-color: var(--primary);
  outline: none;
  box-shadow: 0 0 0 3px rgba(24,119,242,0.15);
}

.vision-actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
.vision-btn-copy { flex: 1; justify-content: center; padding: 12px; display: flex; align-items: center; gap: 8px; }
.vision-btn-analyze { flex: 2; padding: 12px; justify-content: center; font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 8px; }

.vision-generate-actions {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}
.vision-generate-actions .btn {
  flex: 1;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 14px;
  font-weight: 600;
}

/* Dark mode specific tweaks for Vision */
html[data-theme="dark"] .vision-dropzone { background: rgba(0,0,0,0.15); }
html[data-theme="dark"] .vision-dropzone:hover { background: rgba(0,0,0,0.3); }
html[data-theme="dark"] .vision-prompt-input { background: rgba(0,0,0,0.2); }

@media(max-width: 850px) {
  .vision-grid { grid-template-columns: 1fr; }
  .vision-dropzone { min-height: 240px; }
  .vision-prompt-input { min-height: 200px; }
  .vision-hero { padding: 24px 20px; }
}
@media(max-width: 500px) {
  .vision-generate-actions { flex-direction: column; gap: 10px; }
}

/* BerandAI v4.10.20 - Workflows UI Upgrade */
.workflow-menu-card {
  background: var(--panel);
  border-color: var(--line);
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease, border-color 0.2s ease;
}
.workflow-menu-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
  border-color: color-mix(in srgb, var(--workflow-accent) 40%, var(--line));
}
.workflow-menu-card:hover .workflow-menu-icon {
  transform: scale(1.08) rotate(-4deg);
}
.workflow-menu-icon {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  background: color-mix(in srgb, var(--workflow-accent) 12%, var(--bg));
  border-color: color-mix(in srgb, var(--workflow-accent) 20%, var(--line));
}
.workflow-tier-badge {
  background: color-mix(in srgb, var(--workflow-accent) 10%, var(--bg));
  border-color: color-mix(in srgb, var(--workflow-accent) 20%, var(--line));
}
.workflow-menu-action span {
  background: color-mix(in srgb, var(--workflow-accent) 12%, var(--bg));
}
.workflow-menu-action:hover span {
  transform: translateX(4px);
  background: color-mix(in srgb, var(--workflow-accent) 20%, var(--bg));
}

.workflow-type-options span {
  background: var(--panel);
  border-color: var(--line);
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.workflow-type-options span:hover {
  border-color: color-mix(in srgb, var(--primary) 50%, var(--line));
}
.workflow-type-options input:checked + span {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 6%, var(--panel));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 15%, transparent);
}
.workflow-type-options b { color: var(--text); }
.workflow-type-options small { color: var(--muted); }

.workflow-field textarea.form-control, .workflow-field select.form-control {
  background: var(--bg);
  border: 1px solid var(--line);
  color: var(--text);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.workflow-field textarea.form-control:focus, .workflow-field select.form-control:focus {
  border-color: var(--primary);
  outline: none;
  box-shadow: 0 0 0 3px rgba(24,119,242,0.15);
}
.workflow-submit-row { border-color: var(--line); }

.workflow-video-list article {
  background: var(--panel);
  border-color: var(--line);
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.workflow-video-list article:hover {
  transform: translateX(3px);
  border-color: color-mix(in srgb, var(--primary) 40%, var(--line));
}
.workflow-video-list article > span {
  background: color-mix(in srgb, var(--primary) 12%, var(--bg));
  color: var(--primary);
}
.workflow-video-list strong { color: var(--text); }
.workflow-video-list p, .workflow-video-list small { color: var(--muted); }

/* Overrides for hardcoded dark mode variables in earlier CSS */
html[data-theme="dark"] .workflow-menu-card {
  background: var(--panel);
  border-color: var(--line);
}
html[data-theme="dark"] .workflow-menu-icon,
html[data-theme="dark"] .workflow-tier-badge,
html[data-theme="dark"] .workflow-menu-action span {
  background: color-mix(in srgb, var(--workflow-accent) 16%, var(--bg));
}
html[data-theme="dark"] .workflow-type-options input:checked + span {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 15%, var(--panel));
}
html[data-theme="dark"] .workflow-video-list article {
  background: var(--panel);
  border-color: var(--line);
}
html[data-theme="dark"] .workflow-video-list article > span {
  background: color-mix(in srgb, var(--primary) 20%, var(--bg));
}

/* BerandAI v4.10.21 - Watermark Remover UI Upgrade */

/* Modernizing Hero */
.watermark-hero {
  border-color: var(--line);
  background: radial-gradient(circle at 83% 16%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 29%), var(--panel);
}
.watermark-hero:after {
  border-color: color-mix(in srgb, var(--primary) 10%, transparent);
  box-shadow: 0 0 0 22px color-mix(in srgb, var(--primary) 3%, transparent);
}
.watermark-hero h1 { color: var(--text); }
.watermark-hero p { color: var(--muted); }
.watermark-eyebrow { color: var(--primary); }

/* Badge */
.watermark-plan-badge {
  background: color-mix(in srgb, var(--panel) 78%, transparent);
  border-color: color-mix(in srgb, var(--primary) 15%, var(--line));
}
.watermark-plan-badge>span {
  background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 50%, #4b72dd));
}
.watermark-plan-badge small { color: var(--muted); }
.watermark-plan-badge strong { color: var(--text); }

/* Layout cards */
.watermark-studio, .watermark-action-card {
  background: var(--panel);
  border-color: var(--line);
  box-shadow: var(--shadow-hover);
}
.watermark-panel-head {
  background: color-mix(in srgb, var(--panel) 60%, var(--bg));
  border-bottom-color: var(--line);
}
.watermark-panel-head>div span {
  border-left-color: var(--line);
  color: var(--muted);
}
.watermark-progress-label { color: var(--primary); }

/* Compare Player */
.watermark-compare {
  background: var(--line);
  gap: 1px;
}
.watermark-pane { background: var(--bg); }
.watermark-pane video { background: var(--bg); }
.watermark-video-badge {
  background: color-mix(in srgb, var(--bg) 80%, transparent);
  backdrop-filter: blur(8px);
  color: var(--muted);
  border-color: var(--line);
}
.watermark-video-badge.is-after {
  color: var(--primary);
  background: color-mix(in srgb, var(--primary) 15%, var(--bg));
  border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}
.watermark-empty {
  color: var(--muted);
  background: linear-gradient(145deg, var(--panel), var(--bg));
}
.watermark-empty strong { color: var(--text); }

/* Dropzone */
.watermark-dropzone {
  border: 1px dashed var(--line);
  background: color-mix(in srgb, var(--panel) 40%, var(--bg));
  transition: border-color 0.2s, background 0.2s;
}
.watermark-dropzone[data-dragging="true"] {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 8%, var(--bg));
}
.watermark-dropzone strong { color: var(--text); }
.watermark-dropzone span { color: var(--muted); }

/* Actions */
.watermark-status {
  background: color-mix(in srgb, var(--panel) 60%, var(--bg));
  color: var(--text);
  border: 1px solid var(--line);
}
.watermark-status[data-tone="info"] { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 30%, transparent); background: color-mix(in srgb, var(--primary) 8%, transparent); }
.watermark-status[data-tone="success"] { color: #10a77b; border-color: rgba(16,167,123,0.3); background: rgba(16,167,123,0.08); }
.watermark-status[data-tone="error"] { color: #e54d4d; border-color: rgba(229,77,77,0.3); background: rgba(229,77,77,0.08); }

.watermark-privacy {
  border-color: rgba(16,167,123,0.2);
  background: rgba(16,167,123,0.06);
}
.watermark-privacy p { color: var(--muted); }
.watermark-privacy strong { color: var(--text); }

/* Dark Mode Overrides for Hardcoded legacy values */
html[data-theme="dark"] .watermark-hero {
  border-color: var(--line);
  background: radial-gradient(circle at 83% 16%, color-mix(in srgb, var(--primary) 15%, transparent), transparent 29%), linear-gradient(135deg, var(--bg), var(--panel) 62%, var(--bg));
}
html[data-theme="dark"] .watermark-plan-badge,
html[data-theme="dark"] .watermark-studio,
html[data-theme="dark"] .watermark-action-card,
html[data-theme="dark"] .watermark-player-controls {
  border-color: var(--line);
  background: var(--panel);
}
html[data-theme="dark"] .watermark-panel-head {
  border-color: var(--line);
  background: color-mix(in srgb, var(--panel) 50%, var(--bg));
}
html[data-theme="dark"] .watermark-dropzone {
  border-color: var(--line);
  background: color-mix(in srgb, var(--panel) 40%, var(--bg));
}
html[data-theme="dark"] .watermark-status {
  background: var(--bg);
}
html[data-theme="dark"] .watermark-privacy {
  border-color: rgba(16,167,123,0.25);
  background: rgba(16,167,123,0.08);
}

/* BerandAI v4.10.22 - History UI Upgrade */
.history-row {
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s ease, border-color 0.2s ease;
  border-color: var(--line);
}
.history-row:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
  border-color: color-mix(in srgb, var(--primary) 40%, var(--line));
}
.history-type-icon {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  border-color: color-mix(in srgb, var(--primary) 20%, var(--line));
  background: color-mix(in srgb, var(--primary) 10%, var(--bg));
  color: var(--primary);
}
.history-row:hover .history-type-icon {
  transform: scale(1.08) rotate(-4deg);
  background: color-mix(in srgb, var(--primary) 15%, var(--bg));
}
.history-row h3 {
  font-weight: 800;
  letter-spacing: -0.015em;
}

/* Dark Mode Overrides for History */
html[data-theme="dark"] .history-row:hover {
  background: color-mix(in srgb, var(--panel) 60%, var(--bg));
}
html[data-theme="dark"] .history-type-icon {
  border-color: color-mix(in srgb, var(--primary) 25%, transparent);
  color: color-mix(in srgb, var(--primary) 80%, #fff);
  background: color-mix(in srgb, var(--primary) 15%, var(--bg));
}

/* BerandAI v4.10.23 - Admin Settings UI Upgrade */
.settings-section {
  transition: box-shadow 0.25s ease, border-color 0.2s ease, transform 0.25s ease;
  border-color: var(--line);
}
.settings-section:hover {
  border-color: color-mix(in srgb, var(--primary) 40%, var(--line));
  box-shadow: var(--shadow-hover);
  transform: translateY(-2px);
}
.settings-section h3 {
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--line);
  margin-bottom: 20px;
}
.admin-api-shortcut {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--panel) 60%, var(--bg)), var(--panel));
  border-color: var(--line);
  transition: all 0.25s ease;
  padding: 24px;
}
.admin-api-shortcut:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(23, 106, 211, 0.08);
  border-color: color-mix(in srgb, var(--primary) 40%, var(--line));
}
.admin-api-shortcut > div {
  display: flex;
  align-items: center;
  gap: 16px;
}
.admin-api-shortcut .tool-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  font-size: 22px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 12%, var(--bg)), color-mix(in srgb, var(--primary) 20%, var(--bg)));
  color: var(--primary);
  border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--line));
}
.admin-api-shortcut h3 {
  margin: 0 0 4px;
  font-size: 15px;
}
.admin-api-shortcut p {
  margin: 0;
  font-size: 11px;
  color: var(--muted);
}
.admin-promo-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  margin-top: 16px;
  background: color-mix(in srgb, var(--bg) 50%, var(--panel));
  border: 1px solid var(--line);
  border-radius: 14px;
}
.admin-promo-setting > div:first-child {
  display: flex;
  flex-direction: column;
}
.admin-promo-setting > div:first-child strong {
  font-size: 13px;
  color: var(--text);
}
.admin-promo-setting > div:first-child span {
  font-size: 10px;
  color: var(--muted);
  margin-top: 4px;
}
.admin-promo-setting .switch-row {
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
}
.admin-promo-setting .form-group {
  margin: 0;
  min-width: 100px;
}

/* Dark mode tweaks */
html[data-theme="dark"] .admin-api-shortcut:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .admin-promo-setting {
  background: color-mix(in srgb, var(--panel) 40%, var(--bg));
}
@media (max-width: 760px) {
  .admin-api-shortcut, .admin-promo-setting {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  .admin-api-shortcut > div {
    flex-direction: column;
    text-align: center;
  }
}

/* BerandAI v4.10.24 - Admin API UI Upgrade */

/* Status Cards */
.admin-api-status-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.2s ease;
  border-color: var(--line);
  background: var(--panel);
}
.admin-api-status-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
  border-color: color-mix(in srgb, var(--primary) 30%, var(--line));
}
.admin-api-status-icon {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 12%, var(--bg)), color-mix(in srgb, var(--primary) 22%, var(--bg)));
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 20%, var(--line));
  transition: transform 0.25s ease;
}
.admin-api-status-card:hover .admin-api-status-icon {
  transform: scale(1.08) rotate(-4deg);
}

/* Feature Toggle Cards */
.admin-feature-toggle-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.2s ease;
  border-color: var(--line);
  background: var(--panel);
}
.admin-feature-toggle-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
  border-color: color-mix(in srgb, var(--primary) 35%, var(--line));
}
.admin-feature-toggle-card .tool-icon {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 10%, var(--bg)), color-mix(in srgb, var(--primary) 20%, var(--bg)));
  color: var(--primary);
  transition: transform 0.25s ease;
}
.admin-feature-toggle-card:hover .tool-icon {
  transform: scale(1.05);
}

/* Sub-controls: Mode & Menu Toggles */
.admin-check-card, .admin-menu-toggle-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
  border-color: var(--line);
  background: var(--panel);
}
.admin-check-card:hover, .admin-menu-toggle-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  border-color: color-mix(in srgb, var(--primary) 25%, var(--line));
  transform: translateY(-1px);
}
.admin-menu-icon {
  background: color-mix(in srgb, var(--primary) 10%, var(--bg));
  color: var(--primary);
  transition: transform 0.2s ease;
}
.admin-menu-toggle-card:hover .admin-menu-icon {
  transform: scale(1.1);
}

/* Base Panel Colors Overrides for Specific Sections */
.admin-subcontrol-card, .admin-sticky-save, .admin-endpoint-grid > div {
  background: var(--panel);
  border-color: var(--line);
}

/* Dark mode tweaks - overriding hardcoded #0f1e32 colors */
html[data-theme="dark"] .admin-api-status-card,
html[data-theme="dark"] .admin-feature-toggle-card,
html[data-theme="dark"] .admin-subcontrol-card,
html[data-theme="dark"] .admin-check-card,
html[data-theme="dark"] .admin-menu-toggle-card,
html[data-theme="dark"] .admin-sticky-save,
html[data-theme="dark"] .admin-api-shortcut,
html[data-theme="dark"] .admin-endpoint-grid > div {
  background: color-mix(in srgb, var(--panel) 80%, var(--bg));
  border-color: color-mix(in srgb, var(--line) 90%, transparent);
}
html[data-theme="dark"] .admin-api-status-card:hover,
html[data-theme="dark"] .admin-feature-toggle-card:hover,
html[data-theme="dark"] .admin-check-card:hover,
html[data-theme="dark"] .admin-menu-toggle-card:hover {
  background: color-mix(in srgb, var(--panel) 100%, var(--bg));
}
html[data-theme="dark"] .admin-control-section > .admin-section-title {
  border-color: var(--line);
}

/* BerandAI v4.10.25 - Imagine Style Landing Page */

.imagine-landing {
  position: relative;
  background-color: #050505;
  color: #fff;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow: hidden;
  padding-bottom: 80px;
}
.public-landing-page {
  background-color: #050505 !important;
}
.public-topbar {
  background: rgba(5, 5, 5, 0.7) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.public-topbar a.public-brand {
  color: #fff !important;
}
.public-topbar-menu a {
  color: #a1a1aa !important;
}
.public-topbar-menu a:hover {
  color: #fff !important;
}

.imagine-bg-glow {
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 140vw;
  height: 100vh;
  background: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.15) 0%, rgba(37, 99, 235, 0.1) 30%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

.imagine-section {
  position: relative;
  z-index: 1;
  padding: 50px 0;
}

.imagine-hero {
  position: relative;
  z-index: 1;
  padding: 160px 0 60px;
  text-align: center;
}
.imagine-kicker {
  display: inline-block;
  padding: 6px 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #a78bfa;
  margin-bottom: 24px;
}
.imagine-hero h1 {
  font-size: clamp(48px, 8vw, 82px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.04em;
  margin: 0 0 24px;
}
.landing-home .imagine-hero h1 span {
  background: linear-gradient(to right, #c084fc, #3b82f6);
  -webkit-background-clip: text;
  color: transparent;
}
.imagine-hero p {
  font-size: 18px;
  color: #a1a1aa;
  max-width: 600px;
  margin: 0 auto 40px;
  line-height: 1.6;
}

.imagine-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 36px;
  background: linear-gradient(135deg, #7c3aed, #2563eb);
  color: #fff !important;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  border: none;
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.4);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.imagine-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(124, 58, 237, 0.6);
}

.imagine-hero-showcase {
  margin-top: 80px;
  padding: 0 20px;
}
.imagine-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  aspect-ratio: 16/9;
  border-radius: 24px;
  overflow: hidden;
  background: #111;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 30px 80px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.05);
}
.imagine-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imagine-video-overlay {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(10px);
  padding: 14px 24px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.15);
  white-space: nowrap;
}
.imagine-video-overlay span {
  font-size: 14px;
  color: #e4e4e7;
}
.imagine-video-overlay strong {
  color: #a78bfa;
}

.imagine-heading {
  text-align: center;
  margin-bottom: 30px;
}
.imagine-heading h2 {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 16px;
}
.imagine-heading p {
  font-size: 18px;
  color: #a1a1aa;
}

.imagine-tool-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.imagine-tool-card {
  display: block;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 20px;
  padding: 32px 24px;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}
.imagine-tool-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.05);
  border-color: rgba(124, 58, 237, 0.4);
}
.imagine-tool-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.2), rgba(37, 99, 235, 0.2));
  color: #c084fc;
  border: 1px solid rgba(124, 58, 237, 0.3);
  border-radius: 16px;
  font-size: 24px;
  margin-bottom: 24px;
}
.imagine-tool-card h3 {
  font-size: 20px;
  color: #fff;
  margin: 0 0 12px;
}
.imagine-tool-card p {
  color: #a1a1aa;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.imagine-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.imagine-gallery-item {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 16px;
  overflow: hidden;
  background: #111;
  border: 1px solid rgba(255,255,255,0.1);
}
.imagine-gallery-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.imagine-gallery-item:hover video {
  transform: scale(1.05);
}
.imagine-gallery-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 24px 24px;
  background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  pointer-events: none;
}
.imagine-gallery-info strong {
  font-size: 16px;
  color: #fff;
}
.imagine-gallery-info span {
  font-size: 11px;
  padding: 4px 10px;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  border-radius: 999px;
  color: #e4e4e7;
}

.imagine-how-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.imagine-how-text h2 {
  font-size: 40px;
  font-weight: 800;
  margin: 0 0 16px;
}
.imagine-how-text p {
  color: #a1a1aa;
  font-size: 18px;
  margin-bottom: 40px;
}
.imagine-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 32px;
}
.imagine-steps li {
  display: flex;
  gap: 20px;
}
.imagine-steps li span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  border: 1px solid rgba(255,255,255,0.1);
  flex-shrink: 0;
}
.imagine-steps li strong {
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}
.imagine-steps li p {
  font-size: 14px;
  margin: 0;
}

.imagine-how-visual {
  position: relative;
}
.imagine-glass-panel {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.5);
  backdrop-filter: blur(20px);
}
.glass-prompt-ui {
  background: #000;
  border-radius: 16px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,0.08);
}
.glass-tag {
  display: inline-block;
  font-size: 10px;
  color: #a78bfa;
  border: 1px solid #a78bfa;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 16px;
}
.glass-prompt-ui p {
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 24px;
}
.glass-btn {
  background: #fff;
  color: #000;
  text-align: center;
  padding: 14px;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
}

.imagine-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.imagine-price-card {
  position: relative;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 24px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
}
.imagine-price-card.featured {
  background: rgba(124, 58, 237, 0.05);
  border-color: rgba(124, 58, 237, 0.4);
  box-shadow: 0 20px 40px rgba(124, 58, 237, 0.1);
}
.imagine-popular-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #7c3aed, #2563eb);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  padding: 6px 16px;
  border-radius: 999px;
  text-transform: uppercase;
}
.imagine-price-card h3 {
  font-size: 22px;
  margin: 0 0 20px;
}
.imagine-price-amount {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 10px;
}
.imagine-price-amount span {
  font-size: 14px;
  color: #a1a1aa;
  font-weight: 400;
}
.imagine-price-amount del {
  font-size: 16px;
  color: #ef4444;
}
.imagine-credits {
  font-size: 14px;
  color: #c084fc;
  font-weight: 700;
  margin-bottom: 30px;
}
.imagine-price-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 40px;
  flex: 1;
}
.imagine-price-card ul li {
  font-size: 14px;
  color: #d4d4d8;
  margin-bottom: 16px;
  display: flex;
  gap: 10px;
}
.imagine-price-card ul li span {
  color: #a78bfa;
}
.imagine-btn-outline {
  display: block;
  text-align: center;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.2);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.3s;
}
.imagine-btn-outline:hover {
  background: rgba(255,255,255,0.1);
}

.imagine-final-card {
  text-align: center;
  padding: 100px 40px;
  background: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.2), transparent 70%);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 32px;
  margin-top: 60px;
}
.imagine-final-card h2 {
  font-size: 48px;
  font-weight: 800;
  margin: 0 0 16px;
}
.imagine-final-card p {
  font-size: 18px;
  color: #a1a1aa;
  margin-bottom: 40px;
}

@media (max-width: 1080px) {
  .imagine-tool-grid, .imagine-pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 760px) {
  .imagine-hero { padding: 120px 0 40px; }
  .imagine-hero h1 { font-size: 40px; }
  .imagine-video-overlay {
    bottom: 10px;
    padding: 8px 16px;
    font-size: 10px;
    white-space: normal;
    text-align: center;
    width: 90%;
  }
  .imagine-gallery-grid, .imagine-how-grid {
    grid-template-columns: 1fr;
  }
  .imagine-pricing-grid {
    grid-template-columns: 1fr;
  }
}

/* Video Background Hero Updates */
.imagine-hero.has-video-bg {
  position: relative;
  overflow: hidden;
  padding: 90px 0 160px; /* Make hero taller since video is background */
}

.imagine-hero-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.imagine-hero-video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6; /* Slight transparency to let the neon glow blend if needed */
}

.imagine-hero-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, transparent 0%, #050505 80%), 
              linear-gradient(to bottom, rgba(5,5,5,0.4) 0%, rgba(5,5,5,0.8) 70%, #050505 100%);
  z-index: 1;
}

.imagine-hero.has-video-bg .imagine-hero-content {
  position: relative;
  z-index: 2;
  text-shadow: 0 4px 20px rgba(0,0,0,0.8);
}
/* === THEME SUPPORT FOR IMAGINE LANDING PAGE === */

/* --- DARK MODE (Ensure variables are perfectly mapped) --- */
html[data-theme="dark"] .imagine-landing { background-color: var(--bg); color: var(--text); }
html[data-theme="dark"] .public-landing-page { background-color: var(--bg) !important; }
html[data-theme="dark"] .public-topbar { background: color-mix(in srgb, var(--panel) 70%, transparent) !important; border-bottom-color: var(--line) !important; }
html[data-theme="dark"] .public-topbar a.public-brand { color: var(--text) !important; }
html[data-theme="dark"] .public-topbar-menu a { color: color-mix(in srgb, var(--text) 70%, var(--bg)) !important; }
html[data-theme="dark"] .public-topbar-menu a:hover { color: var(--text) !important; }
html[data-theme="dark"] .imagine-kicker { background: var(--panel); border-color: var(--line); color: var(--primary); }
html[data-theme="dark"] .landing-home .imagine-hero p, html[data-theme="dark"] .imagine-heading p, html[data-theme="dark"] .imagine-tool-card p, html[data-theme="dark"] .imagine-how-text p, html[data-theme="dark"] .imagine-final-card p { color: color-mix(in srgb, var(--text) 70%, var(--bg)); }
html[data-theme="dark"] .imagine-video-overlay { background: color-mix(in srgb, var(--panel) 60%, transparent); border-color: var(--line); }
html[data-theme="dark"] .imagine-video-overlay span { color: var(--text); }
html[data-theme="dark"] .imagine-tool-card { background: var(--panel); border-color: var(--line); }
html[data-theme="dark"] .imagine-tool-card:hover { background: color-mix(in srgb, var(--panel) 80%, var(--primary)); border-color: var(--primary); }
html[data-theme="dark"] .imagine-tool-card h3, html[data-theme="dark"] .imagine-price-card h3 { color: var(--text); }
html[data-theme="dark"] .imagine-gallery-item { background: var(--panel); border-color: var(--line); }
html[data-theme="dark"] .imagine-gallery-info { background: linear-gradient(to top, var(--bg), transparent); }
html[data-theme="dark"] .imagine-gallery-info strong { color: var(--text); }
html[data-theme="dark"] .imagine-gallery-info span { background: var(--panel); color: var(--text); border-color: var(--line); }
html[data-theme="dark"] .imagine-steps li span { background: var(--panel); color: var(--text); border-color: var(--line); }
html[data-theme="dark"] .imagine-glass-panel { background: var(--panel); border-color: var(--line); box-shadow: 0 30px 60px rgba(0,0,0,0.5); }
html[data-theme="dark"] .glass-prompt-ui { background: var(--bg); border-color: var(--line); }
html[data-theme="dark"] .glass-prompt-ui p { color: var(--text); }
html[data-theme="dark"] .imagine-price-card { background: var(--panel); border-color: var(--line); }
html[data-theme="dark"] .imagine-price-card.featured { background: color-mix(in srgb, var(--primary) 10%, var(--panel)); border-color: var(--primary); }
html[data-theme="dark"] .imagine-price-amount span { color: color-mix(in srgb, var(--text) 60%, var(--bg)); }
html[data-theme="dark"] .imagine-price-card ul li { color: var(--text); }
html[data-theme="dark"] .imagine-btn-outline { color: var(--text) !important; border-color: var(--line); }
html[data-theme="dark"] .imagine-btn-outline:hover { background: var(--bg); }
html[data-theme="dark"] .imagine-final-card { background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary) 20%, var(--bg)), transparent 70%); border-color: var(--line); }
html[data-theme="dark"] .imagine-hero-video-overlay { background: radial-gradient(circle at center, transparent 0%, var(--bg) 80%), linear-gradient(to bottom, color-mix(in srgb, var(--bg) 40%, transparent) 0%, color-mix(in srgb, var(--bg) 80%, transparent) 70%, var(--bg) 100%); }
html[data-theme="dark"] .imagine-hero.has-video-bg .imagine-hero-content { text-shadow: 0 4px 20px rgba(0,0,0,0.8); }

/* --- LIGHT MODE --- */
html[data-theme="light"] .imagine-landing { background-color: var(--bg); color: var(--text); }
html[data-theme="light"] .public-landing-page { background-color: var(--bg) !important; }
html[data-theme="light"] .public-topbar { background: color-mix(in srgb, var(--panel) 80%, transparent) !important; border-bottom-color: var(--line) !important; }
html[data-theme="light"] .public-topbar a.public-brand { color: var(--text) !important; }
html[data-theme="light"] .public-topbar-menu a { color: color-mix(in srgb, var(--text) 70%, var(--bg)) !important; }
html[data-theme="light"] .public-topbar-menu a:hover { color: var(--text) !important; }
html[data-theme="light"] .imagine-bg-glow { background: radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.08) 0%, rgba(37, 99, 235, 0.05) 30%, transparent 60%); }
html[data-theme="light"] .imagine-kicker { background: var(--panel); border-color: var(--line); color: var(--primary); }
html[data-theme="light"] .landing-home .imagine-hero p, html[data-theme="light"] .imagine-heading p, html[data-theme="light"] .imagine-tool-card p, html[data-theme="light"] .imagine-how-text p, html[data-theme="light"] .imagine-final-card p { color: color-mix(in srgb, var(--text) 70%, var(--bg)); }
html[data-theme="light"] .imagine-video-overlay { background: color-mix(in srgb, var(--panel) 80%, transparent); border-color: var(--line); }
html[data-theme="light"] .imagine-video-overlay span { color: var(--text); }
html[data-theme="light"] .imagine-tool-card { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .imagine-tool-card:hover { background: color-mix(in srgb, var(--panel) 80%, var(--primary)); border-color: var(--primary); }
html[data-theme="light"] .imagine-tool-card h3, html[data-theme="light"] .imagine-price-card h3 { color: var(--text); }
html[data-theme="light"] .imagine-gallery-item { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .imagine-gallery-info { background: linear-gradient(to top, var(--bg), transparent); }
html[data-theme="light"] .imagine-gallery-info strong { color: var(--text); }
html[data-theme="light"] .imagine-gallery-info span { background: var(--panel); color: var(--text); border-color: var(--line); }
html[data-theme="light"] .imagine-steps li span { background: var(--panel); color: var(--text); border-color: var(--line); }
html[data-theme="light"] .imagine-glass-panel { background: var(--panel); border-color: var(--line); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }
html[data-theme="light"] .glass-prompt-ui { background: var(--bg); border-color: var(--line); }
html[data-theme="light"] .glass-prompt-ui p { color: var(--text); }
html[data-theme="light"] .glass-btn { background: var(--primary); color: #fff; }
html[data-theme="light"] .imagine-price-card { background: var(--panel); border-color: var(--line); }
html[data-theme="light"] .imagine-price-card.featured { background: color-mix(in srgb, var(--primary) 5%, var(--panel)); border-color: var(--primary); box-shadow: 0 10px 30px color-mix(in srgb, var(--primary) 10%, transparent); }
html[data-theme="light"] .imagine-price-amount { color: var(--text); }
html[data-theme="light"] .imagine-price-amount span { color: color-mix(in srgb, var(--text) 60%, var(--bg)); }
html[data-theme="light"] .imagine-price-card ul li { color: var(--text); }
html[data-theme="light"] .imagine-btn-outline { color: var(--text) !important; border-color: var(--line); }
html[data-theme="light"] .imagine-btn-outline:hover { background: var(--bg); }
html[data-theme="light"] .imagine-final-card { background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--primary) 10%, var(--bg)), transparent 70%); border-color: var(--line); }
html[data-theme="light"] .imagine-hero-video-overlay { background: radial-gradient(circle at center, transparent 0%, var(--bg) 80%), linear-gradient(to bottom, color-mix(in srgb, var(--bg) 40%, transparent) 0%, color-mix(in srgb, var(--bg) 80%, transparent) 70%, var(--bg) 100%); }
html[data-theme="light"] .imagine-hero.has-video-bg .imagine-hero-content { text-shadow: 0 4px 20px rgba(255,255,255,0.8); }


/* Footer & Logo Overrides for Imagine Landing */
.public-footer {
  border-top: 0 !important;
}
.public-footer-bottom {
  border-top: 0 !important;
}
html[data-theme="dark"] .public-footer { 
  background: color-mix(in srgb, var(--panel) 70%, transparent) !important; 
}
html[data-theme="light"] .public-footer { 
  background: color-mix(in srgb, var(--panel) 80%, transparent) !important; 
}

/* Compact controls on narrow phones. */
@media (max-width: 420px) {
  .gallery-filter-pills {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;width:100%}
  .gallery-status-tabs {grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0}
  .gallery-filter-button {min-width:0;justify-content:space-between;padding-inline:8px}
  .creative-tips-row,.video-tips-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0}
  .creative-tip,.video-tip {min-width:0;padding:10px;scroll-snap-align:none}
  .payment-status-filter {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .payment-status-filter a {display:grid;place-items:center;min-width:0;text-align:center;white-space:normal}
  .payment-status-filter a:last-child {grid-column:1/-1}
}

/* Character Studio */
.character-page-head{align-items:center}.character-tier-pill{padding:8px 11px;border:1px solid #325de0;border-radius:999px;color:#dce8ff;background:#172659;font-size:9px;font-weight:900}.character-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:18px}.character-form{align-self:start;padding:22px}.character-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.character-section-title>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#218df0,#6944f2);font-size:20px}.character-section-title small,.character-library-head small,.character-card-body>span{color:#4b8ee4;font-size:8px;font-weight:950;letter-spacing:.12em}.character-section-title h2,.character-library-head h2{margin:3px 0 4px;font-size:20px}.character-section-title p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.character-field{display:grid;gap:6px;margin-top:12px}.character-field>span{color:var(--muted);font-size:9px;font-weight:900}.character-field textarea{resize:vertical}.character-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.character-upload{display:grid;margin-top:14px;padding:18px;place-items:center;border:1px dashed #648ed0;border-radius:14px;color:var(--muted);background:color-mix(in srgb,var(--panel) 92%,#2387e8);cursor:pointer;text-align:center}.character-upload input{position:absolute;width:1px;height:1px;opacity:0}.character-upload>span{font-size:22px;color:#4a8fe6}.character-upload strong{margin:4px 0;color:var(--text);font-size:11px}.character-upload small{font-size:8px}.character-create-button{width:100%;margin-top:14px}.character-library{min-width:0}.character-library-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.character-library-head b{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:8px}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-card{overflow:hidden;box-shadow:none!important}.character-card-images{display:grid;height:145px;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:#0b1322}.character-card-images img{width:100%;height:145px;object-fit:cover}.character-card-body{padding:15px}.character-card-body h3{margin:4px 0 6px;font-size:17px}.character-card-body p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:9px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.character-card details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.character-card summary{color:#4b8ee4;font-size:9px;font-weight:900;cursor:pointer}.character-card details div{max-height:135px;overflow:auto;margin-top:8px;color:var(--muted);font-size:9px;line-height:1.55}.character-card-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;padding:0 15px 15px}.character-card-actions .btn{min-height:38px;padding:8px;font-size:8px}.character-card-actions form button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;color:#e75f68;background:var(--panel);cursor:pointer}.character-empty{display:grid;padding:55px 20px;place-items:center;text-align:center}.character-empty>span{font-size:32px}.character-empty strong{margin-top:7px}.character-empty p{max-width:360px;margin:6px 0 0;color:var(--muted);font-size:10px}.character-generator-notice{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid #2b5c9a;border-radius:12px;color:#d9ebff;background:#112741}.character-generator-notice>span{font-size:20px}.character-generator-notice div{display:grid}.character-generator-notice strong{font-size:10px}.character-generator-notice small{color:#9ebbd9;font-size:8px}html[data-theme=light] .character-tier-pill{color:#245eb1;background:#eef5ff}html[data-theme=light] .character-generator-notice{color:#163c70;background:#edf6ff}
@media(max-width:980px){.character-layout{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.character-page-head{align-items:stretch}.character-tier-pill{align-self:flex-start}.character-form{padding:15px}.character-two-cols,.character-grid{grid-template-columns:1fr}.character-card-images{height:180px}.character-card-images img{height:180px}.character-card-actions{grid-template-columns:1fr 1fr}.character-card-actions form{grid-column:1/-1}.character-card-actions form button{width:100%}}

.character-inline-picker{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;box-shadow:none!important}.character-inline-copy{display:flex;align-items:center;gap:10px;min-width:220px}.character-inline-copy>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#238af0,#6a45f3);font-size:18px}.character-inline-copy div{display:grid}.character-inline-copy strong{font-size:11px}.character-inline-copy small{color:var(--muted);font-size:8px;line-height:1.45}.character-inline-form{display:flex;flex:1;gap:7px;min-width:0}.character-inline-form select{min-width:0;flex:1;padding:9px 34px 9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--panel)}.character-inline-form .btn{min-height:38px;padding:8px 14px}.character-inline-manage{flex:0 0 auto;color:#4a8fe6;font-size:9px;font-weight:900}.character-active-profile{display:flex;align-items:center;gap:11px;margin:-5px 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 46%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--panel) 92%,var(--primary))}.character-active-images{display:flex}.character-active-images img{width:38px;height:38px;margin-left:-7px;border:2px solid var(--panel);border-radius:50%;object-fit:cover}.character-active-images img:first-child{margin-left:0}.character-active-profile>div:nth-child(2){display:grid;flex:1;min-width:0}.character-active-profile small{color:#4b8ee4;font-size:7px;font-weight:950;letter-spacing:.1em}.character-active-profile strong{font-size:11px}.character-active-profile span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.character-active-profile>a{color:#df6971;font-size:8px;font-weight:900}.character-card-actions{display:flex;flex-wrap:wrap}.character-card-actions .btn{flex:1 1 calc(50% - 7px)}.character-card-actions form{flex:1 1 100%}.character-card-actions form button{width:100%;height:38px;padding:8px;border-radius:10px;font-size:8px;font-weight:900}.ugc-character-picker{margin-bottom:12px;background:var(--surface-soft)}
@media(max-width:720px){.character-inline-picker{align-items:stretch;flex-direction:column}.character-inline-copy{min-width:0}.character-inline-form{width:100%}.character-inline-manage{align-self:flex-end}.character-active-profile span{white-space:normal}.character-card-actions{display:grid;grid-template-columns:1fr 1fr}.character-card-actions form{grid-column:1/-1}}

/* Video Panjang */
.long-video-head .page-eyebrow{display:block;margin-bottom:5px}.long-video-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px;align-items:start}.long-video-form,.long-video-guide{padding:22px;box-shadow:none}.long-video-form>header{display:flex;gap:12px;margin-bottom:20px}.long-video-form>header>span{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#168cf1,#6845ef);font-size:20px}.long-video-form header small,.long-video-guide>.page-eyebrow{color:#4c8fe7;font-size:8px;font-weight:950;letter-spacing:.12em}.long-video-form h2,.long-video-guide h2{margin:3px 0 5px;font-size:20px}.long-video-form header p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.long-video-field{display:grid;gap:6px;margin-bottom:15px}.long-video-field>span,.long-video-choice legend{color:var(--text);font-size:10px;font-weight:900}.long-video-field textarea{min-height:140px;resize:vertical}.long-video-field small{color:var(--muted);font-size:8px;line-height:1.45}.long-video-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 16px;padding:0;border:0}.long-video-choice legend{grid-column:1/-1;margin-bottom:1px}.long-video-choice label{position:relative}.long-video-choice input{position:absolute;opacity:0}.long-video-choice span{display:grid;grid-template-columns:1fr auto;gap:3px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);cursor:pointer}.long-video-choice b{font-size:12px}.long-video-choice small{grid-column:1;color:var(--muted);font-size:8px}.long-video-choice em{grid-column:2;grid-row:1/3;align-self:center;color:#4288df;font-size:9px;font-style:normal;font-weight:900}.long-video-choice input:checked+span{border-color:#4284e8;background:color-mix(in srgb,var(--primary) 9%,var(--panel));box-shadow:0 0 0 2px rgba(51,125,230,.09)}.long-video-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.long-video-auto{display:flex;align-items:center;gap:9px;margin-bottom:15px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.long-video-auto span{display:grid;gap:2px}.long-video-auto b{font-size:10px}.long-video-auto small{color:var(--muted);font-size:8px;line-height:1.4}.long-video-auto.is-manual{opacity:.72}.long-video-consent{display:flex;gap:9px;margin:2px 0 15px;padding:11px 13px;border:1px solid color-mix(in srgb,#1aa574 35%,var(--line));border-radius:12px;background:color-mix(in srgb,#1aa574 7%,var(--panel))}.long-video-consent>span{color:#15936e;font-weight:900}.long-video-consent p{margin:0;color:var(--muted);font-size:8px;line-height:1.55}.long-video-submit{width:100%;min-height:48px}.long-video-guide{position:sticky;top:90px}.long-video-guide ol{display:grid;gap:0;margin:18px 0;padding:0;list-style:none;counter-reset:long-step}.long-video-guide li{position:relative;display:grid;gap:2px;padding:0 0 17px 36px;counter-increment:long-step}.long-video-guide li:before{content:counter(long-step);position:absolute;left:0;display:grid;width:25px;height:25px;place-items:center;border-radius:8px;color:#4b8fe5;background:color-mix(in srgb,#418be8 12%,var(--panel));font-size:8px;font-weight:950}.long-video-guide li:not(:last-child):after{content:"";position:absolute;top:27px;bottom:2px;left:12px;width:1px;background:var(--line)}.long-video-guide li b{font-size:10px}.long-video-guide li small{color:var(--muted);font-size:8px;line-height:1.45}.long-video-guide .btn{width:100%}.long-video-progress-card{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(110px,220px) auto;align-items:center;gap:12px;margin:0 0 14px;padding:13px 15px;border:1px solid color-mix(in srgb,#5a59ef 35%,var(--line));border-radius:15px;background:color-mix(in srgb,#5a59ef 7%,var(--panel))}.long-video-progress-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#198cf1,#6c47ee)}.long-video-progress-card>div{display:grid;min-width:0}.long-video-progress-card small{color:#5b8fe2;font-size:7px;font-weight:950;letter-spacing:.1em}.long-video-progress-card strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.long-video-progress-card p{margin:2px 0 0;color:var(--muted);font-size:8px}.long-video-progress-card progress{width:100%;height:7px;accent-color:#4c70ec}.long-video-progress-card>b{font-size:10px}
@media(max-width:900px){.long-video-layout{grid-template-columns:1fr}.long-video-guide{position:static}.long-video-progress-card{grid-template-columns:42px minmax(0,1fr) auto}.long-video-progress-card progress{grid-column:2/-1}}
@media(max-width:560px){.long-video-form,.long-video-guide{padding:15px}.long-video-two,.long-video-choice{grid-template-columns:1fr}.long-video-progress-card{grid-template-columns:36px minmax(0,1fr) auto;padding:11px}.long-video-progress-card>span{width:36px;height:36px}.long-video-progress-card strong{font-size:10px}}
html[data-theme=dark] .long-video-form,html[data-theme=dark] .long-video-guide{background:#101010}html[data-theme=dark] .long-video-choice span,html[data-theme=dark] .long-video-auto{background:#141414}html[data-theme=dark] .long-video-choice input:checked+span{border-color:#3979b8;background:#10243a;box-shadow:none}

/* Admin credit center */
.credit-ledger-head{align-items:center;margin-bottom:18px}.credit-ledger-head h1{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em}.credit-ledger-head p{max-width:680px}.credit-ledger-count{display:grid;min-width:112px;padding-left:18px;border-left:1px solid var(--line);text-align:right}.credit-ledger-count strong{font-size:21px;line-height:1.1}.credit-ledger-count span{margin-top:3px;color:var(--muted);font-size:9px}.credit-center-summary{display:grid;grid-template-columns:minmax(310px,1.45fr) repeat(2,minmax(190px,.72fr));gap:12px;margin-bottom:26px}.credit-center-primary,.credit-center-metric{box-shadow:none!important}.credit-center-primary{padding:20px 22px;border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:color-mix(in srgb,var(--panel) 94%,var(--primary))}.credit-center-primary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.credit-center-primary-head>span,.credit-center-metric small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.credit-center-primary-head small{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:750}.credit-center-primary-head i{width:7px;height:7px;border-radius:50%;background:#21ad78;box-shadow:0 0 0 3px color-mix(in srgb,#21ad78 17%,transparent)}.credit-center-primary>strong{display:block;margin-top:9px;font-size:34px;line-height:1;letter-spacing:-.04em}.credit-center-primary>p{margin:8px 0 17px;color:var(--muted);font-size:10px}.credit-center-primary dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.credit-center-primary dl>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.credit-center-primary dt{color:var(--muted);font-size:8px}.credit-center-primary dd{margin:0;font-size:11px;font-weight:900}.credit-center-metric{display:flex;align-items:flex-start;gap:13px;padding:20px}.credit-metric-mark{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;font-size:15px;font-weight:900}.credit-metric-mark.is-issued{color:#2679d8;background:color-mix(in srgb,#2679d8 12%,var(--panel))}.credit-metric-mark.is-referral{color:#8a61d8;background:color-mix(in srgb,#8a61d8 12%,var(--panel))}.credit-center-metric>div{display:grid;min-width:0}.credit-center-metric strong{margin-top:6px;font-size:25px;line-height:1;letter-spacing:-.03em}.credit-center-metric p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.credit-ledger-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:11px}.credit-ledger-section-head h2{margin:0;font-size:19px}.credit-ledger-section-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.credit-ledger-filter{display:grid;grid-template-columns:minmax(230px,1fr) minmax(180px,.36fr) auto;gap:11px;align-items:end;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.credit-ledger-filter .form-group{margin:0}.credit-ledger-filter label{font-size:9px}.credit-ledger-filter .form-control{min-height:44px}.credit-ledger-filter .admin-filter-actions{display:flex;gap:7px}.credit-ledger-filter .btn{min-height:44px}.credit-ledger-card{overflow:hidden;box-shadow:none!important}.credit-ledger-card .table-responsive{overflow:auto}.credit-ledger-table{min-width:900px}.credit-ledger-table th{height:42px;padding:10px 13px;background:var(--surface-soft);color:var(--muted);font-size:8px}.credit-ledger-table td{padding:12px 13px}.credit-ledger-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,var(--panel))}.credit-ledger-user{display:flex;align-items:center;gap:9px;min-width:205px}.credit-ledger-user>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid var(--line);border-radius:10px;color:#4684d5;background:var(--surface-soft);font-size:11px;font-weight:900}.credit-ledger-user>div{display:grid;min-width:0}.credit-ledger-user strong{overflow:hidden;max-width:180px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.credit-ledger-user small{overflow:hidden;max-width:180px;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.credit-ledger-user em{padding:4px 6px;border-radius:6px;color:#8f63d9;background:color-mix(in srgb,#8f63d9 10%,var(--panel));font-size:7px;font-style:normal;font-weight:900}.credit-ledger-table time{color:var(--muted);font-size:9px;white-space:nowrap}.credit-ledger-change{display:grid}.credit-ledger-change strong{font-size:13px}.credit-ledger-change small{color:var(--muted);font-size:7px}.credit-ledger-balance{font-size:11px}.credit-ledger-source{display:inline-flex;min-height:28px;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);font-size:8px;font-weight:800;white-space:nowrap}.credit-ledger-note{display:block;max-width:245px;color:var(--muted);font-size:9px;line-height:1.45}.credit-ledger-empty{display:grid;justify-items:center;padding:40px 15px;text-align:center}.credit-ledger-empty strong{font-size:14px}.credit-ledger-empty p{margin:5px 0 14px;color:var(--muted);font-size:10px}.credit-ledger-pagination{align-items:center}.credit-ledger-pagination a,.credit-ledger-pagination span{display:grid;min-width:38px;height:38px;place-items:center}.credit-ledger-pagination a.active{border-color:var(--primary);color:#fff;background:var(--primary)}
@media(max-width:1020px){.credit-center-summary{grid-template-columns:minmax(300px,1.2fr) repeat(2,minmax(170px,.8fr))}.credit-center-metric{padding:17px}.credit-ledger-filter{grid-template-columns:1fr minmax(180px,.42fr)}.credit-ledger-filter .admin-filter-actions{grid-column:1/-1}.credit-ledger-filter .admin-filter-actions>*{flex:1}}
@media(max-width:760px){.credit-ledger-head{align-items:flex-start}.credit-ledger-count{min-width:92px;padding-left:12px}.credit-center-summary{grid-template-columns:1fr 1fr}.credit-center-primary{grid-column:1/-1}.credit-center-metric{min-height:112px}.credit-ledger-filter{grid-template-columns:1fr;padding:12px}.credit-ledger-filter .admin-filter-actions{grid-column:auto}.credit-ledger-filter .admin-filter-actions>*{min-width:0}.credit-ledger-card{border:0;background:transparent}.credit-ledger-card .table-responsive{overflow:visible}.credit-ledger-table,.credit-ledger-table tbody{display:block;width:100%;min-width:0}.credit-ledger-table thead{display:none}.credit-ledger-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.credit-ledger-table td{display:block!important;padding:0!important;border:0!important;align-self:start}.credit-ledger-table td:before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.credit-ledger-table td:nth-child(1),.credit-ledger-table td:nth-child(6),.credit-ledger-table td[colspan]{grid-column:1/-1}.credit-ledger-table td:nth-child(2),.credit-ledger-table td:nth-child(3),.credit-ledger-table td:nth-child(4),.credit-ledger-table td:nth-child(5){grid-column:auto}.credit-ledger-user{min-width:0}.credit-ledger-user>div{flex:1}.credit-ledger-user strong,.credit-ledger-user small{max-width:none}.credit-ledger-change strong{font-size:15px}.credit-ledger-note{max-width:none;padding-top:9px;border-top:1px solid var(--line)}.credit-ledger-empty{padding:28px 10px}.credit-ledger-table tbody tr:has(.credit-ledger-empty){display:block}.credit-ledger-pagination{justify-content:center}}
@media(max-width:420px){.credit-ledger-head{display:grid;grid-template-columns:1fr auto}.credit-ledger-head p{font-size:10px}.credit-ledger-count strong{font-size:18px}.credit-center-summary{grid-template-columns:1fr}.credit-center-primary,.credit-center-metric{grid-column:auto;padding:16px}.credit-center-primary dl{grid-template-columns:1fr}.credit-center-metric{min-height:0}.credit-ledger-filter .admin-filter-actions{display:grid;grid-template-columns:1fr}.credit-ledger-filter .admin-filter-actions .btn{width:100%}.credit-ledger-table tr{gap:11px}.credit-ledger-pagination a,.credit-ledger-pagination span{min-width:36px;height:36px}}

/* Character Studio 4.10.57 */
.character-layout{display:grid;grid-template-columns:minmax(360px,460px) minmax(0,1fr);align-items:start;gap:24px}.character-form{padding:24px;border-color:color-mix(in srgb,var(--line) 76%,var(--primary))}.character-section-title{margin-bottom:20px}.character-section-title small,.character-library-head small,.character-card-body>span{font-size:10px}.character-section-title h2,.character-library-head h2{font-size:22px;line-height:1.2}.character-section-title p{max-width:390px;font-size:13px}.character-ai-assist{display:grid;gap:12px;margin:16px 0 20px;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,#218df0),color-mix(in srgb,var(--panel) 94%,#6944f2))}.character-ai-assist>div{display:flex;align-items:center;gap:11px}.character-ai-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#218df0,#6944f2)}.character-ai-assist>div>div{display:grid;gap:2px}.character-ai-assist strong{font-size:13px}.character-ai-assist small{color:var(--muted);font-size:11px;line-height:1.45}.character-ai-assist textarea{min-height:86px;resize:vertical}.character-ai-assist .btn{width:100%;min-height:42px}.character-form-fields{display:grid;gap:14px}.character-field{gap:7px;margin:0}.character-field>span{font-size:12px}.character-field .form-control{font-size:13px}.character-two-cols{gap:12px}.character-upload{margin-top:18px;padding:22px 16px;min-height:126px}.character-upload strong{font-size:13px}.character-upload small{max-width:360px;font-size:10px;line-height:1.5}.character-create-button{min-height:46px;margin-top:14px;font-size:12px}.character-library-head{align-items:center;margin-bottom:14px}.character-library-head b,.character-tier-pill{font-size:10px}.character-grid{gap:16px}.character-card{display:flex;min-width:0;flex-direction:column;border-color:var(--line)}.character-card-images{height:180px}.character-card-images img{height:180px}.character-card-placeholder{display:grid;min-width:0;height:180px;place-content:center;place-items:center;color:var(--muted);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 62%)}.character-card-placeholder span{font-size:22px}.character-card-placeholder strong{margin:6px 0 3px;color:var(--text);font-size:34px;line-height:1}.character-card-placeholder small{font-size:10px}.character-card-body{display:flex;flex:1;flex-direction:column;padding:18px}.character-card-body h3{font-size:19px}.character-card-body p,.character-card details div{font-size:11px}.character-card summary{font-size:11px}.character-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 18px}.character-card-actions .btn{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;padding:9px 10px;font-size:10px;text-align:center}.character-card-actions form{grid-column:1/-1}.character-card-actions form button{height:42px;font-size:10px}.character-empty{min-height:280px}.character-empty strong{font-size:15px}.character-empty p{font-size:12px}
@media(max-width:1100px){.character-layout{grid-template-columns:1fr}.character-form{max-width:none}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.character-page-head{gap:12px}.character-form{padding:16px}.character-two-cols,.character-grid{grid-template-columns:1fr}.character-ai-assist{padding:14px}.character-card-images,.character-card-images img,.character-card-placeholder{height:220px}}
@media(max-width:420px){.character-card-actions{grid-template-columns:1fr}.character-card-actions form{grid-column:auto}.character-card-images,.character-card-images img,.character-card-placeholder{height:190px}.character-ai-assist>div{align-items:flex-start}}
.character-reference-builder{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 96%,var(--primary))}.character-reference-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.character-reference-head>div{display:grid;gap:3px}.character-reference-head strong{font-size:13px}.character-reference-head small,.character-reference-unavailable{color:var(--muted);font-size:10px;line-height:1.45}.character-reference-head>span{flex:0 0 auto;padding:6px 8px;border-radius:999px;color:#73b7ff;background:color-mix(in srgb,var(--primary) 16%,transparent);font-size:9px;font-weight:900}.character-reference-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.character-reference-slot{position:relative;display:grid;min-width:0;aspect-ratio:3/4;place-content:center;place-items:center;overflow:hidden;padding:9px;border:1px dashed color-mix(in srgb,var(--line) 70%,#5e9be3);border-radius:12px;color:var(--muted);background:var(--surface-soft);text-align:center}.character-reference-slot>span{font-size:19px}.character-reference-slot>strong{margin:5px 0 2px;color:var(--text);font-size:10px}.character-reference-slot>small{font-size:8px}.character-reference-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.character-reference-slot.is-ready:after{position:absolute;right:6px;bottom:6px;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;color:#fff;background:#15946c;content:'✓';font-size:10px;font-weight:900}.character-reference-slot.is-failed{border-color:#9d3c4a;color:#e67884}.character-reference-progress{position:absolute;right:8px;bottom:7px;left:8px;height:3px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--line) 80%,transparent)}.character-reference-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#218df0,#6944f2);transition:width .3s ease}.character-reference-generate{width:100%;min-height:42px}.character-reference-generate.is-ready{border-color:color-mix(in srgb,var(--primary) 70%,var(--line));background:color-mix(in srgb,var(--primary) 12%,var(--panel))}.character-reference-builder .character-upload{min-height:72px;margin:0;padding:12px}.character-reference-builder .character-upload>span{font-size:17px}.character-reference-builder .character-upload strong{font-size:11px}.character-reference-builder .character-upload small{font-size:9px}
@media(max-width:420px){.character-reference-builder{padding:12px}.character-reference-head{align-items:stretch;flex-direction:column}.character-reference-head>span{align-self:flex-start}.character-reference-slots{gap:5px}.character-reference-slot{padding:6px}.character-reference-slot>strong{font-size:9px}.character-reference-slot>small{font-size:7px}}

/* AI Storyboard */
.storyboard-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.storyboard-menu-card{display:grid;min-height:280px;grid-template-columns:64px minmax(0,1fr);align-content:center;gap:18px;padding:28px;color:var(--text);text-decoration:none;box-shadow:none}.storyboard-menu-card>span{display:grid;width:64px;height:64px;place-items:center;border-radius:18px;color:#fff;font-size:25px}.storyboard-menu-card.is-video>span{background:linear-gradient(135deg,#187eef,#6247ef)}.storyboard-menu-card.is-image>span{background:linear-gradient(135deg,#09a985,#2386ed)}.storyboard-menu-card small{color:#4b8ee4;font-size:9px;font-weight:950;letter-spacing:.12em}.storyboard-menu-card h2{margin:6px 0 9px;font-size:24px}.storyboard-menu-card p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.65}.storyboard-menu-card b{color:#3982de;font-size:11px}.storyboard-menu-card:hover{border-color:#4b8ee4;transform:translateY(-2px)}.image-storyboard-form{display:grid;width:min(820px,100%);gap:16px;padding:24px;box-shadow:none}.image-storyboard-form .long-video-field,.image-storyboard-form .long-video-choice{margin-bottom:0}@media(max-width:680px){.storyboard-menu-grid{grid-template-columns:1fr}.storyboard-menu-card{min-height:220px;grid-template-columns:50px minmax(0,1fr);padding:20px}.storyboard-menu-card>span{width:50px;height:50px;border-radius:14px}.image-storyboard-form{padding:16px}}

/* Long-video Start Frame */
.long-video-start-frame{position:relative;display:block;min-height:104px;margin:0 0 16px;border:1px dashed color-mix(in srgb,var(--primary) 65%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--panel) 94%,var(--primary));cursor:pointer;overflow:hidden}.long-video-start-frame>input{position:absolute;width:1px;height:1px;opacity:0}.long-video-start-frame:focus-within{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}.long-video-start-empty{display:grid;min-height:104px;padding:16px;place-content:center;text-align:center}.long-video-start-empty b{font-size:12px}.long-video-start-empty small{margin-top:5px;color:var(--muted);font-size:9px}.long-video-start-preview{display:grid;min-height:104px;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:14px;padding:9px}.long-video-start-empty[hidden],.long-video-start-preview[hidden]{display:none!important}.long-video-start-preview img{display:block;width:128px;height:86px;border:1px solid var(--line);border-radius:10px;background:#08111e;object-fit:contain}.long-video-start-preview>span{display:grid;min-width:0;gap:4px}.long-video-start-preview b{font-size:12px}.long-video-start-preview small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.long-video-start-preview em{color:#4b8ee4;font-size:8px;font-style:normal;font-weight:900}.long-video-review-start>img{display:block;width:100%;max-height:520px;border-radius:13px;background:#08111e;object-fit:contain}@media(max-width:480px){.long-video-start-preview{grid-template-columns:88px minmax(0,1fr)}.long-video-start-preview img{width:88px;height:78px}}

.storyboard-result-shell{padding:22px}.storyboard-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.storyboard-result-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.storyboard-result-image{position:relative;display:grid;aspect-ratio:16/10;overflow:hidden;background:var(--ink);place-items:center}.storyboard-result-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease,transform .2s ease}.storyboard-result-image.is-ready img{opacity:1}.storyboard-result-image:hover img{transform:scale(1.02)}.storyboard-result-image.is-ready .storyboard-media-state{display:none}.storyboard-result-number{position:absolute;top:12px;left:12px;z-index:2;display:grid;width:32px;height:32px;border-radius:10px;background:rgba(5,13,28,.82);color:#fff;place-items:center}.storyboard-result-state{display:grid;gap:8px;color:#fff;text-align:center;place-items:center}.storyboard-result-state b{font-size:28px}.storyboard-result-card>div{padding:16px}.storyboard-result-card small{color:var(--accent);font-weight:800}.storyboard-result-card h2{margin:5px 0 7px;font-size:17px}.storyboard-result-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.storyboard-result-actions{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.storyboard-result-actions>div{display:grid;gap:4px;margin-right:auto}.storyboard-result-actions small{color:var(--muted)}.btn.is-disabled{pointer-events:none;opacity:.5}@media(max-width:900px){.storyboard-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storyboard-result-actions{align-items:stretch;flex-wrap:wrap}.storyboard-result-actions>div{width:100%}}@media(max-width:560px){.storyboard-result-shell{padding:14px}.storyboard-result-grid{grid-template-columns:1fr;gap:14px}.storyboard-result-actions .btn{width:100%}.storyboard-result-head{align-items:flex-start}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.image-storyboard-head{margin-bottom:22px}.image-storyboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px}.image-storyboard-form{width:100%;gap:0;padding:0;overflow:hidden}.image-storyboard-section{display:grid;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}.image-storyboard-section>header{display:flex;align-items:flex-start;gap:12px}.image-storyboard-section>header>span{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,#168cef,#6547ef);font-size:11px;font-weight:950}.image-storyboard-section h2{margin:0;font-size:16px}.image-storyboard-section header p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.image-storyboard-section textarea{min-height:146px;resize:vertical}.image-storyboard-count,.image-storyboard-ratio{margin:0}.image-storyboard-count label>span,.image-storyboard-ratio label>span{min-height:96px}.image-storyboard-finish{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:end;gap:14px;padding:20px 24px}.image-storyboard-finish .long-video-field,.image-storyboard-finish .long-video-consent{margin:0}.image-storyboard-form>.long-video-submit{width:calc(100% - 48px);min-height:50px;margin:0 24px 24px}.image-storyboard-guide{position:sticky;top:88px;padding:22px;box-shadow:none}.image-storyboard-guide h2{margin:7px 0 18px;font-size:21px}.image-storyboard-guide ol{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:storyboard-guide}.image-storyboard-guide li{position:relative;display:grid;gap:2px;min-height:65px;padding:0 0 18px 40px;counter-increment:storyboard-guide}.image-storyboard-guide li:not(:last-child):after{position:absolute;top:28px;bottom:0;left:14px;width:1px;background:var(--line);content:''}.image-storyboard-guide li:before{position:absolute;top:0;left:0;display:grid;width:28px;height:28px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:9px;color:#4b8ee4;background:var(--surface-soft);content:counter(storyboard-guide);font-size:9px;font-weight:950}.image-storyboard-guide li b{font-size:11px}.image-storyboard-guide li small{color:var(--muted);font-size:9px;line-height:1.5}.image-storyboard-guide>div{display:flex;gap:10px;padding:13px;border:1px solid color-mix(in srgb,#11a987 30%,var(--line));border-radius:12px;background:color-mix(in srgb,#11a987 7%,var(--panel))}.image-storyboard-guide>div>span{color:#19aa88}.image-storyboard-guide>div p{display:grid;gap:3px;margin:0}.image-storyboard-guide>div strong{font-size:10px}.image-storyboard-guide>div small{color:var(--muted);font-size:9px;line-height:1.5}.image-storyboard-review-layout{grid-template-columns:minmax(0,1fr) 320px}.image-storyboard-lock .long-video-continuity-grid>div{min-height:84px}.image-storyboard-sequence .long-video-storyboard>li{position:relative}.image-storyboard-sequence .long-video-storyboard>li:not(:last-child):after{position:absolute;top:32px;bottom:-10px;left:14px;width:2px;background:color-mix(in srgb,var(--primary) 22%,var(--line));content:''}.image-storyboard-sequence .long-video-storyboard>li>span{z-index:1}.image-storyboard-confirm{border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.image-storyboard-confirm-note{display:block;margin-top:12px;color:var(--muted);font-size:8px;line-height:1.5;text-align:center}.storyboard-result-card{transition:border-color .2s ease,transform .2s ease}.storyboard-result-card:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));transform:translateY(-2px)}
@media(max-width:1050px){.image-storyboard-layout{grid-template-columns:minmax(0,1fr) 260px}.image-storyboard-review-layout{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:900px){.image-storyboard-layout,.image-storyboard-review-layout{grid-template-columns:1fr}.image-storyboard-guide{position:static}.image-storyboard-guide ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-storyboard-guide li{min-height:0;padding:0 0 0 38px}.image-storyboard-guide li:after{display:none}}
@media(max-width:620px){.image-storyboard-head{align-items:flex-start}.image-storyboard-section{padding:18px 16px}.image-storyboard-section>header{gap:10px}.image-storyboard-section textarea{min-height:170px}.image-storyboard-finish{grid-template-columns:1fr;padding:18px 16px}.image-storyboard-form>.long-video-submit{width:calc(100% - 32px);margin:0 16px 18px}.image-storyboard-guide{padding:18px}.image-storyboard-guide ol{grid-template-columns:1fr}.image-storyboard-count,.image-storyboard-ratio .generation-ratio-options{grid-template-columns:1fr}.image-storyboard-count label>span,.image-storyboard-ratio label>span{min-height:76px}.image-storyboard-review-head{align-items:flex-start}.image-storyboard-lock .long-video-continuity-grid>div{min-height:0}}

/* Storyboard review and durable long-video flow */
.long-video-character-warning{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 16px;padding:13px 14px;border:1px solid color-mix(in srgb,#d69631 45%,var(--line));border-radius:14px;background:color-mix(in srgb,#d69631 9%,var(--panel))}.long-video-character-warning>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#e0a743;background:color-mix(in srgb,#d69631 15%,var(--panel));font-size:20px}.long-video-character-warning strong{font-size:11px}.long-video-character-warning p{margin:2px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.long-video-character-warning .btn{min-height:44px}.long-video-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.long-video-review-main{display:grid;gap:16px;min-width:0}.long-video-review-card{padding:20px;box-shadow:none}.long-video-review-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.long-video-review-card header small{color:#4c8fe7;font-size:8px;font-weight:950;letter-spacing:.12em}.long-video-review-card h2{margin:3px 0 0;font-size:19px}.long-video-review-card header>span{color:var(--muted);font-size:9px;font-weight:800}.long-video-continuity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.long-video-continuity-grid>div{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.long-video-continuity-grid dt,.long-video-storyboard dt{color:#4b8ee4;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.long-video-continuity-grid dd{margin:4px 0 0;color:var(--text);font-size:10px;line-height:1.5}.long-video-storyboard{display:grid;gap:10px;margin:0;padding:0;list-style:none}.long-video-storyboard>li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px}.long-video-storyboard>li>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#77b9ff;background:#17314d;font-size:9px;font-weight:950}.long-video-storyboard article{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.long-video-storyboard h3{margin:0 0 9px;font-size:13px}.long-video-storyboard dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.long-video-storyboard dl>div{min-width:0}.long-video-storyboard dd{margin:2px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.long-video-review-confirm{position:sticky;top:88px;padding:20px;box-shadow:none}.long-video-review-confirm h2{margin:6px 0;font-size:20px}.long-video-review-confirm>p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.long-video-review-confirm ul{display:grid;gap:7px;margin:16px 0;padding:0;list-style:none}.long-video-review-confirm li{padding:8px 10px;border-radius:9px;background:var(--surface-soft);font-size:9px}.long-video-review-confirm li:before{margin-right:7px;color:#18a47a;content:'✓';font-weight:900}.long-video-review-confirm form{display:grid;gap:8px}.long-video-review-check{display:flex;gap:8px;padding:10px;border:1px solid color-mix(in srgb,#d69631 35%,var(--line));border-radius:10px;color:var(--muted);font-size:9px;line-height:1.5}.long-video-review-check input{width:18px;height:18px;flex:0 0 18px}.long-video-review-confirm .btn{width:100%;min-height:44px}
@media(max-width:980px){.long-video-review-layout{grid-template-columns:1fr}.long-video-review-confirm{position:static}.long-video-continuity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.long-video-character-warning{grid-template-columns:auto 1fr}.long-video-character-warning .btn{grid-column:1/-1;width:100%}.long-video-continuity-grid,.long-video-storyboard dl{grid-template-columns:1fr}.long-video-review-card{padding:15px}.long-video-review-card>header{align-items:flex-start;flex-direction:column}}
.storyboard-video-reference-list{display:flex;gap:10px;overflow-x:auto;padding:0 0 6px;scroll-snap-type:x proximity}.storyboard-video-reference-list article{display:grid;flex:0 0 250px;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);scroll-snap-align:start}.storyboard-video-reference-list img{display:block;width:72px;height:76px;border-radius:8px;background:#101820;object-fit:cover}.storyboard-video-reference-list article>div{display:grid;gap:4px;min-width:0}.storyboard-video-reference-list small{color:#4b8ee4;font-size:8px;font-weight:900;line-height:1.4}.storyboard-video-reference-list strong{font-size:11px}.storyboard-video-reference-list p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:560px){.storyboard-video-reference-list article{flex-basis:min(78vw,250px)}}

/* Storyboard conversion keeps one video beat for every generated panel. */
.long-video-choice input:disabled+span{opacity:.42;cursor:not-allowed}
/* Final dark-state normalization: generation, dialogs, dropdowns and transient states. */
html[data-theme=dark] .generate-transition-card,html[data-theme=dark] .video-studio-card,html[data-theme=dark] .video-composer,html[data-theme=dark] .video-composer-toolbar,html[data-theme=dark] .video-mode-trigger,html[data-theme=dark] .video-mode-menu,html[data-theme=dark] .video-ratio-control,html[data-theme=dark] .video-file-card,html[data-theme=dark] .video-tip,html[data-theme=dark] .creative-composer-card,html[data-theme=dark] .creative-composer-toolbar,html[data-theme=dark] .creative-result-stage{border-color:#283546;background:#101820;color:var(--text);box-shadow:none}html[data-theme=dark] .generation-layout .result-preview{border-color:#283546;background:radial-gradient(circle at 50% 28%,rgba(30,145,241,.09),transparent 34%),linear-gradient(145deg,#0d151e,#111b26)}html[data-theme=dark] .generation-progress-copy strong,html[data-theme=dark] .generate-transition-card>strong{color:#edf4ff}html[data-theme=dark] .generation-progress-copy p,html[data-theme=dark] .generate-transition-card>p{color:#9cacc0}html[data-theme=dark] .generate-transition-bar,html[data-theme=dark] .generation-progress-rail{background:#243142}html[data-theme=dark] .video-dropzone{border-color:#32445b;background:#101b27}html[data-theme=dark] .video-mode-option:hover,html[data-theme=dark] .video-mode-option.active{background:#17283a;color:#eaf3ff}html[data-theme=dark] .video-mode-option em{background:#172332;color:#a8bdd2}html[data-theme=dark] .first-purchase-chip{color:#80ddb5;background:#123328}html[data-theme=dark] select option{color:#eef4ff;background:#101820}html[data-theme=dark] dialog{color:var(--text)}html[data-theme=dark] dialog::backdrop{background:rgba(2,7,13,.74)}
@media(max-width:620px){.landing-theme-toggle,.member-page .app-theme-toggle,.auth-theme-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex-basis:44px!important;padding:6px!important}.landing-theme-toggle span,.member-page .app-theme-toggle span{width:30px;height:30px}.member-page .top-actions{gap:6px}.member-page .notification-bell{min-width:44px;min-height:44px}}
@media(max-width:620px){main .btn,main .prompt-assist-button,main .watermark-upgrade-close{min-height:44px}main .watermark-upgrade-close{min-width:44px}.member-page .character-inline-form .btn,.member-page .character-card-actions .btn,.member-page .character-card-actions form button,.member-page .generation-detail-card button,.member-page .admin-generation-actions .btn{min-height:44px}.member-page .character-card-actions form button,.member-page .generation-detail-card button,.member-page .admin-generation-actions .btn{min-width:44px;height:auto}}

/* Active jobs remain visible while members move between pages. */
.active-generation-tray{position:fixed;right:18px;bottom:18px;z-index:1200;width:min(360px,calc(100vw - 36px));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 14px 36px rgba(2,12,32,.24)}.active-generation-tray[hidden]{display:none}.active-generation-tray>button{display:flex;width:100%;min-height:52px;align-items:center;gap:10px;padding:10px 14px;border:0;color:var(--text);background:var(--panel);text-align:left}.active-generation-tray>button b{flex:1}.active-generation-tray>div{display:grid;max-height:260px;overflow:auto;background:var(--panel)}.active-generation-tray a{display:flex;min-height:52px;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line);color:var(--text);background:var(--panel);text-decoration:none}.active-generation-tray a span{display:grid;min-width:0;flex:1}.active-generation-tray a b{text-transform:capitalize}.active-generation-tray a small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.active-generation-tray a strong{color:var(--primary)}.active-generation-tray.is-collapsed>div{display:none}@media(max-width:600px){.active-generation-tray{right:10px;bottom:76px;width:calc(100vw - 20px);border-radius:14px}.active-generation-tray>button{min-height:48px}}

/* Keep financial data readable without changing the surrounding admin scale. */
.credit-center-primary-head small.is-unbalanced{color:var(--danger)}.credit-center-primary-head small.is-unbalanced i{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 17%,transparent)}
.credit-center-primary-head>span,.credit-center-metric small{font-size:10px}.credit-center-primary-head small{font-size:10px}.credit-center-primary>p{font-size:11px}.credit-center-primary dt{font-size:10px}.credit-center-metric p{font-size:11px}.credit-ledger-filter label{font-size:10px}.credit-ledger-table th{font-size:9px}.credit-ledger-user strong{font-size:12px}.credit-ledger-user small{font-size:10px}.credit-ledger-table time{font-size:10px}.credit-ledger-change small{font-size:9px}.credit-ledger-source{min-height:30px;font-size:10px}.credit-ledger-note{font-size:10px}.credit-center-summary{grid-template-columns:minmax(310px,1.45fr) repeat(3,minmax(165px,.68fr))}.credit-center-primary dl{grid-template-columns:repeat(3,minmax(0,1fr))}.credit-center-primary dd.is-deficit{color:var(--danger)}.credit-metric-mark.is-returned{color:#158264;background:color-mix(in srgb,#158264 12%,var(--panel))}html[data-theme=light] .credit-ledger-head,html[data-theme=light] .credit-center-summary,html[data-theme=light] .credit-ledger-section{--muted:#59667f}html[data-theme=light] .credit-metric-mark.is-issued{color:#1c68bd}html[data-theme=light] .credit-metric-mark.is-returned{color:#0b7054}html[data-theme=light] .credit-metric-mark.is-referral{color:#7546c2}@media(max-width:1020px){.credit-center-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.credit-center-primary{grid-column:1/-1}}@media(max-width:760px){.credit-ledger-table td:before{font-size:9px}.credit-center-summary{grid-template-columns:1fr 1fr}.credit-center-primary{grid-column:1/-1}.credit-center-metric:last-child{grid-column:1/-1}}@media(max-width:420px){.credit-center-summary{grid-template-columns:1fr}.credit-center-primary,.credit-center-metric,.credit-center-metric:last-child{grid-column:auto}.credit-center-primary dl{grid-template-columns:1fr}}

/* Separate the live 100,000 balance from lifetime credit movement. */
.credit-overview{display:grid;gap:12px;margin-bottom:26px}.credit-admin-balance-card,.credit-admin-flow-card{padding:20px 22px;box-shadow:none!important}.credit-admin-balance-card>header,.credit-admin-flow-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.credit-admin-balance-card header>div>span,.credit-admin-flow-card header>div>span{color:var(--primary);font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.credit-admin-balance-card h2,.credit-admin-flow-card h2{margin:3px 0 0;font-size:18px}.credit-admin-balance-card header>small,.credit-admin-flow-card header>small{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}.credit-admin-balance-card header>small i{width:8px;height:8px;border-radius:50%;background:#21ad78;box-shadow:0 0 0 3px color-mix(in srgb,#21ad78 17%,transparent)}.credit-admin-balance-card header>small.is-unbalanced{color:var(--danger)}.credit-admin-balance-card header>small.is-unbalanced i{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 17%,transparent)}.credit-balance-equation,.credit-flow-equation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.12fr);align-items:stretch;gap:8px}.credit-balance-equation>div,.credit-flow-equation>div{display:grid;align-content:center;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.credit-balance-equation>div.is-total,.credit-flow-equation>div.is-result{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary) 10%,var(--panel))}.credit-balance-equation>div>span,.credit-flow-equation>div>span{color:var(--muted);font-size:9px;font-weight:850}.credit-balance-equation strong,.credit-flow-equation strong{overflow:hidden;margin-top:3px;color:var(--text);font-size:22px;line-height:1.1;text-overflow:ellipsis}.credit-balance-equation strong.is-deficit{color:var(--danger)}.credit-balance-equation>b,.credit-flow-equation>b{display:grid;place-items:center;color:var(--muted);font-size:16px}.credit-flow-equation>div>small{margin-top:4px;color:var(--muted);font-size:8px}.credit-balance-help,.credit-flow-help{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.credit-flow-help strong{color:var(--text)}html[data-theme=light] .credit-overview{--muted:#59667f}@media(max-width:700px){.credit-admin-balance-card,.credit-admin-flow-card{padding:17px}.credit-admin-balance-card>header,.credit-admin-flow-card>header{align-items:flex-start;flex-direction:column;gap:7px}.credit-balance-equation,.credit-flow-equation{grid-template-columns:1fr 1fr}.credit-balance-equation>b,.credit-flow-equation>b{display:none}.credit-balance-equation>div.is-total,.credit-flow-equation>div.is-result{grid-column:1/-1}.credit-balance-equation strong,.credit-flow-equation strong{font-size:20px}}@media(max-width:400px){.credit-balance-equation,.credit-flow-equation{grid-template-columns:1fr}.credit-balance-equation>div.is-total,.credit-flow-equation>div.is-result{grid-column:auto}}
.central-credit-availability{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px 17px;border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:none!important}.central-credit-availability>div{display:grid;gap:3px}.central-credit-availability span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.central-credit-availability strong{font-size:18px}.central-credit-availability p{max-width:560px;margin:0;color:var(--muted);font-size:10px;line-height:1.55;text-align:right}.central-credit-availability.is-low{border-color:color-mix(in srgb,var(--danger) 62%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--panel))}.central-credit-availability.is-low strong{color:var(--danger)}@media(max-width:620px){.central-credit-availability{align-items:flex-start;flex-direction:column;gap:8px}.central-credit-availability p{text-align:left}}

/* Cinematic presets organize real production choices without decorative imagery. */
.admin-referral-head{align-items:center}.admin-referral-stats .stat{min-width:0;padding:18px}.admin-referral-stats .stat-value{font-size:28px}.admin-referral-board{overflow:hidden}.admin-referral-board>.credit-history-heading{padding:20px;border-bottom:1px solid var(--line)}.admin-referral-board h2{margin:0}.admin-referral-board p{margin:3px 0 0;color:var(--muted);font-size:11px}.admin-referral-list{display:grid}.admin-referral-row{padding:16px 20px;border-bottom:1px solid var(--line)}.admin-referral-row:last-child{border-bottom:0}.admin-referral-row.is-top{background:color-mix(in srgb,var(--primary) 4%,var(--panel))}.admin-referral-row-head{display:grid;grid-template-columns:38px minmax(180px,1fr) auto auto;align-items:center;gap:12px}.admin-referral-rank{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--panel);font-size:12px;font-weight:950}.admin-referral-row.is-top .admin-referral-rank{border-color:#3d7fc9;color:#9dccff;background:#102b48}.admin-referral-user{display:flex;align-items:center;gap:10px;min-width:0}.admin-referral-user p,.admin-referral-code{display:grid;gap:3px;margin:0}.admin-referral-user strong,.admin-referral-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-referral-user small{color:var(--muted);font-size:10px}.admin-referral-code{grid-template-columns:auto auto;align-items:center}.admin-referral-code code{font-size:10px}.admin-referral-code .status{width:max-content}.admin-referral-actions{display:flex;gap:6px}.admin-referral-actions .btn{min-height:40px;white-space:nowrap}.admin-referral-metrics{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin:12px 0 0 50px}.admin-referral-metrics div{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 94%,var(--bg))}.admin-referral-metrics dt{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.admin-referral-metrics dd{overflow:hidden;margin:3px 0 0;color:var(--text);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.admin-referral-metrics dd small{color:var(--muted);font-size:9px}.admin-referral-empty{display:grid;min-height:260px;padding:34px;place-items:center;align-content:center;text-align:center}.admin-referral-empty p{max-width:420px;margin:6px auto 16px}.admin-referral-empty .btn{min-height:44px}@media(max-width:900px){.admin-referral-row-head{grid-template-columns:38px minmax(0,1fr) auto}.admin-referral-code{grid-column:2}.admin-referral-actions{grid-column:3;grid-row:1/3}.admin-referral-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.admin-referral-stats{grid-template-columns:1fr 1fr}.admin-referral-board{border:0;background:transparent;box-shadow:none}.admin-referral-board>.credit-history-heading{padding:0 0 12px;border-bottom:0}.admin-referral-list{gap:10px}.admin-referral-row{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.admin-referral-row-head{grid-template-columns:38px minmax(0,1fr)}.admin-referral-code{grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;padding-top:5px}.admin-referral-actions{grid-column:1/-1;grid-row:auto;display:grid;width:100%;grid-template-columns:1fr 1fr}.admin-referral-actions .btn{min-height:44px}.admin-referral-metrics{grid-template-columns:1fr 1fr;margin:12px 0 0}.admin-referral-metrics div:last-child{grid-column:1/-1}}@media(max-width:420px){.admin-referral-stats{grid-template-columns:1fr 1fr}.admin-referral-stats .stat{padding:14px}.admin-referral-stats .stat-value{font-size:24px}.admin-referral-stats .stat-sub{font-size:10px}}
.cinematic-setup select{min-height:44px}

/* v4.10.110 — shared UI precision, keyboard access, and resilient layout. */
.skip-link{position:fixed;top:10px;left:10px;z-index:5000;max-width:calc(100vw - 20px);padding:10px 14px;border:2px solid #fff;border-radius:10px;color:#fff;background:#135fba;box-shadow:0 8px 24px rgba(3,20,46,.28);font-size:13px;font-weight:900;transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 72%,#fff);outline-offset:3px}
:where(button,input,select,textarea):disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none!important;box-shadow:none!important}
.member-page .app-content,.member-page .app-content>*,.app-top-heading,.top-actions,.page-head>*,.card,.panel,.table-card,.table-responsive{min-width:0}
.member-page .app-content{width:100%;max-width:1600px;margin-inline:auto}.page-head h1,.page-head h2,.page-head p,.card,.panel,.flash{overflow-wrap:anywhere}.page-head>div:first-child{min-width:0}.page-head .btn{flex:0 0 auto}
.form-control,main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),main select,main textarea{max-width:100%}.form-control{min-height:44px}.form-group label,.creative-model-control label{line-height:1.35}.form-hint{line-height:1.5}
.table-responsive{max-width:100%;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.table th{white-space:nowrap}.table td{overflow-wrap:anywhere}.table :where(.btn,button,a){max-width:100%}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;color:var(--text);background:var(--panel)}dialog::backdrop{background:rgba(2,10,24,.68);backdrop-filter:blur(3px)}
.top-logout-form{margin:0}.side-nav-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav-tail{display:flex;flex:0 0 auto;align-items:center;gap:4px;margin-left:auto}.side-pro-badge,.badge-new,.side-pending-badge{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:900;line-height:1;white-space:nowrap}.side-pro-badge{padding:4px 5px;border-radius:5px;background:#2563eb}.badge-new{padding:4px 5px;border-radius:5px;background:#d94942}.side-pending-badge{min-width:21px;min-height:21px;margin-left:auto;padding:3px 6px;border-radius:999px;background:#d74343;font-size:10px}
.flash-wrap{width:min(380px,calc(100vw - 24px))}.flash{line-height:1.5}
@media(max-width:800px){.member-page .app-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.page-head{width:100%}.page-head>.btn,.page-head>form,.page-head>form>.btn{width:100%}.page-head>form>.btn{justify-content:center}.table-responsive{-webkit-overflow-scrolling:touch}.top-logout-form{display:none}}
@media(max-width:540px){.app-content{padding-inline:14px}.panel,.card:not(.generation-gallery-card):not(.tool-card){max-width:100%}.form-grid{gap:0}.flash-wrap{right:12px;left:12px;width:auto}.pagination{justify-content:center;flex-wrap:wrap}.pagination a{min-height:44px;display:inline-grid;place-items:center}.side-nav-tail{gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.central-admin-transfer{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:24px;align-items:center;margin:0 0 24px;padding:22px;overflow:hidden}.central-admin-transfer-copy>span{color:var(--primary);font-size:9px;font-weight:950;letter-spacing:.11em}.central-admin-transfer-copy h2{margin:5px 0 7px;font-size:20px}.central-admin-transfer-copy p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.central-admin-transfer form{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.central-admin-transfer .form-group{display:grid;min-width:0;margin:0;align-content:start}.central-admin-transfer label{min-height:16px;margin:0 0 6px;font-size:10px;line-height:16px}.central-admin-transfer label span{color:var(--muted);font-weight:500}.central-admin-transfer .form-control{height:50px}.central-admin-transfer .form-group>small{display:block;min-height:14px;margin-top:5px;color:var(--muted);font-size:9px;line-height:14px}.central-admin-transfer .btn{grid-column:1/-1;width:100%;min-width:0;min-height:44px;white-space:normal}@media(max-width:1050px){.central-admin-transfer{grid-template-columns:1fr}}@media(max-width:700px){.central-admin-transfer{padding:17px}.central-admin-transfer form{grid-template-columns:1fr}.central-admin-transfer .btn{grid-column:auto}}

/* Malaysia language and QRIS help */
.public-language-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line,#dce4ef);border-radius:10px;background:var(--panel,#fff)}.public-language-switch a{display:grid;min-width:34px;min-height:32px;place-items:center;border-radius:7px;color:var(--muted,#65758d);font-size:9px;font-weight:950;text-decoration:none}.public-language-switch a.active{color:#fff;background:#176fd3}.malaysia-payment-guide{margin:18px 0;padding:0;border:1px solid color-mix(in srgb,#176fd3 32%,var(--line));border-radius:14px;background:color-mix(in srgb,#176fd3 5%,var(--panel));overflow:hidden;text-align:left}.malaysia-payment-guide summary{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:68px;padding:11px 14px;cursor:pointer;list-style:none}.malaysia-payment-guide summary::-webkit-details-marker{display:none}.malaysia-payment-guide summary img{width:44px;height:44px;object-fit:contain;border-radius:10px}.malaysia-payment-guide summary span{display:grid;gap:2px}.malaysia-payment-guide summary strong{color:var(--text);font-size:11px}.malaysia-payment-guide summary small{color:var(--muted);font-size:9px}.malaysia-payment-guide summary>b{color:var(--primary);font-size:18px;transition:transform .15s}.malaysia-payment-guide[open] summary>b{transform:rotate(45deg)}.malaysia-payment-guide>div{padding:0 16px 15px 70px;border-top:1px solid var(--line)}.malaysia-payment-guide ol{display:grid;gap:6px;margin:13px 0;padding-left:18px;color:var(--text);font-size:10px;line-height:1.55}.malaysia-payment-guide p{margin:10px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.malaysia-payment-guide p a{color:var(--primary);font-weight:850}.malaysia-payment-guide.is-compact{margin:16px auto 0;max-width:760px}.section-head>.malaysia-payment-guide{text-align:left}.active-invoice>.malaysia-payment-guide{margin-top:16px}@media(max-width:620px){.public-language-switch{padding:2px}.public-language-switch a{min-width:30px;min-height:38px}.malaysia-payment-guide summary{grid-template-columns:40px minmax(0,1fr) 20px;padding:10px}.malaysia-payment-guide summary img{width:40px;height:40px}.malaysia-payment-guide>div{padding:0 12px 13px}.public-landing-page .public-language-switch{order:1}.public-landing-page .landing-theme-toggle{order:2}.public-landing-page .landing-nav-cta{order:3}.public-landing-page .mobile-menu{order:4}}
.myr-price-estimate{display:block;margin-top:4px;color:var(--primary);font-size:10px;font-weight:850;letter-spacing:0}.malaysia-rate{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--text)!important}.malaysia-rate span{color:var(--muted);font-size:8px;text-align:right}.auth-header-tools{position:absolute;z-index:5;top:22px;right:24px;display:flex;align-items:center;gap:8px}.auth-header-tools .auth-theme-toggle{position:static}.member-language-switch{flex:0 0 auto}@media(max-width:620px){.public-language-switch a{min-width:40px;min-height:44px}.member-language-switch a{min-width:34px}.auth-header-tools{top:16px;right:18px}.malaysia-rate{align-items:flex-start;flex-direction:column;gap:3px}.malaysia-rate span{text-align:left}}

/* Workspace tools: one compact home for tiered productivity features. */
.workspace-page-head{align-items:center}.workspace-tool-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}.workspace-tool-nav a{display:flex;min-width:0;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;flex-direction:column;justify-content:center}.workspace-tool-nav a span{overflow:hidden;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.workspace-tool-nav a small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:750}.workspace-tool-nav a.active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.workspace-tool-nav a.locked{opacity:.62}.workspace-tool-panel{padding:24px}.workspace-tool-panel>header{display:flex;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.workspace-tool-panel>header small,.workspace-template-list small,.workspace-records small,.workspace-variation-list small{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.08em}.workspace-tool-panel>header h2{margin:4px 0 5px;font-size:22px}.workspace-tool-panel>header p{margin:0;color:var(--muted);font-size:12px}.workspace-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.workspace-form label,.workspace-output{display:grid;gap:6px;color:var(--text);font-size:11px;font-weight:800}.workspace-form .wide,.workspace-form>.btn.wide{grid-column:1/-1}.workspace-form .form-control{width:100%;min-width:0}.workspace-form textarea.form-control{height:auto;min-height:94px;resize:vertical}.workspace-single-form{grid-template-columns:1fr}.workspace-single-form small{color:var(--muted)}.workspace-template-list,.workspace-records,.workspace-variation-list{display:grid;gap:10px}.workspace-template-list article,.workspace-records article,.workspace-variation-list article{display:flex;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);align-items:center;justify-content:space-between;gap:16px}.workspace-template-list article>div,.workspace-records article>div{min-width:0}.workspace-template-list h3,.workspace-records h3{margin:4px 0;font-size:14px}.workspace-template-list p,.workspace-records p,.workspace-variation-list p{margin:0;color:var(--muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.workspace-template-list .btn,.workspace-delete-form .btn{min-height:44px}.workspace-empty{margin:0;padding:24px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.workspace-guide{display:grid;gap:10px;margin:0;padding:0;list-style:none}.workspace-guide li{display:flex;padding:14px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;gap:18px}.workspace-guide li div{display:grid;grid-template-columns:34px 1fr;min-width:0;align-items:center}.workspace-guide li b{grid-row:1/3;width:28px;color:var(--primary);font-size:18px}.workspace-guide li strong{font-size:13px}.workspace-guide li p{margin:3px 0 0;color:var(--muted);font-size:11px}.workspace-guide li a,.workspace-inline-actions a,.workspace-records article>div>a{display:inline-flex;min-height:44px;color:var(--primary);font-size:11px;font-weight:850;align-items:center}.workspace-variation-list{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-variation-list article{display:block}.workspace-variation-list article a{display:inline-flex;min-height:44px;margin-top:8px;color:var(--primary);font-size:10px;font-weight:850;align-items:center}.workspace-inline-actions{display:flex;gap:14px;flex-wrap:wrap}.workspace-output{margin-top:18px}.workspace-output textarea{height:auto}.workspace-token-once,.workspace-api-note{display:grid;gap:7px;margin-bottom:18px;padding:16px;border:1px solid var(--primary);border-radius:12px;background:var(--panel-soft)}.workspace-token-once code,.workspace-api-note code{max-width:100%;padding:8px;border-radius:7px;background:var(--panel);color:var(--text);font-size:11px;overflow-wrap:anywhere}.workspace-token-once small,.workspace-api-note p{margin:0;color:var(--muted);font-size:10px}.workspace-token-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.imagine-workspace-card small{display:block;margin-bottom:10px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.08em}
.workspace-api-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px}.workspace-api-docs article{display:grid;min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);align-content:start;gap:7px}.workspace-api-docs strong{font-size:12px}.workspace-api-docs code,.workspace-api-docs pre{max-width:100%;margin:0;padding:8px;border-radius:7px;background:var(--panel);color:var(--text);font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.workspace-api-docs p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
@media(max-width:1050px){.workspace-tool-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-variation-list{grid-template-columns:1fr}}
@media(max-width:700px){.workspace-tool-nav{display:flex;margin-inline:-12px;padding:0 12px 8px;overflow-x:auto;scroll-snap-type:x mandatory}.workspace-tool-nav a{flex:0 0 158px;scroll-snap-align:start}.workspace-tool-panel{padding:17px}.workspace-form{grid-template-columns:1fr}.workspace-form .wide,.workspace-form>.btn.wide{grid-column:auto}.workspace-template-list article,.workspace-records article,.workspace-guide li{align-items:stretch;flex-direction:column}.workspace-template-list .btn,.workspace-delete-form .btn{width:100%}.workspace-guide li div{grid-template-columns:34px 1fr}.workspace-token-form,.workspace-api-docs{grid-template-columns:1fr}}
.api-developer-page{display:grid;gap:16px}.api-developer-hero{display:flex;min-width:0;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);align-items:center;justify-content:space-between;gap:18px}.api-developer-hero>div{min-width:0}.api-developer-kicker{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.12em}.api-developer-hero h1{margin:5px 0;font-size:24px}.api-developer-hero p,.api-developer-card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.api-developer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.api-developer-card{display:grid;min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);align-content:start;gap:13px}.api-developer-wide{grid-column:1/-1}.api-developer-card-head{display:flex;min-width:0;gap:11px;align-items:flex-start}.api-developer-card-head>span{display:grid;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--line);border-radius:9px;color:var(--primary);font-size:10px;font-weight:900;place-items:center}.api-developer-card-head h2{margin:0 0 4px;font-size:15px}.api-developer-card pre{max-width:100%;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text);font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.api-developer-card small,.api-developer-card li,.api-developer-note{color:var(--muted);font-size:11px;line-height:1.6}.api-developer-card ul{margin:0;padding-left:18px}.api-developer-link{display:inline-flex;width:fit-content;min-height:40px;color:var(--primary);font-size:12px;font-weight:850;align-items:center}.api-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.api-service-list>div{display:grid;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);gap:4px}.api-service-list b{font-size:12px}.api-service-list span{color:var(--muted);font-size:11px;line-height:1.5}.api-developer-note{margin:0;padding:11px;border-left:3px solid var(--primary);border-radius:0 8px 8px 0;background:var(--panel-soft)}
@media(max-width:700px){.api-developer-hero{align-items:stretch;flex-direction:column;padding:18px}.api-developer-hero>.btn{width:100%}.api-developer-grid,.api-service-list{grid-template-columns:1fr}.api-developer-wide{grid-column:auto}.api-developer-card{padding:15px}}
.api-service-list span{overflow-wrap:anywhere}
.pricing-page-section .pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.pricing-page-section .price-card{min-width:0}.pricing-page-section .price-card ul li{gap:8px}
.pricing-plan-name{width:max-content;max-width:100%;margin:0 0 12px}.pricing-credit-line{display:flex;align-items:baseline;gap:6px;margin-top:4px;color:var(--primary)}.pricing-credit-line strong{font-size:1.35rem;line-height:1}.pricing-credit-line span{color:var(--muted);font-size:.78rem;font-weight:700}.pricing-feature-label{margin-top:18px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.pricing-feature-list{display:grid;gap:8px;margin:9px 0 18px;padding:0;list-style:none}.pricing-feature-list li{display:flex;align-items:flex-start;margin:0;font-size:.82rem;line-height:1.4}.pricing-feature-list li>span{flex:0 0 auto;margin-right:9px;color:var(--success)}.pricing-history-link{margin-top:28px;text-align:center}.pricing-history-link a{display:inline-flex;min-height:44px;color:var(--primary);font-weight:800;align-items:center}
.manual-combine-panel{margin-top:20px;padding:24px}.manual-combine-head{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.manual-combine-head strong{display:block;font-size:16px}.manual-combine-head small{color:var(--muted);font-size:12px}.manual-combine-badge{display:inline-flex;padding:5px 10px;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:9px;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.04em;align-items:center;gap:6px}.manual-combine-badge i{width:7px;height:7px;border-radius:50%;background:var(--success)}.manual-combine-progress-copy{display:flex;margin-bottom:8px;color:var(--text);font-size:13px;justify-content:space-between}.manual-combine-progress-copy b{color:var(--primary)}.manual-combine-panel progress{width:100%;height:8px;border-radius:4px;appearance:none}.manual-combine-panel progress::-webkit-progress-bar{border-radius:4px;background:var(--panel-soft)}.manual-combine-panel progress::-webkit-progress-value,.manual-combine-panel progress::-moz-progress-bar{border-radius:4px;background:var(--primary);transition:width .3s ease}.manual-combine-panel .video-combine-error{margin-top:15px;padding:10px;border-radius:8px}.manual-combine-panel .video-combine-actions{display:flex;margin-top:20px;gap:10px;flex-wrap:wrap}.manual-combine-empty{margin-top:20px}.manual-combine-picker-head{display:flex;margin:20px 0 15px;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.manual-combine-picker-head h2{margin:0 0 5px;font-size:22px}.manual-combine-picker-head p{margin:0;color:var(--muted)}.manual-combine-picker-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.manual-combine-picker-actions .gallery-result-count{font-weight:700;white-space:nowrap}.selectable-video-card{position:relative;cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s}.selectable-video-card:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.selectable-video-card.is-selected{outline:2px solid var(--primary);background:var(--panel-soft);transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,66,118,.1)}.manual-video-id{top:10px;left:10px;z-index:2;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.68);color:#fff;font-size:10px;font-weight:800;box-shadow:none}.selectable-video-card .selection-badge{display:none;position:absolute;top:10px;right:10px;z-index:2;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:800;align-items:center;justify-content:center}.selectable-video-card.is-selected .selection-badge{display:flex}.selectable-video-card .generation-gallery-body h3{margin-top:0;font-size:13px;line-height:1.4}
@media(max-width:1100px){.pricing-page-section .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pricing-page-section .pricing-grid{grid-template-columns:1fr}}
.public-language-switch a{min-width:38px;min-height:44px}

/* Stable admin payment tables and inline proof preview */
.admin-payment-table{width:100%;table-layout:fixed}.admin-payment-table th,.admin-payment-table td{vertical-align:middle}.admin-payment-table th:nth-child(1),.admin-payment-table td:nth-child(1){width:23%}.admin-payment-table th:nth-child(2),.admin-payment-table td:nth-child(2){width:21%}.admin-payment-table th:nth-child(3),.admin-payment-table td:nth-child(3){width:9%}.admin-payment-table th:nth-child(4),.admin-payment-table td:nth-child(4){width:10%}.admin-payment-table th:nth-child(5),.admin-payment-table td:nth-child(5){width:10%}.admin-payment-table th:nth-child(6),.admin-payment-table td:nth-child(6){width:12%}.admin-payment-table th:nth-child(7),.admin-payment-table td:nth-child(7){width:15%}.admin-payment-table td:nth-child(1) .code{display:inline-block;max-width:100%;font-size:12px;white-space:normal;overflow-wrap:anywhere}.admin-payment-table td:nth-child(2) strong{display:block;margin-bottom:4px}.admin-payment-table td:nth-child(2) .muted{display:block;line-height:1.4;overflow-wrap:anywhere}.admin-payment-table .status{display:inline-flex;max-width:100%;justify-content:center;white-space:nowrap;word-break:normal}.admin-payment-table .payment-proof-missing{max-width:100%;line-height:1.35;word-break:normal;overflow-wrap:normal}.admin-payment-table .admin-payment-actions{display:grid;grid-template-columns:1fr;gap:7px}.admin-payment-table .admin-payment-actions form,.admin-payment-table .admin-payment-actions .btn{width:100%}.admin-payment-table .admin-payment-actions .btn{min-width:0;min-height:40px;padding-inline:8px;white-space:nowrap}.admin-payment-table .admin-payment-actions .btn:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.5}.admin-proof-dialog{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px rgba(6,24,54,.35);overflow:hidden}.admin-proof-dialog::backdrop{background:rgba(4,13,29,.68);backdrop-filter:blur(4px)}.admin-proof-dialog-head{display:flex;min-height:58px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;gap:16px}.admin-proof-dialog-head strong{font-size:15px;overflow-wrap:anywhere}.admin-proof-dialog-head button{display:grid;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:24px;cursor:pointer;place-items:center}.admin-proof-dialog-body{display:grid;max-height:calc(100dvh - 106px);padding:18px;background:var(--soft);overflow:auto;place-items:center}.admin-proof-dialog-body img{display:block;max-width:100%;max-height:calc(100dvh - 142px);border-radius:10px;object-fit:contain}@media(max-width:1180px){.table-responsive:has(.admin-payment-table){overflow:visible}.admin-payment-table,.admin-payment-table tbody{display:block;width:100%;min-width:0!important}.admin-payment-table thead{display:none}.admin-payment-table tr{display:block;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.admin-payment-table td{display:grid;width:100%!important;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:10px;padding:8px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:right;overflow-wrap:anywhere}.admin-payment-table td:last-child{border-bottom:0!important}.admin-payment-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:950;letter-spacing:.06em;text-align:left;text-transform:uppercase}.admin-payment-table td[colspan]{display:block;text-align:center}.admin-payment-table td[colspan]:before{display:none}.admin-payment-table td>*{max-width:100%;justify-self:end}.admin-payment-table .admin-payment-actions{width:min(320px,100%);grid-template-columns:1fr 1fr}.admin-payment-table .admin-proof-preview{justify-self:end}}@media(max-width:520px){.admin-payment-table td{grid-template-columns:88px minmax(0,1fr)}.admin-payment-table .admin-payment-actions{grid-template-columns:1fr}.admin-proof-dialog{width:calc(100vw - 20px)}.admin-proof-dialog-body{padding:10px}}

/* Touch 'n Go illustrated payment guide */
.tng-guide{width:min(1040px,calc(100% - 32px));margin:28px auto 72px;color:var(--text)}.public-page .tng-guide{margin-top:104px}.tng-guide-hero{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:18px;padding:24px;border:1px solid #9fc7f7;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,#1778e8 10%,var(--panel)),color-mix(in srgb,#6352ee 8%,var(--panel)))}.tng-guide-hero>img{width:62px;height:62px;border-radius:14px}.tng-guide-hero span,.tng-guide-copy>span{color:#2476d4;font-size:10px;font-weight:950;letter-spacing:.09em}.tng-guide-hero h1{max-width:760px;margin:5px 0 7px;font-size:clamp(25px,3.5vw,38px);line-height:1.1;letter-spacing:-.035em}.tng-guide-hero p,.tng-guide-copy p,.tng-guide-finish p,.tng-guide-warning p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.tng-guide-warning{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:6px 20px;margin:16px 0 20px;padding:18px 20px;border:1px solid #edcf82;border-radius:16px;background:color-mix(in srgb,#f2b933 9%,var(--panel));overflow:hidden}.tng-guide-warning strong{font-size:15px}.tng-guide-warning img{grid-column:2;grid-row:1/3;width:150px;height:118px;border-radius:12px;object-fit:cover;object-position:center top}.tng-guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.tng-guide-steps>li{display:grid;min-width:0;grid-template-rows:auto 1fr;gap:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 10px 28px rgba(20,54,101,.07)}.tng-guide-copy{min-width:0}.tng-guide-copy h2{margin:6px 0 8px;font-size:20px;line-height:1.25}.tng-guide-steps figure{display:grid;height:410px;margin:0;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--soft);place-items:center;overflow:hidden}.tng-guide-steps figure img{display:block;width:auto;max-width:100%;height:auto;max-height:390px;border-radius:10px;object-fit:contain;background:#fff}.tng-guide-finish{display:grid;justify-items:center;gap:7px;margin-top:20px;padding:24px;border:1px solid #8dd6ad;border-radius:17px;background:color-mix(in srgb,#1ea760 9%,var(--panel));text-align:center}.tng-guide-finish strong{font-size:21px}.tng-guide-finish .btn{margin-top:7px}.malaysia-tutorial-link{display:inline-flex;min-height:44px;margin:4px 0 10px;padding:10px 14px;border-radius:10px;color:#fff!important;background:linear-gradient(135deg,#1d82ea,#6650ed);font-weight:900;align-items:center;text-decoration:none!important}@media(max-width:760px){.tng-guide{width:calc(100% - 24px);margin-bottom:90px}.public-page .tng-guide{margin-top:84px}.tng-guide-hero{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:17px}.tng-guide-hero>img{width:48px;height:48px;border-radius:11px}.tng-guide-hero h1{font-size:clamp(22px,7vw,28px);overflow-wrap:anywhere}.tng-guide-hero p,.tng-guide-copy p,.tng-guide-finish p,.tng-guide-warning p{font-size:12px}.tng-guide-warning{grid-template-columns:minmax(0,1fr);padding:16px}.tng-guide-warning img{grid-column:1;grid-row:auto;width:100%;height:180px;margin-top:6px}.tng-guide-steps{grid-template-columns:minmax(0,1fr);gap:12px}.tng-guide-steps>li{gap:13px;padding:15px}.tng-guide-copy h2{font-size:18px}.tng-guide-steps figure{height:auto;min-height:240px;max-height:480px;padding:8px}.tng-guide-steps figure img{max-height:462px}.tng-guide-finish{padding:20px 16px}.tng-guide-finish .btn,.malaysia-tutorial-link{width:100%;justify-content:center}}@media(max-width:380px){.tng-guide{width:calc(100% - 16px)}.tng-guide-hero{grid-template-columns:40px minmax(0,1fr);padding:14px}.tng-guide-hero>img{width:40px;height:40px}.tng-guide-hero h1{font-size:21px}}

/* Character reference uploads */
.character-reference-upload{cursor:pointer}.character-reference-upload input{position:absolute;width:1px;height:1px;opacity:0}.character-reference-upload:focus-within{outline:3px solid color-mix(in srgb,var(--primary) 65%,transparent);outline-offset:2px}.character-reference-upload:hover{border-color:#4e91e2;background:color-mix(in srgb,var(--surface-soft) 90%,var(--primary))}.character-reference-upload-hint{margin:0;color:var(--muted);font-size:9px;line-height:1.5;text-align:center}

/* Clickable guide images and private generation sources */
.tng-guide-warning>a{position:relative;grid-column:2;grid-row:1/3;display:block;width:150px;height:118px;border-radius:12px;overflow:hidden}.tng-guide-warning>a img{grid-column:auto;grid-row:auto;width:100%;height:100%}.tng-guide-warning>a span,.tng-guide-steps figure a span{position:absolute;right:8px;bottom:8px;padding:6px 8px;border-radius:8px;color:#fff;background:rgba(5,15,31,.82);font-size:9px;font-weight:900}.tng-guide-steps figure a{position:relative;display:grid;width:100%;height:100%;place-items:center}.tng-guide-steps figure a:focus-visible{outline:3px solid #4b94ec;outline-offset:3px}@media(max-width:760px){.tng-guide-warning>a{grid-column:1;grid-row:auto;width:100%;height:180px;margin-top:6px}.tng-guide-warning>a img{margin:0}}
.media-lightbox{width:min(920px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:18px;color:var(--text);background:var(--panel);box-shadow:0 24px 80px rgba(4,13,29,.45);overflow:hidden}.media-lightbox::backdrop{background:rgba(3,10,23,.82);backdrop-filter:blur(4px)}.media-lightbox>header{display:flex;min-height:58px;padding:10px 14px 10px 18px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;gap:16px}.media-lightbox>header button{display:grid;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--panel);font-size:23px;cursor:pointer;place-items:center}.media-lightbox>div{display:grid;max-height:calc(100dvh - 86px);padding:14px;background:var(--soft);overflow:auto;place-items:center}.media-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 114px);border-radius:10px;object-fit:contain}
.generation-source-media{padding:17px 18px;border-top:1px solid var(--line)}.generation-source-media>div:first-child small{color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.09em}.generation-source-media h3{margin:2px 0 3px;font-size:16px}.generation-source-media p{margin:0;color:var(--muted);font-size:10px}.generation-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.generation-source-grid article{display:grid;min-width:0;gap:7px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.generation-source-grid article>strong{font-size:10px}.generation-source-grid a{position:relative;display:block;overflow:hidden;border-radius:9px;background:#07111f}.generation-source-grid img,.generation-source-grid video{display:block;width:100%;height:120px;object-fit:contain}.generation-source-grid audio{width:100%;height:40px}.generation-source-grid a span{position:absolute;right:6px;bottom:6px;padding:5px 7px;border-radius:7px;color:#fff;background:rgba(5,15,31,.82);font-size:8px;font-weight:900}@media(max-width:620px){.generation-source-media{padding:15px}.generation-source-grid{grid-template-columns:1fr}.generation-source-grid img,.generation-source-grid video{height:auto;max-height:260px}}

/* Ordered proof upload and customer-service confirmation */
.active-invoice>.payment-action-stack{width:min(720px,100%);margin-inline:auto;grid-template-columns:1fr;align-items:stretch}.active-invoice>.payment-action-stack .payment-proof-form{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.payment-proof-form label>span{min-height:48px;padding:10px 14px;font-size:12px;overflow-wrap:anywhere}.payment-proof-form label>span.has-file{border-style:solid;border-color:#43a474;color:#147448;background:#effaf4}.payment-proof-form .btn,.btn-payment-whatsapp{min-height:48px;font-size:13px}.payment-action-stack.is-awaiting-proof .btn-payment-whatsapp{display:none}.payment-action-hint{margin:0;color:var(--muted);font-size:12px;text-align:center}.payment-upload-status{grid-column:1/-1;color:var(--muted);font-size:12px;text-align:center}.payment-proof-sent{padding:14px 16px;border:1px solid #9bd8bc;border-radius:14px;background:#effaf4;font-size:12px;text-align:center}.payment-upload-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:paymentUploadSpin .7s linear infinite}.payment-proof-form .is-uploading{display:flex;align-items:center;justify-content:center;gap:9px;cursor:wait}@keyframes paymentUploadSpin{to{transform:rotate(360deg)}}html[data-theme=dark] .payment-proof-form label>span.has-file,html[data-theme=dark] .payment-proof-sent{border-color:#285e49;color:#91e1bd;background:#10281f}@media(max-width:700px){.active-invoice>.payment-action-stack .payment-proof-form{grid-template-columns:1fr;padding:11px}.payment-upload-status{grid-column:auto}.payment-proof-form .btn,.btn-payment-whatsapp{width:100%}}@media(prefers-reduced-motion:reduce){.payment-upload-spinner{animation:none}}

/* Membership changes: distinguish the quoted charge and when a scheduled tier begins. */
.pricing-page-section .plan-change-quote{display:grid;gap:4px;margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);text-align:left}
.pricing-page-section .plan-change-quote strong{font-size:13px;color:var(--text)}
.pricing-page-section .plan-change-quote p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.pricing-page-section .billing-scheduled-notice{border-color:color-mix(in srgb,var(--primary) 34%,var(--line))}
.pricing-page-section .billing-scheduled-notice>span{color:var(--primary)}
.pricing-page-section .price-card [aria-disabled="true"]{cursor:not-allowed;opacity:.72}
.payment-history-action{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.active-invoice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.payment-mode-picker{max-width:720px;margin:14px auto;text-align:left}.payment-mode-picker>label{display:block;margin-bottom:6px;font-weight:800}.payment-mode-picker select{min-height:44px}.payment-mode-picker .form-hint{display:block;margin-top:6px;line-height:1.5}.payment-provider-notice{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--soft);line-height:1.5}.payment-provider-notice p{margin:4px 0;color:var(--text);font-size:12px}.payment-provider-notice small{color:var(--muted);font-size:11px}
@media(max-width:650px){.pricing-page-section .plan-change-quote{padding:9px 10px}.active-invoice-grid{grid-template-columns:1fr 1fr}}
.cinematic-page-head{align-items:end}.cinematic-count{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--panel);font-size:11px;font-weight:900}.cinematic-builder{display:grid;gap:22px}.cinematic-setup{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.cinematic-setup>div{display:grid;gap:4px}.cinematic-setup small{color:var(--muted)}.cinematic-setup label{display:grid;min-width:min(300px,100%);gap:6px;font-size:10px;font-weight:900}.cinematic-group{min-width:0;margin:0;padding:0;border:0}.cinematic-group legend{margin-bottom:10px;color:var(--text);font-size:16px;font-weight:950}.cinematic-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cinematic-preset{position:relative;cursor:pointer}.cinematic-preset input{position:absolute;opacity:0}.cinematic-preset span{position:relative;display:grid;align-content:start;min-height:94px;gap:6px;padding:14px 40px 14px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .15s,background .15s}.cinematic-preset b{font-size:12px}.cinematic-preset small{color:var(--muted);font-size:9px;line-height:1.45}.cinematic-preset i{position:absolute;top:12px;right:12px;display:none;width:22px;height:22px;place-items:center;border-radius:7px;color:#fff;background:#2477dc;font-style:normal}.cinematic-preset input:checked+span{border-color:#397ed8;background:#f3f8ff}.cinematic-preset input:checked+span i{display:grid}.cinematic-preset input:focus-visible+span{outline:3px solid #72a7ea;outline-offset:2px}html[data-theme=dark] .cinematic-preset input:checked+span{border-color:#4d91df;background:#10243a}.cinematic-submit{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 10px 30px rgba(2,12,32,.18)}.cinematic-submit>div{display:grid}.cinematic-submit small{color:var(--muted)}.cinematic-selected{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:14px;padding:12px;border:1px solid #4d91df;border-radius:14px;background:#f3f8ff}.cinematic-selected>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:#fff;background:#2477dc}.cinematic-selected>div{display:grid;gap:2px}.cinematic-selected small{color:#2672ca;font-size:8px;font-weight:950;letter-spacing:.08em}.cinematic-selected p{margin:0;color:var(--muted);font-size:9px}.cinematic-selected>a{min-height:44px;display:grid;place-items:center;color:#2672ca;font-size:9px;font-weight:900}html[data-theme=dark] .cinematic-selected{background:#10243a}@media(max-width:900px){.cinematic-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cinematic-setup,.cinematic-submit{align-items:stretch;flex-direction:column}.cinematic-setup label{min-width:0}.cinematic-preset-grid{grid-template-columns:1fr}.cinematic-preset span{min-height:82px}.cinematic-submit{bottom:76px}.cinematic-submit .btn{width:100%;min-height:48px}.cinematic-selected{grid-template-columns:42px minmax(0,1fr)}.cinematic-selected>a{grid-column:1/-1}}

/* Stable compact sidebar brand and one-axis icon alignment */
.member-page .side-brand-full>.side-brand-mark{display:none!important}.member-page .sidebar-collapsed .side-brand-full{width:44px;margin-inline:auto;overflow:visible}.member-page .sidebar-collapsed .side-collapse,.member-page .sidebar-collapsed .side-nav a,.member-page .sidebar-collapsed .side-brand-full{margin-left:auto;margin-right:auto}.member-page .sidebar-collapsed .side-nav-icon{width:30px;height:30px;flex-basis:30px}.member-page .sidebar-collapsed .side-nav{width:100%;align-items:center}
.temanqris-head{align-items:center;gap:14px;margin-bottom:14px}.temanqris-head h1{font-size:clamp(25px,2.4vw,32px)}.temanqris-head>.btn{min-height:44px}.temanqris-statusbar{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:12px 15px}.temanqris-statusbar>div{display:grid;gap:3px;min-width:0}.temanqris-statusbar small,.temanqris-statusbar time{color:var(--muted);font-size:11px;line-height:1.45}.temanqris-statusbar time{margin-left:auto;white-space:nowrap}.temanqris-state-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#8190a5}.temanqris-state-dot.is-ok{background:#16815f}.temanqris-state-dot.is-warn{background:#a76500}.temanqris-state-dot.is-off{background:#b64242}.temanqris-notice{margin-bottom:14px}.temanqris-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.temanqris-metric.card{display:grid;gap:6px;min-width:0;padding:13px 14px;border-radius:13px;box-shadow:none}.temanqris-metric>small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em}.temanqris-metric>strong{overflow-wrap:anywhere;color:var(--text);font-size:clamp(17px,1.7vw,20px);line-height:1.25}.temanqris-metric>span{overflow-wrap:anywhere;color:var(--muted);font-size:11px;line-height:1.45}.temanqris-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:19px 0 9px}.temanqris-section-head h2{margin:0;font-size:17px;line-height:1.3}.temanqris-section-head p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.temanqris-section-head>small{color:var(--muted);font-size:11px}.temanqris-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.temanqris-check.card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 12px;border-radius:12px;box-shadow:none}.temanqris-check>div{display:grid;gap:4px;min-width:0}.temanqris-check code,.temanqris-catalog code{overflow-wrap:anywhere;font-size:11px}.temanqris-check-state{align-self:start;font-size:11px;font-weight:800}.temanqris-check-state.is-ok{color:#0b7054}.temanqris-check-state.is-off{color:var(--muted)}.temanqris-check>small{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.4}.temanqris-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.temanqris-data-card.card{min-width:0;padding:12px;border-radius:14px;box-shadow:none}.temanqris-data-card .temanqris-section-head{margin:2px 0 10px}.temanqris-data-card .table{min-width:480px}.temanqris-catalog-head{margin-top:20px}.temanqris-catalog-head>.btn{min-height:44px;white-space:nowrap}.temanqris-catalog-disclosure{overflow:hidden;border-radius:14px;box-shadow:none}.temanqris-catalog-disclosure>summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;cursor:pointer;list-style:none}.temanqris-catalog-disclosure>summary::-webkit-details-marker{display:none}.temanqris-catalog-disclosure>summary>span{display:grid;gap:2px;min-width:0}.temanqris-catalog-disclosure>summary strong{font-size:13px}.temanqris-catalog-disclosure>summary small{color:var(--muted);font-size:11px}.temanqris-catalog-disclosure>summary i{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:15px;font-style:normal}.temanqris-catalog-disclosure[open]>summary{border-bottom:1px solid var(--line)}.temanqris-catalog{padding:6px 12px 10px}.temanqris-catalog .table{min-width:680px}.temanqris-catalog td{vertical-align:middle}.temanqris-method{display:inline-flex;min-width:48px;min-height:26px;align-items:center;justify-content:center;padding:4px 6px;border-radius:6px;font-size:10px;font-weight:850}.temanqris-method.is-get{color:#176d52;background:#e4f5ee}.temanqris-method.is-write{color:#735718;background:#fff1cf}.temanqris-method.is-delete{color:#a23838;background:#fde6e6}.temanqris-safety-note{margin:12px 0;color:var(--muted);font-size:12px;line-height:1.5}.temanqris-safety-note strong{color:var(--text)}.member-page .app-content:has(.temanqris-head){--muted:#59667f}html[data-theme=dark] .member-page .app-content:has(.temanqris-head){--muted:#a4b2c5}html[data-theme=dark] .temanqris-check-state.is-ok{color:#8fe2bd}html[data-theme=dark] .temanqris-method.is-get{color:#8fe2bd;background:#12352c}html[data-theme=dark] .temanqris-method.is-write{color:#f2d48c;background:#3a2c13}html[data-theme=dark] .temanqris-method.is-delete{color:#ffaaaa;background:#3b2024}
/* Collapse reference-only endpoints so current provider health and orders stay primary. */
@media(max-width:1000px){.temanqris-metrics,.temanqris-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.temanqris-data-grid{grid-template-columns:1fr}}
@media(max-width:800px){.temanqris-head{align-items:stretch;flex-direction:column}.temanqris-statusbar{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:start}.temanqris-statusbar time{grid-column:2;margin:0;white-space:normal}.temanqris-section-head{align-items:flex-start}}
@media(max-width:620px){.temanqris-head>.btn,.temanqris-catalog-head>.btn{width:100%}.temanqris-metrics{gap:8px;margin-bottom:15px}.temanqris-metric.card{padding:11px}.temanqris-metric>strong{font-size:17px}.temanqris-check-grid{grid-template-columns:1fr}.temanqris-data-grid{gap:9px;margin-top:9px}.temanqris-data-card.card{padding:10px}.temanqris-data-card .table,.temanqris-catalog .table{min-width:0}.temanqris-section-head{flex-direction:column;gap:7px;margin-top:17px}.temanqris-catalog-head{align-items:stretch}.temanqris-catalog-disclosure>summary{min-height:56px;padding:9px 11px}.temanqris-safety-note{font-size:11px}}
/* Keep payment identifiers and status readable inside the two-column monitor cards. */
.temanqris-data-card .temanqris-orders-table,.temanqris-data-card .temanqris-links-table{width:100%;min-width:0;table-layout:fixed}
.temanqris-orders-table th:nth-child(1){width:38%}.temanqris-orders-table th:nth-child(2){width:20%}.temanqris-orders-table th:nth-child(3){width:16%}.temanqris-orders-table th:nth-child(4){width:26%}
.temanqris-links-table th:nth-child(1){width:34%}.temanqris-links-table th:nth-child(2){width:22%}.temanqris-links-table th:nth-child(3){width:18%}.temanqris-links-table th:nth-child(4){width:26%}
.temanqris-orders-table td,.temanqris-links-table td{overflow-wrap:normal;word-break:normal}
.temanqris-orders-table td:first-child .code,.temanqris-links-table td:first-child .code{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.temanqris-orders-table td:nth-child(2),.temanqris-orders-table td:nth-child(3),.temanqris-links-table td:nth-child(2),.temanqris-links-table td:nth-child(3),.temanqris-links-table td:nth-child(4){white-space:nowrap}
.temanqris-orders-table .status,.temanqris-links-table .status{width:max-content;max-width:100%;white-space:nowrap;word-break:normal}

dialog.payment-invoice-dialog{position:fixed;inset:0;margin:auto;width:min(880px,calc(100vw - 24px));max-width:none;max-height:min(92dvh,900px);padding:48px 16px 16px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.42)}
dialog.payment-invoice-dialog::backdrop{background:rgba(5,12,24,.72);backdrop-filter:blur(3px)}
.payment-invoice-dialog-close{position:absolute;top:10px;right:12px;z-index:2;min-height:36px}
.payment-invoice-dialog>.active-invoice{max-width:none;margin:0;box-shadow:none}
@media(max-width:600px){dialog.payment-invoice-dialog{width:calc(100vw - 16px);max-height:94dvh;padding:46px 10px 10px;border-radius:14px}.payment-invoice-dialog>.active-invoice{padding:13px}.payment-invoice-dialog .active-invoice-grid{grid-template-columns:1fr 1fr}}

/* Pricing: fit cards to the dashboard content width, not viewport width. */
.pricing-page-section{padding:18px 0 34px}
.pricing-page-section .section-head{margin-bottom:16px}
.pricing-page-section .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pricing-page-section .price-card{padding:20px}
.pricing-page-section .price{font-size:clamp(27px,2.1vw,32px);white-space:nowrap}
.pricing-page-section .pricing-payment-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.pricing-page-section .pricing-payment-steps span{font-size:11px}
@media(min-width:1600px){.pricing-page-section .pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.pricing-page-section .pricing-payment-steps{grid-template-columns:1fr}}
@media(max-width:650px){.pricing-page-section{padding:16px 0 26px}.pricing-page-section .pricing-grid{grid-template-columns:1fr;gap:12px}.pricing-page-section .price-card{padding:18px}.pricing-page-section .pricing-payment-steps li{padding:9px 10px}}

/* Payment review: reserve enough room for the fields that drive the admin decision. */
.admin-payment-table{min-width:1000px}
.table-responsive:has(.admin-payment-table){overflow-x:auto}
.admin-payment-table th:nth-child(1),.admin-payment-table td:nth-child(1){width:19%}.admin-payment-table th:nth-child(2),.admin-payment-table td:nth-child(2){width:22%}.admin-payment-table th:nth-child(3),.admin-payment-table td:nth-child(3){width:12%}.admin-payment-table th:nth-child(4),.admin-payment-table td:nth-child(4){width:11%}.admin-payment-table th:nth-child(5),.admin-payment-table td:nth-child(5){width:11%}.admin-payment-table th:nth-child(6),.admin-payment-table td:nth-child(6){width:12%}.admin-payment-table th:nth-child(7),.admin-payment-table td:nth-child(7){width:13%}
.admin-payment-table td:nth-child(3) strong{display:block;overflow-wrap:normal;word-break:normal}
.admin-payment-table td:nth-child(3) small{display:block;overflow-wrap:break-word}
.admin-payment-table .admin-payment-actions .btn{min-height:44px;line-height:1.25;white-space:normal}
.admin-payment-table .admin-payment-verify{grid-template-columns:minmax(0,1fr);width:min(360px,100%)}
.admin-payment-table .admin-payment-verify .btn{width:100%}
@media(max-width:1180px){.admin-payment-table{min-width:0}.table-responsive:has(.admin-payment-table){overflow:visible}.admin-payment-table .admin-payment-verify{justify-self:end}}

/* The empty dashboard icon stays on BerandAI's dark surface in dark mode. */
html[data-theme="dark"] .gallery-empty-icon{border:1px solid #2d4662;background:#142941;color:#8bc8ff}

/* Transaction receipt: the ledger and invoice are the focal point, so the layout stays compact and still reads well on narrow screens. */
.payment-success-page{width:min(760px,calc(100% - 32px));margin:clamp(18px,4vh,42px) auto 40px}.payment-success{display:grid;gap:18px;padding:clamp(18px,3vw,30px);box-shadow:0 12px 32px rgba(24,47,83,.08)}.payment-success-status{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #b8e4ce;border-radius:12px;background:#effaf4;color:#146b48}.payment-success-status>div{display:grid;gap:2px}.payment-success-status strong{font-size:14px}.payment-success-status span:not(.payment-success-mark){font-size:12px;color:#386d56}.payment-success-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:#d7f2e3}.payment-success-mark svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.payment-success-heading h1{margin:0;font-size:clamp(24px,4vw,32px);letter-spacing:-.035em}.payment-success-heading p{margin:5px 0 0;color:var(--muted);font-size:14px}.payment-success-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.55fr);gap:10px;margin:0}.payment-success-meta>div,.payment-success-detail{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.payment-success-meta dt,.payment-success-balance span,.payment-success-balance small,.payment-success-tier span,.payment-success-tier small{color:var(--muted);font-size:12px}.payment-success-meta dd{margin:4px 0 0;font-size:16px;font-weight:800}.payment-success-invoice{overflow-wrap:anywhere}.payment-success-detail h2{margin:0 0 12px;font-size:15px}.payment-success-balance,.payment-success-tier{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.payment-success-balance>div,.payment-success-tier>div{display:grid;gap:3px;min-width:0}.payment-success-balance strong,.payment-success-tier strong{font-size:clamp(19px,4vw,26px);line-height:1.2;overflow-wrap:anywhere}.payment-success-balance .is-current strong,.payment-success-tier .is-current strong{color:var(--success)}.payment-success-arrow{color:var(--primary);font-size:20px;font-weight:700}.payment-success-detail>p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.payment-success-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-success-actions .btn{min-height:44px}.payment-success-status.is-pending{border-color:#e6d3a5;background:#fff8e7;color:#735714}.payment-success-status.is-pending .payment-success-mark{background:#f3e6c5}.payment-success a:focus-visible{outline:3px solid #176fd3;outline-offset:3px}
html[data-theme="dark"] .payment-success{box-shadow:0 12px 32px rgba(0,0,0,.2)}html[data-theme="dark"] .payment-success-status{border-color:#285e49;background:#10281f;color:#a8e7c5}html[data-theme="dark"] .payment-success-status span:not(.payment-success-mark){color:#a8d9bd}html[data-theme="dark"] .payment-success-mark{background:#1b4934}html[data-theme="dark"] .payment-success-meta>div,html[data-theme="dark"] .payment-success-detail{border-color:var(--line);background:#101925}html[data-theme="dark"] .payment-success-balance .is-current strong,html[data-theme="dark"] .payment-success-tier .is-current strong{color:#9be1b9}html[data-theme="dark"] .payment-success-status.is-pending{border-color:#66542b;background:#2b2414;color:#f0d994}html[data-theme="dark"] .payment-success-status.is-pending .payment-success-mark{background:#493b19}
@media(max-width:560px){.payment-success-page{width:calc(100% - 22px);margin:12px auto 24px}.payment-success{gap:14px;padding:16px}.payment-success-meta{grid-template-columns:1fr 1fr}.payment-success-actions{display:grid;grid-template-columns:1fr}.payment-success-actions .btn{width:100%}}
.payment-qris-save{min-height:44px;min-width:156px;padding-inline:18px}.payment-qris-save:focus-visible{outline:3px solid #176fd3;outline-offset:3px}

/* Social login shares the existing auth and profile components; keep each action touchable and readable on mobile. */
.auth-social-options{margin:16px 0 20px}.auth-social-actions .btn{background:var(--panel);border-color:var(--line);color:var(--text)}.auth-social-actions .auth-social-btn{display:flex;align-items:center;justify-content:center;min-height:48px;gap:10px;padding:10px 12px;text-align:center}.auth-social-actions .auth-social-btn:hover{border-color:var(--primary);background:var(--soft)}.auth-social-actions .auth-social-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.auth-social-icon{width:20px;height:20px;flex:0 0 20px}.auth-social-icon-telegram{color:#229ED9}.auth-social-btn>span{min-width:0;overflow-wrap:anywhere}.auth-social-divider{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--muted);font-size:12px}.auth-social-divider:before,.auth-social-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-social-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-social-actions .btn{min-width:0;min-height:46px;gap:9px;white-space:normal}.auth-social-actions .btn>span:first-child{font-weight:800}.auth-social-note{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.auth-social-resend{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.profile-social-list{display:grid;gap:9px}.profile-social-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.profile-social-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;min-width:0}.profile-social-copy>strong{font-size:13px}.profile-social-copy>small{grid-column:1/-1;color:var(--muted);overflow-wrap:anywhere}.profile-social-status{color:var(--muted);font-size:11px}.profile-social-status.is-connected{color:var(--success);font-weight:750}.profile-social-list article>small{color:var(--muted)}.settings-social-remove{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:11px}.settings-social-callbacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.settings-social-callbacks>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}.settings-social-callbacks strong{font-size:12px}.settings-social-callbacks code{overflow-wrap:anywhere;font-size:11px}
@media(max-width:1100px){.auth-social-actions{grid-template-columns:1fr}}
@media(max-width:560px){.auth-social-actions,.settings-social-callbacks{grid-template-columns:1fr}.profile-social-list article{align-items:flex-start}.profile-social-list article form{flex:0 0 auto}.profile-social-list .btn{min-height:40px}}
.public-landing-page [data-mobile-menu]::before{content:"☰";font-size:19px;line-height:1}
.workspace-tool-nav-hint{display:none}
@media(max-width:700px){.workspace-tool-nav-hint{display:block;margin:0 0 6px;color:var(--muted);font-size:11px;text-align:right}}
.btn-watermark-locked{gap:7px}.btn-watermark-locked small{padding:3px 6px;border:1px solid rgba(105,79,210,.2);border-radius:999px;color:#6149b6;background:rgba(105,79,210,.08);font-size:9px;font-weight:850;line-height:1.2;white-space:nowrap}.generation-expired-state{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;width:min(620px,100%);padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text)}.generation-expired-state>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;color:#d19936;background:rgba(209,153,54,.14);font-size:22px}.generation-expired-state>div{min-width:0}.generation-expired-state strong{display:block;font-size:15px}.generation-expired-state p{margin:6px 0 14px;color:var(--muted);font-size:13px;line-height:1.55}.generation-expired-state .btn{width:max-content;max-width:100%}.history-expired-label{align-self:center;color:var(--muted);font-size:11px;font-weight:750}
html[data-theme=dark] .btn-watermark-locked small{border-color:rgba(198,185,255,.24);color:#d4caff;background:rgba(113,91,190,.2)}
@media(max-width:560px){.generation-expired-state{grid-template-columns:1fr;padding:17px}.generation-expired-state .btn{width:100%}.btn-watermark-locked{flex-wrap:wrap;justify-content:center}}

@media(max-width:800px){
  /* The fixed bottom nav overlays the mobile workspace; keep the full workspace scrollable above it. */
  .member-page .app-shell{height:calc(100dvh - 72px - max(8px,env(safe-area-inset-bottom)))!important;min-height:0}
  .member-page .app-main{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .member-page .app-content{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
}

@media(max-width:800px){.video-extend-panel[open]{z-index:180!important}.video-extend-panel[open]::before{z-index:180!important}.video-extend-panel[open]>form{z-index:181!important}}

.payment-cancel-form{display:flex;justify-content:flex-start;margin-top:8px}.payment-cancel-form .btn{min-height:44px;white-space:normal;text-align:center}.billing-active-notice>.payment-cancel-form{margin:0}@media(max-width:700px){.payment-cancel-form{width:100%}.payment-cancel-form .btn{width:100%}}

.active-plan-summary.billing-active-notice{grid-template-columns:48px minmax(0,1fr) auto auto}.active-plan-summary.billing-active-notice>.payment-cancel-form{margin:0}@media(max-width:620px){.active-plan-summary.billing-active-notice{grid-template-columns:42px minmax(0,1fr)}.active-plan-summary.billing-active-notice>a,.active-plan-summary.billing-active-notice>.payment-cancel-form{grid-column:2}}

/* Touch targets for audited gallery and result controls. */
@media(max-width:1024px){
  .gallery-toolbar .gallery-filter-button{min-height:44px;box-sizing:border-box}
  .gallery-toolbar .gallery-search{min-height:46px;height:auto}
  .gallery-toolbar .gallery-search input{min-height:44px;min-width:0;flex:1}
  .gallery-toolbar .gallery-search-submit,.gallery-card-actions .gallery-icon-button{width:44px;min-width:44px;height:44px;min-height:44px;flex-shrink:0;box-sizing:border-box}
  .gallery-card-footer{flex-wrap:wrap;row-gap:8px}
  .gallery-card-actions{margin-left:auto}
}
.credit-conversion-history>summary{min-height:44px;box-sizing:border-box;align-content:center}
.video-extend-panel .video-extend-close{width:44px;height:44px;min-width:44px;min-height:44px}
.generation-prompt-head .generation-copy-prompt{min-height:44px;min-width:44px;box-sizing:border-box}
.support-live-notice a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:inherit;text-decoration:underline}