/* BerandAI 2.0 — focused visual polish and generation motion */
: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}
  .sidebar-collapsed .side-brand-full img{display:none!important}.sidebar-collapsed .side-brand-full:after{content:"✦";width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e6f7ff,#eee9ff);color:#4772df;font-size:18px;box-shadow:0 8px 22px rgba(50,80,135,.1)}
  .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}
.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-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)}
.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:34px;height:34px;padding:0;border:1px solid #dadfec;border-radius:50%;color:#604ac3;background:#fff;cursor:pointer}.watermark-play:before{content:"";position:absolute;top:10px;left:13px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.watermark-play[data-playing=true]:before{top:10px;left:11px;width:4px;height:13px;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:40px;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}}

/* 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] .sidebar-collapsed .side-brand-full img{display:none!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-brand-full:after{color:#91bdff;background:linear-gradient(145deg,#102d49,#1d2248)}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-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;align-items:center;gap:4px;flex:0 0 auto;padding:4px 7px;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{font-style:normal;font-size:7px}.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)}@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)}
@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-content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.member-page.mobile-menu-open{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(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}}