*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#15203a;background:#fffaf6}button,input,select,textarea{font:inherit}.side{position:fixed;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,#572515,#2d130f);color:#fff;padding:20px 10px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:10px;align-items:center;padding:0 12px 18px;font-size:28px}.brand b{display:block}.brand small{display:block;font-size:11px;font-weight:400;opacity:.8}.side nav{display:grid;gap:5px}.side nav button,.side nav a{border:0;background:transparent;color:#fff;text-decoration:none;text-align:left;padding:13px 16px;border-radius:10px;cursor:pointer;display:flex;gap:12px;align-items:center}.side nav button:hover,.side nav button.active,.side nav a:hover{background:linear-gradient(90deg,#ff7a12,#a54422)}.pro{margin-top:auto;border:1px solid #a95128;border-radius:14px;padding:15px;background:#542111}.pro p{font-size:12px;line-height:1.8}.pro button,.primary{border:0;border-radius:9px;background:linear-gradient(90deg,#ff9d17,#ff4b16);color:white;padding:12px 18px;font-weight:800;cursor:pointer}main{margin-left:220px;min-height:100vh}header{height:64px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #f0e5dd;position:sticky;top:0;z-index:8}.search{max-width:680px;flex:1;background:#f7f7fa;border-radius:24px;padding:10px 16px}.search input{width:94%;border:0;outline:0;background:transparent}.top-actions{display:flex;gap:10px;align-items:center}.credit{background:#fff4e7;border:1px solid #ffd5aa;padding:8px 11px;border-radius:20px}.icon,.logout{border:0;background:#fff5ed;border-radius:10px;padding:9px;text-decoration:none}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ef641f;color:#fff;font-weight:800}.who{display:grid}.who small{color:#8a8fa0}.hero{min-height:155px;padding:24px 28px;background:radial-gradient(circle at 78% 30%,#ffe4b7,transparent 25%),linear-gradient(110deg,#fff 40%,#fff1df);border-bottom:1px solid #f1e2d7;position:relative;overflow:hidden}.hero h1{font-size:34px;margin:0 0 5px}.hero h1 em{color:#f25d24;font-style:normal}.hero p{margin:0;color:#4c5870}.badges{display:flex;gap:28px;margin-top:20px}.badge{display:flex;gap:10px;align-items:center}.badge i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff0df;font-style:normal}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:12px;padding:0 14px 22px}.builder{min-width:0}.step{background:#fff;border:1px solid #f1e6df;border-radius:14px;margin-top:12px;padding:14px;box-shadow:0 4px 18px #6d34100a}.step h3{margin:0 0 12px;font-size:16px}.num{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ff7617;color:white;margin-right:8px}.choices{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.choice{min-width:112px;border:1px solid #e3e7ef;background:#fff;border-radius:10px;padding:10px 8px;text-align:center;cursor:pointer}.choice .emoji{font-size:25px}.choice b{display:block;font-size:12px;margin-top:5px}.choice small{display:block;color:#788095;font-size:10px;margin-top:4px}.choice.selected{border:2px solid #ff7617;background:#fff7ef;box-shadow:0 5px 14px #ff761729}.style-card{min-width:122px}.style-card img{width:100%;height:66px;object-fit:cover;border-radius:8px}.prompt{width:100%;min-height:85px;border:1px solid #dfe3eb;border-radius:10px;padding:12px;resize:vertical;outline:none}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.chip{border:1px solid #ffd9bb;background:#fff7ef;color:#8b4b23;border-radius:18px;padding:6px 10px;font-size:11px;cursor:pointer}.settings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.field label{font-size:11px;display:block;margin-bottom:5px}.field select,.field input{width:100%;border:1px solid #dfe3eb;border-radius:9px;padding:10px;background:white}.switchrow{display:flex;gap:12px;align-items:center;margin-top:12px}.switch{display:inline-flex;gap:6px;align-items:center;font-size:12px}.switch input{accent-color:#ff6d13}.generate{width:100%;margin-top:12px;border:0;border-radius:10px;padding:15px;background:linear-gradient(90deg,#ff9c16,#ff3f17);color:white;font-weight:900;font-size:17px;cursor:pointer}.generate:disabled{opacity:.6}.preview{margin-top:12px}.panel{background:#fff;border:1px solid #f1e6df;border-radius:14px;padding:12px;margin-bottom:12px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.previewbox{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#17274d,#2858a5);display:grid;place-items:center;position:relative}.previewbox img,.previewbox video{width:100%;height:100%;object-fit:cover}.placeholder{color:white;text-align:center;padding:25px}.placeholder strong{font-size:24px;display:block}.result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.result-actions button{border:1px solid #e5e7eb;background:white;border-radius:8px;padding:9px;cursor:pointer}.script-tabs{display:flex;gap:5px}.script-tabs button{border:0;background:#f5f5f8;border-radius:8px;padding:7px 9px;font-size:11px}.meta{display:grid;gap:9px;margin-top:10px}.meta div{display:flex;justify-content:space-between;border-bottom:1px solid #f1f1f1;padding-bottom:7px;font-size:12px}.progress{height:9px;border-radius:8px;background:#eee;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#ff9d17,#ff4b16);width:0}.pagepad{padding:22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:white;border:1px solid #eee1d8;border-radius:14px;overflow:hidden}.card img{width:100%;height:160px;object-fit:cover}.cardbody{padding:12px}.empty{padding:60px;text-align:center;color:#8a8fa0}.historytable{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.historytable th,.historytable td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:13px}.pill{padding:4px 8px;border-radius:12px;background:#fff0df;color:#a14a16}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#ffd7a4,transparent 30%),linear-gradient(135deg,#3b170f,#7c3218)}.authbox{width:min(430px,92vw);background:white;padding:30px;border-radius:18px;display:grid;gap:13px;box-shadow:0 20px 70px #0004}.authbox .logo{font-size:30px;font-weight:900}.authbox h1{margin:0}.authbox input,.authbox select{padding:12px;border:1px solid #ddd;border-radius:9px}.muted{color:#7c8291;font-size:13px}.notice{padding:10px;background:#effcf4;border:1px solid #bfe9cd;border-radius:8px}.notice.error{background:#fff1f1;border-color:#ffcaca}.adminbody{background:#f7f3ef}.adminwrap{max-width:1100px;margin:auto;padding:25px}.adminhead{display:flex;justify-content:space-between;align-items:center}.adminhead b{font-size:25px;display:block}.adminhead small{display:block;color:#777}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stats div,.admincard{background:#fff;border:1px solid #eee0d6;border-radius:14px;padding:20px}.stats b{display:block;font-size:30px;color:#ef641f}.stats span{color:#777}.admincard label{display:grid;gap:6px;font-size:13px}.admincard input,.admincard select{padding:11px;border:1px solid #ddd;border-radius:8px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}#toast{position:fixed;right:20px;bottom:20px;background:#17203a;color:white;padding:12px 16px;border-radius:10px;transform:translateY(100px);opacity:0;transition:.25s;z-index:99}#toast.show{transform:none;opacity:1}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.side{width:68px}.side span,.side small,.side .pro,.side nav button span,.side nav a span{display:none}.brand{padding:0 6px 15px}.brand div{display:none}main{margin-left:68px}header{padding:8px}.who,.credit{display:none}.hero{padding:18px}.hero h1{font-size:25px}.badges{gap:8px;flex-wrap:wrap}.workspace{padding:0 7px}.settings{grid-template-columns:1fr 1fr}.preview{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.twocol,.stats{grid-template-columns:1fr}.choice{min-width:102px}}
/* ===== V2.1 visual polish + configurable icon system ===== */
:root{--orange:#ff6a16;--orange2:#ff9f1c;--brown:#542013;--ink:#17223b;--cream:#fff8f1;--line:#f0dfd2;--shadow:0 12px 35px rgba(91,42,18,.10)}
body{background:linear-gradient(180deg,#fffaf5 0,#fff 34%,#fff9f5 100%)}
.side{background:radial-gradient(circle at 20% 85%,rgba(255,112,24,.22),transparent 27%),linear-gradient(180deg,#642817 0%,#421a12 58%,#2d120e 100%);box-shadow:10px 0 35px rgba(70,25,10,.10)}
.side:after{content:"";position:absolute;left:-60px;bottom:120px;width:260px;height:120px;border-radius:50%;border:1px solid rgba(255,135,62,.18);transform:rotate(-12deg);pointer-events:none}
.side nav button,.side nav a{transition:.22s ease;font-weight:600}.side nav button:hover,.side nav button.active,.side nav a:hover{transform:translateX(3px);background:linear-gradient(90deg,#ff7716,#a94422);box-shadow:0 9px 24px rgba(255,101,20,.20)}
.navico{font-style:normal;width:22px;height:22px;display:grid;place-items:center;font-size:17px}.navico .custom-icon-img{width:20px;height:20px}
header{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 3px 18px rgba(65,33,16,.04)}
.search{border:1px solid #f0e5dc;background:#fff;box-shadow:0 5px 20px rgba(94,46,22,.05)}
.hero{border-radius:0 0 24px 24px;background:radial-gradient(circle at 76% 22%,rgba(255,175,76,.30),transparent 24%),radial-gradient(circle at 91% 72%,rgba(255,107,22,.12),transparent 18%),linear-gradient(112deg,#fff 32%,#fff4e7 100%)}
.hero h1{font-size:36px;letter-spacing:-1px}.hero h1 em{background:linear-gradient(135deg,#ff8b16,#ef3f1c);-webkit-background-clip:text;color:transparent}
.badge{padding:7px 10px;border-radius:14px;transition:.2s}.badge:hover{background:#fff;box-shadow:0 8px 24px rgba(100,48,20,.07);transform:translateY(-2px)}.badge i{box-shadow:inset 0 0 0 1px #ffe0c4;font-size:20px}.badge small{display:block;color:#6f7688;margin-top:2px}
.step,.panel{border-color:#f1dfd3;box-shadow:var(--shadow);background:rgba(255,255,255,.96)}.step{padding:15px;margin-top:13px;transition:.25s}.step:hover{box-shadow:0 16px 40px rgba(91,42,18,.13)}
.step h3{font-size:17px;color:#1d2941}.num{background:linear-gradient(135deg,#ff9d17,#ff5516);box-shadow:0 5px 14px rgba(255,105,20,.28)}
.choices{gap:10px;scrollbar-width:thin;scrollbar-color:#d6b9a8 transparent}.choice{position:relative;min-width:122px;min-height:94px;border-color:#e9e2dd;border-radius:13px;background:linear-gradient(180deg,#fff,#fffdfb);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.choice:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,164,83,.13),transparent 50%);opacity:0;transition:.2s}.choice:hover{transform:translateY(-4px);border-color:#ffb27b;box-shadow:0 12px 25px rgba(92,45,22,.12)}.choice:hover:before{opacity:1}.choice.selected{border:2px solid #ff7017;background:linear-gradient(180deg,#fff9f1,#fff);box-shadow:0 10px 26px rgba(255,104,22,.20)}.choice.selected:after{content:"✓";position:absolute;right:7px;top:6px;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#ff9d17,#ff4a16);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
.choice .emoji{position:relative;width:50px;height:50px;margin:0 auto 7px;border-radius:15px;display:grid;place-items:center;font-size:27px;background:linear-gradient(135deg,#fff0dc,#e8f5ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 5px 14px rgba(72,49,35,.07)}.choice:nth-child(3n+2) .emoji{background:linear-gradient(135deg,#ffeaf0,#edf5ff)}.choice:nth-child(3n) .emoji{background:linear-gradient(135deg,#f1ecff,#e9fbf6)}
.custom-icon-img{width:34px;height:34px;object-fit:contain;display:block}.choice .custom-icon-img{width:34px;height:34px}
.style-card{min-width:132px;min-height:auto;padding:6px}.style-card img{height:72px;transition:.25s}.style-card:hover img{transform:scale(1.04)}.style-card .emoji{display:none}
.prompt{background:#fffdfb;border-color:#e9ded7;transition:.2s}.prompt:focus{border-color:#ff8a43;box-shadow:0 0 0 4px rgba(255,112,23,.10)}
.chip{transition:.18s}.chip:hover{background:#fff0e3;border-color:#ffb77f;transform:translateY(-1px)}
.field select,.field input{transition:.18s}.field select:focus,.field input:focus{outline:none;border-color:#ff8a43;box-shadow:0 0 0 3px rgba(255,112,23,.09)}
.generate,.primary{background:linear-gradient(100deg,#ff9d17 0%,#ff6c16 45%,#ff4218 100%);box-shadow:0 10px 24px rgba(255,89,20,.24);transition:.22s}.generate:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,89,20,.32);filter:saturate(1.08)}.generate:active,.primary:active{transform:translateY(0) scale(.995)}
.previewbox{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 10px 24px rgba(41,50,79,.12)}.panelhead small{color:#ff6818;font-weight:700}.result-actions button{transition:.18s}.result-actions button:hover{border-color:#ff9d69;background:#fff7ef;transform:translateY(-1px)}
.pro{background:linear-gradient(145deg,rgba(112,45,20,.95),rgba(65,24,15,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 35px rgba(0,0,0,.12)}
.icon-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 20px}.icon-admin-item{display:grid!important;grid-template-columns:52px 1fr;gap:10px!important;align-items:center;padding:10px;border:1px solid #eee0d6;border-radius:12px;background:#fffaf6}.icon-admin-item input{grid-column:1/-1}.icon-admin-item small{display:block;color:#999;margin-top:3px}.icon-admin-preview{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#fff0db,#e7f4ff);display:grid;place-items:center;font-size:25px;overflow:hidden}.icon-admin-preview img{max-width:34px;max-height:34px}.admin-section-title{margin-top:28px;padding-top:20px;border-top:1px solid #eee0d6}.admin-save{margin-top:8px}
@media(max-width:900px){.icon-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.icon-admin-grid{grid-template-columns:1fr}.choice{min-width:108px}.hero h1{font-size:27px}}

/* ===== V2.2 VIDEO HUONG DAN ===== */
.guide-flash{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#ff7a00,#ff3d16);color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 8px 24px rgba(255,92,20,.24);animation:guidePulse 1.35s ease-in-out infinite;white-space:nowrap}
.guide-flash span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#ff5b18;font-size:10px}.guide-flash:hover{transform:translateY(-2px);filter:saturate(1.15)}
@keyframes guidePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,99,28,.35),0 8px 24px rgba(255,92,20,.2)}50%{box-shadow:0 0 0 7px rgba(255,99,28,0),0 12px 30px rgba(255,92,20,.32)}}
.guide-page{padding:22px 24px 50px;max-width:1440px;margin:auto}.guide-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;border-radius:24px;background:radial-gradient(circle at 85% 15%,#ffd19d 0,transparent 25%),linear-gradient(135deg,#fff9f2,#fff0dd);border:1px solid #ffe0bf;box-shadow:0 14px 40px rgba(98,48,22,.08);overflow:hidden}.guide-kicker{font-size:12px;font-weight:900;color:#ff641c;letter-spacing:1.5px}.guide-hero h1{font-size:34px;margin:7px 0;color:#182238}.guide-hero p{max-width:760px;color:#667085}.guide-hero-icon{width:100px;height:100px;border-radius:28px;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(145deg,#ff8b18,#ff4218);box-shadow:0 16px 34px rgba(255,82,20,.25);transform:rotate(4deg)}
.guide-feature{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:20px;margin-top:20px;background:#fff;padding:16px;border:1px solid #eee5df;border-radius:22px;box-shadow:0 10px 35px rgba(42,29,22,.07)}.guide-player{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111}.guide-player iframe{width:100%;height:100%;border:0}.guide-feature-info{padding:14px 10px}.guide-feature-info h2{font-size:25px;margin:10px 0}.guide-feature-info p{color:#667085;line-height:1.65}.guide-badge,.guide-category{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff1df;color:#d84d0b;font-size:12px;font-weight:800}.guide-title-row{display:flex;align-items:end;justify-content:space-between;margin:26px 2px 14px}.guide-title-row h2{margin:0}.guide-title-row p{margin:5px 0 0;color:#7a8291}.guide-title-row>span{color:#ff641c;font-weight:800}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-card{background:#fff;border:1px solid #eee5df;border-radius:18px;overflow:hidden;box-shadow:0 7px 24px rgba(51,31,20,.06);transition:.22s}.guide-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(255,101,28,.13);border-color:#ffc28d}.guide-thumb{position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;background:#eee;overflow:hidden}.guide-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.guide-card:hover .guide-thumb img{transform:scale(1.035)}.guide-thumb>span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,91,22,.94);color:#fff;font-size:18px;box-shadow:0 7px 22px rgba(0,0,0,.2)}.guide-thumb i{position:absolute;left:10px;top:10px;background:#fff4df;color:#d84d0b;padding:5px 8px;border-radius:8px;font-size:11px;font-style:normal;font-weight:800}.guide-card-body{padding:14px}.guide-card-body small{color:#ff641c;font-weight:800}.guide-card-body h3{margin:6px 0;font-size:16px}.guide-card-body p{margin:0;color:#7a8291;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-empty{text-align:center;padding:70px 20px;margin-top:20px;background:#fff;border-radius:20px;border:1px dashed #ffbd84}.guide-back{display:block;margin-top:12px;background:linear-gradient(135deg,#ff8b18,#ff4218);color:#fff!important;text-decoration:none;padding:11px 14px;border-radius:11px;text-align:center;font-weight:800}
.guide-admin{margin-top:18px}.admin-section-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.admin-section-head h2{margin-bottom:5px}.admin-preview-link{background:#fff3e7;color:#e65100;text-decoration:none;padding:9px 12px;border-radius:10px;font-weight:800}.guide-admin-form textarea{width:100%;border:1px solid #ddd;border-radius:10px;padding:11px;font:inherit}.guide-checks{display:flex;gap:24px;margin:14px 0}.guide-checks label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.guide-admin-list{display:grid;gap:10px;margin-top:20px}.guide-admin-row{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;border:1px solid #eee3dc;border-radius:14px;padding:9px;background:#fff}.guide-admin-row img{width:130px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.guide-admin-row small{display:block;color:#7a8291;margin-top:5px}.guide-admin-actions{display:flex;gap:8px}.guide-admin-actions button,.guide-admin-actions a{border:0;text-decoration:none;background:#fff0e3;color:#d94e08;padding:8px 10px;border-radius:8px;font-weight:800;cursor:pointer}.secondary{background:#fff!important;color:#d94e08!important;border:1px solid #ffb77f!important}
@media(max-width:900px){.guide-flash{font-size:0;padding:9px}.guide-flash span{font-size:10px}.guide-feature{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-hero-icon{display:none}.guide-admin-row{grid-template-columns:90px 1fr}.guide-admin-row img{width:90px}.guide-admin-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:600px){.guide-page{padding:14px 12px 35px}.guide-hero{padding:20px}.guide-hero h1{font-size:25px}.guide-grid{grid-template-columns:1fr}.guide-title-row{align-items:start}.guide-feature-info h2{font-size:21px}}
/* V2.3 THEME MANAGER */
:root{--brand-primary:#ff6b16;--brand-secondary:#6b2b1b;--brand-accent:#ffb020;--brand-bg:#fff8f2;--brand-sidebar:#5b2418}
body{background:var(--brand-bg)}
.side{background:linear-gradient(180deg,var(--brand-sidebar),color-mix(in srgb,var(--brand-sidebar) 72%,#160906))}
.side nav button.active,.side nav a:hover,.side nav button:hover{background:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 70%,#b83d00))}
.generate,.primary,.guide-flash{background:linear-gradient(135deg,var(--brand-accent),var(--brand-primary))!important}
.hero em,.num,.panelhead small,.chip{color:var(--brand-primary)}
.choice.selected{border-color:var(--brand-primary)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 22%,transparent)}
.brand-logo-img{width:44px;height:44px;object-fit:contain;border-radius:10px}.brand-subtitle{display:block;opacity:.75;font-size:11px}
.hero{position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-art{position:absolute;right:20px;bottom:0;height:100%;max-width:42%;object-fit:contain;object-position:right bottom;pointer-events:none}.hero.has-art{padding-right:38%}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-field{display:flex;flex-direction:column;gap:7px}.theme-field input[type=color]{height:46px;padding:4px}.theme-upload{border:1px dashed #e4c8b9;border-radius:14px;padding:12px;background:#fffaf6}.theme-preview{height:90px;max-width:180px;object-fit:contain;border-radius:12px;background:#f5f5f5;margin-top:8px}.theme-preview.wide{max-width:320px;width:100%;object-fit:cover}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.admin-tabs a{padding:10px 14px;border-radius:10px;background:#fff3e8;color:#7a351d;text-decoration:none;font-weight:700}.admin-tabs a:hover{background:#ffe2ca}
@media(max-width:800px){.theme-grid{grid-template-columns:1fr}.hero-art{opacity:.22;max-width:65%}.hero.has-art{padding-right:18px}}

/* V2.3.2 individual thumbnails */
.choice-thumb{width:100%;height:72px;object-fit:cover;border-radius:10px;display:block;margin-bottom:7px;box-shadow:0 4px 12px #7b3b1a20}.thumb-choice{padding:6px!important;min-width:118px}.thumb-choice small{display:none}.style-card img{width:100%;height:72px;object-fit:cover;border-radius:9px}.style-card{padding:6px!important;min-width:118px}.thumb-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.thumb-admin-item{border:1px solid #eadfd8;border-radius:14px;padding:10px;background:#fff;display:grid;gap:8px}.thumb-admin-item img{width:100%;height:105px;object-fit:cover;border-radius:10px}.thumb-admin-item small{color:#7d879d}.thumb-admin-item input[type=file]{font-size:12px}
/* V2.4 - Kho dạng ảnh giáo dục */
.format-tools{display:flex;gap:10px;align-items:center;margin:8px 0 10px}.format-search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #eadbd2;border-radius:12px;padding:0 12px;box-shadow:0 4px 14px rgba(84,36,20,.05)}.format-search input{width:100%;border:0!important;outline:0;padding:11px 0;background:transparent}.format-all{border:1px solid #ffb184;background:#fff7f1;color:#e7550d;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.category-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 1px 9px;scrollbar-width:thin}.category-tab{white-space:nowrap;border:1px solid #eadbd2;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750;color:#4a3a34;cursor:pointer;transition:.2s}.category-tab:hover,.category-tab.active{background:linear-gradient(135deg,#ff7a18,#ff4d19);color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(255,94,24,.22);transform:translateY(-1px)}.format-count{font-size:12px;color:#8b746b;margin:0 0 7px}.step .choices{scrollbar-color:#d7b9aa transparent}.step .choice{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.step .choice:hover{transform:translateY(-4px);box-shadow:0 9px 22px rgba(81,38,24,.11)}
@media(max-width:700px){.format-tools{align-items:stretch;flex-direction:column}.format-all{width:100%}.category-tabs{padding-bottom:7px}}
/* V2.6 Prompt Builder */
.topic-input{min-height:72px}.prompt-builder-step{border:1px solid #ffd4b5;background:linear-gradient(180deg,#fffdfb,#fff8f1)}.prompt-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-title-row h3{margin:0 0 12px}.auto-badge{font-size:11px;padding:5px 9px;border-radius:20px;background:#fff0df;color:#a84b16;border:1px solid #ffd5b3}.prompt-output{min-height:180px;line-height:1.55;background:#fff}.prompt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.prompt-actions button{border:1px solid #ead8cc;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:700;color:#5b3424}.prompt-actions button:hover{border-color:#ff8a43;background:#fff7ef}.prompt-actions .ai-suggest{border:0;color:#fff;background:linear-gradient(90deg,#ff9d17,#ff4b16);box-shadow:0 6px 16px rgba(255,98,22,.18)}.auto-optimize{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:12px;color:#5f6471}.auto-optimize input{accent-color:#ff6d13}@media(max-width:760px){.prompt-title-row{align-items:flex-start;flex-direction:column}.prompt-actions button{flex:1 1 calc(50% - 8px)}}

/* V2.7 compact education UI + responsive + bilingual prompt */
.zalo-support{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:#0877ff;color:#fff;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(8,119,255,.18)}
.compact-workspace{display:block;padding:12px 16px 28px;max-width:1500px;margin:auto}.compact-workspace .builder{width:100%}.step{border-color:#eadfd7;box-shadow:0 6px 22px rgba(86,46,26,.055)}.choice{border-radius:14px;background:linear-gradient(180deg,#fff,#fffaf6);border-color:#eadfd8}.choice:hover{border-color:#ffb477}.choice.selected{background:linear-gradient(180deg,#fff8ef,#fff2e6)!important}.choice .emoji{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:12px;background:#fff0df}.prompt-lang{display:flex;gap:6px}.prompt-lang button{border:1px solid #ead8cc;background:#fff;padding:7px 10px;border-radius:9px;cursor:pointer;font-weight:750}.prompt-lang button.active{background:#fff0df;border-color:#ff8a43;color:#c84b0c}.prompt-tokens{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.prompt-token{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1.5px solid #ff9c5a;border-radius:10px;background:#fff;color:#5b3424}.prompt-token small{color:#8a6b5b}.prompt-token b{font-size:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:14px;align-items:start}.detail-controls{min-width:0}.inline-preview{margin:0}.inline-preview .panel{margin:0 0 10px}.result-actions{grid-template-columns:1fr 1fr}.result-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:9px;color:#15203a;cursor:pointer}.result-btn.disabled{opacity:.45;pointer-events:none}.history-tabs{display:flex;gap:8px;margin:18px 0}.history-tabs button{border:1px solid #eadfd7;background:#fff;padding:10px 14px;border-radius:11px;font-weight:800;cursor:pointer}.history-tabs button.active{background:linear-gradient(135deg,#ff8c1a,#ff5018);color:#fff;border-color:transparent}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.history-card{background:#fff;border:1px solid #eadfd7;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(60,32,20,.06)}.history-media{aspect-ratio:16/10;background:#f5f2ef;display:grid;place-items:center}.history-media img,.history-media video{width:100%;height:100%;object-fit:cover}.history-empty{color:#8a8fa0}.history-body{padding:12px}.history-body h3{font-size:14px;margin:8px 0}.history-body small{display:block;color:#8a8fa0}.history-download{display:block;text-align:center;margin-top:10px;padding:9px;border-radius:9px;background:#fff1e5;color:#d94e08;text-decoration:none;font-weight:800}
@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(2,1fr)}.settings{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.side{width:72px;padding:14px 7px}.brand{padding:0 6px 14px;justify-content:center}.brand div,.side nav span,.pro{display:none}.side nav button,.side nav a{justify-content:center;padding:12px 8px}.navico{margin:0}main{margin-left:72px}header{height:auto;min-height:58px;padding:8px 10px;gap:8px}.search{display:none}.top-actions{width:100%;justify-content:flex-end;gap:6px}.who{display:none}.zalo-support{font-size:0;padding:9px}.zalo-support::after{content:'Zalo';font-size:11px}.compact-workspace{padding:8px}.step{padding:11px;margin-top:8px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.choice,.style-card,.thumb-choice{min-width:0;width:100%}.choice-thumb,.style-card img{height:64px}.settings{grid-template-columns:1fr 1fr}.prompt-output{min-height:150px}.format-tools{flex-direction:column}.history-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.side{width:58px}.brand{font-size:20px}.brand-logo-img{width:36px;height:36px}main{margin-left:58px}.top-actions .credit{font-size:11px;padding:7px}.guide-flash{display:none}.avatar{width:32px;height:32px}.logout{padding:7px}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.choice{padding:8px 5px}.choice b{font-size:11px}.choice .emoji{height:36px;min-width:36px;font-size:21px}.style-card img,.choice-thumb{height:58px}.category-tab{font-size:11px;padding:7px 9px}.settings{grid-template-columns:1fr}.switchrow{align-items:flex-start;flex-direction:column}.prompt-title-row{gap:8px}.prompt-lang{width:100%}.prompt-lang button{flex:1}.prompt-token{flex:1 1 calc(50% - 8px);justify-content:space-between}.prompt-actions{display:grid;grid-template-columns:1fr 1fr}.prompt-actions button{width:100%}.detail-grid{grid-template-columns:1fr}.previewbox{aspect-ratio:1/1}.history-grid{grid-template-columns:1fr}.history-tabs{display:grid;grid-template-columns:1fr 1fr}.pagepad{padding:12px}.format-search{width:100%}}
.admin-tabs button{border:1px solid #f0d7c8;background:#fff3e8;color:#7a351d;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}.admin-tabs button.active{background:linear-gradient(135deg,#ff8c1a,#ff5018);color:#fff;border-color:transparent}@media(max-width:600px){.admin-tabs{display:grid;grid-template-columns:1fr 1fr}.admin-tabs button{font-size:12px;padding:9px 7px}.adminwrap{padding:12px}.stats{grid-template-columns:1fr 1fr!important}.twocol{grid-template-columns:1fr!important}}


/* V2.8 layout + history + responsive admin */
.history-grid[hidden]{display:none!important}
.auto-voice{min-height:42px;display:flex;align-items:center;padding:10px 12px;border:1px dashed #f2a36f;border-radius:10px;background:#fff8f1;color:#9b451c;font-weight:800}
.site-footer{margin-top:28px;padding:22px 28px;background:#fff;border-top:1px solid #eadfd7;display:grid;grid-template-columns:1fr auto;gap:10px 24px;align-items:center;color:#725d51}.site-footer div:first-child{display:grid;gap:3px}.site-footer b{color:#17203a;font-size:16px}.site-footer span,.site-footer small{font-size:12px}.site-footer small{grid-column:1/-1;color:#9a887d}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#d95613;text-decoration:none;font-weight:800;font-size:12px}
.admin-shell{min-height:100vh}.admin-side{position:fixed;left:0;top:0;bottom:0;width:220px;background:linear-gradient(180deg,var(--brand-sidebar,#5b2418),#32130d);color:#fff;padding:22px 12px;display:flex;flex-direction:column;z-index:30}.admin-brand{display:flex;gap:10px;align-items:center;padding:0 10px 22px;font-size:24px}.admin-brand div{display:grid}.admin-brand b{font-size:21px}.admin-brand small{font-size:11px;opacity:.72}.admin-side nav{display:grid;gap:6px}.admin-side a{color:#fff;text-decoration:none;padding:12px;border-radius:10px;font-weight:750}.admin-side a:hover,.admin-side a.active{background:rgba(255,255,255,.13)}.admin-side-bottom{margin-top:auto}.admin-main{margin-left:220px;min-height:100vh;display:flex;flex-direction:column}.admin-top{position:sticky;top:0;z-index:20;min-height:66px;padding:10px 24px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee0d6}.admin-top>div:first-child{display:grid}.admin-top b{font-size:18px}.admin-top small{color:#8a7b72}.admin-top-actions{display:flex;gap:8px;align-items:center}.admin-studio-link{padding:9px 12px;border:1px solid #ead8cc;border-radius:10px;text-decoration:none;color:#6b2b1b;font-weight:800}.admin-main .adminwrap{width:100%;max-width:1540px;box-sizing:border-box;flex:1}.admin-footer{margin-top:28px;background:#fff;border-top:1px solid #eadfd7;padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;color:#725d51}.admin-footer>div:first-child{display:grid}.admin-footer div:nth-child(2){display:flex;gap:14px}.admin-footer a{color:#d95613;text-decoration:none;font-weight:800}.admin-footer small{grid-column:1/-1;color:#9a887d}
@media(max-width:900px){.admin-side{width:68px;padding:16px 7px}.admin-brand{justify-content:center;padding:0 0 18px}.admin-brand div,.admin-side span{display:none}.admin-side a{text-align:center;padding:12px 6px}.admin-main{margin-left:68px}.admin-top{padding:8px 12px}.admin-top>div:first-child{display:none}.admin-top-actions{width:100%;justify-content:flex-end}.admin-top .guide-flash{display:none}.adminwrap{padding:14px}.admin-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-grid,.twocol{grid-template-columns:1fr!important}.stats{grid-template-columns:1fr 1fr!important}.admin-footer{grid-template-columns:1fr}.admin-footer small{grid-column:1}.site-footer{grid-template-columns:1fr;padding:18px}.site-footer small{grid-column:1}}
@media(max-width:560px){.admin-side{width:54px}.admin-main{margin-left:54px}.admin-top .zalo-support{font-size:0}.admin-top .zalo-support::after{content:'Zalo';font-size:11px}.admin-studio-link{font-size:11px;padding:8px}.adminwrap{padding:9px}.stats{grid-template-columns:1fr 1fr!important;gap:7px}.stats div{padding:12px}.stats b{font-size:22px}.admin-tabs{grid-template-columns:1fr}.admin-tab{width:100%}.admincard{padding:13px}.thumb-admin-grid,.icon-admin-grid{grid-template-columns:1fr!important}.admin-footer div:nth-child(2),.footer-links{display:grid;gap:7px}.site-footer{margin-top:18px}}

/* V2.9 user plans */
.usage-pill{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border-radius:999px;background:#eef7ff;border:1px solid #cfe7ff;color:#185b94;font-size:12px;white-space:nowrap}.usage-pill.image-usage{background:#fff5e9;border-color:#ffd9ad;color:#a9500b}.admin-table-wrap{overflow:auto;border:1px solid #eadfd7;border-radius:14px}.admin-data-table{width:100%;border-collapse:collapse;min-width:1050px;background:#fff}.admin-data-table th,.admin-data-table td{padding:10px;border-bottom:1px solid #f0e6df;text-align:left;vertical-align:middle;font-size:12px}.admin-data-table th{background:#fff7f1;color:#6b3824}.admin-data-table td small{display:block;color:#8a7b72;margin-top:3px}.admin-data-table input,.admin-data-table select{min-width:135px;padding:8px;border:1px solid #dfd7d2;border-radius:8px}.small-btn{padding:8px 12px!important}.mini-check{white-space:nowrap}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package-grid label{display:grid;gap:6px}.package-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.package-card{border:1px solid #eadfd7;border-radius:15px;background:linear-gradient(180deg,#fff,#fff9f5);padding:14px}.package-card>div:first-child{display:grid;gap:4px}.package-card small{color:#8a7b72}.package-card strong{display:block;color:#ef5b16;font-size:20px;margin:10px 0}.package-card p{line-height:1.7}.package-card a,.package-card button{display:inline-block;border:1px solid #edcdbb;background:#fff;color:#a64618;border-radius:8px;padding:7px 10px;text-decoration:none;cursor:pointer;margin-right:5px}
@media(max-width:900px){.package-grid{grid-template-columns:1fr 1fr}.package-cards{grid-template-columns:1fr 1fr}.image-usage{display:none}}
@media(max-width:600px){.package-grid,.package-cards{grid-template-columns:1fr}.usage-pill{padding:7px;font-size:10px}.top-actions .credit{display:none}}

/* V3.0 public sales/guide landing */
.public-guide-body{margin:0;background:#fffaf5;color:#17233b;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.public-nav{position:sticky;top:0;z-index:50;height:auto;min-height:72px;padding:10px max(20px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:24px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #f1dfd2}.public-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#17233b}.public-brand>span{font-size:28px}.public-brand b{display:block;font-size:21px}.public-brand small{color:#8a6e61}.public-nav nav{display:flex;gap:24px;margin-left:auto}.public-nav nav a,.public-login{text-decoration:none;color:#553226;font-weight:750}.public-actions{display:flex;align-items:center;gap:10px}.public-cta,.public-zalo{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:13px;padding:11px 16px;font-weight:850}.public-cta{background:linear-gradient(135deg,#ff9b19,#ff5418);color:#fff;box-shadow:0 9px 22px #ff6a1c2c}.public-zalo{background:#0879ee;color:#fff}.public-guide{max-width:1320px;margin:auto;padding:0 20px}.sales-hero{min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:60px 0}.sales-hero h1{font-size:58px;line-height:1.04;letter-spacing:-2px;margin:12px 0 20px}.sales-hero h1 em{font-style:normal;color:#f35b1b}.sales-hero p{font-size:18px;line-height:1.7;color:#6f6b72;max-width:720px}.sales-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.big{padding:14px 20px}.sales-points{display:flex;flex-wrap:wrap;gap:10px 20px;color:#6a4435;font-weight:700}.sales-visual{min-height:430px;border-radius:36px;background:radial-gradient(circle at 20% 20%,#fff 0,transparent 28%),linear-gradient(145deg,#ffe8ca,#ffd0ad);padding:40px;display:flex;flex-direction:column;justify-content:center;gap:16px;box-shadow:0 30px 70px #8b4a2620}.sales-card{background:#fff;border:1px solid #f1d8c7;border-radius:20px;padding:22px;box-shadow:0 12px 30px #6d321518;transform:rotate(-1deg)}.sales-card.orange{background:linear-gradient(135deg,#ff8d19,#ff5418);color:#fff;transform:translateX(35px) rotate(1deg)}.sales-card span{font-size:28px;margin-right:8px}.sales-card b{font-size:19px}.sales-card small{display:block;margin:8px 0 0 42px;opacity:.76}.sales-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:30px 0 75px}.sales-features article{background:#fff;border:1px solid #f0ded2;border-radius:20px;padding:24px;box-shadow:0 8px 24px #7d3d1b0b}.sales-features article>span{font-size:28px}.sales-features h3{margin:12px 0 6px}.sales-features p{color:#7c7471;line-height:1.55}.public-video-section{padding:70px 0}.public-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.public-section-head h2{font-size:36px;margin:6px 0}.public-search{max-width:360px}.public-feature{margin-bottom:28px}.public-grid{grid-template-columns:repeat(3,1fr)}.sales-final{text-align:center;margin:70px 0;padding:58px 20px;border-radius:30px;background:linear-gradient(135deg,#fff1df,#ffe0c3);border:1px solid #ffd5b1}.sales-final>span{font-size:44px}.sales-final h2{font-size:36px;margin:12px}.sales-final p{color:#766a64;margin-bottom:25px}.public-footer{max-width:1320px;margin:auto;padding:28px 20px 45px;border-top:1px solid #eddcd0;display:flex;align-items:center;gap:30px}.public-footer div:first-child{display:flex;flex-direction:column}.public-footer div:nth-child(2){display:flex;gap:18px;margin-left:auto}.public-footer a{color:#6d3a27;text-decoration:none}.public-footer small{color:#8b7d76}
@media(max-width:900px){.public-nav nav{display:none}.public-actions .zalo-support{display:none}.sales-hero{grid-template-columns:1fr;min-height:auto;padding:45px 0}.sales-hero h1{font-size:43px}.sales-visual{min-height:340px}.sales-features{grid-template-columns:repeat(2,1fr)}.public-grid{grid-template-columns:repeat(2,1fr)}.public-section-head{align-items:stretch;flex-direction:column}.public-search{max-width:none}.public-footer{flex-wrap:wrap}}
@media(max-width:600px){.public-guide{padding:0 12px}.public-nav{padding:9px 12px}.public-brand small{display:none}.public-actions{margin-left:auto}.public-actions .public-login{display:none}.public-cta{padding:10px 12px}.sales-hero{gap:28px;padding-top:32px}.sales-hero h1{font-size:35px;letter-spacing:-1px}.sales-hero p{font-size:16px}.sales-visual{padding:22px;border-radius:24px}.sales-card.orange{transform:none}.sales-features{grid-template-columns:1fr;padding-bottom:35px}.public-video-section{padding:40px 0}.public-section-head h2{font-size:29px}.public-grid{grid-template-columns:1fr}.sales-final{margin:40px 0;padding:38px 15px}.sales-final h2{font-size:28px}.public-footer{align-items:flex-start;flex-direction:column;gap:12px}.public-footer div:nth-child(2){margin-left:0;flex-wrap:wrap}.sales-points{font-size:13px}}

/* V3.1 compact history: 6 items/row + pagination */
.history-page .history-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.history-card{min-width:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #eee0d7;box-shadow:0 5px 16px #6d32150b}
.history-media{aspect-ratio:4/3;background:#f2eee9;overflow:hidden;display:grid;place-items:center}
.history-media img,.history-media video{width:100%;height:100%;object-fit:cover;display:block}
.history-body{padding:9px}.history-body .pill{font-size:10px;padding:3px 6px}.history-body h3{font-size:12px;line-height:1.35;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}.history-body small{font-size:9px;line-height:1.35;display:block;color:#8a8fa0}.history-download{font-size:11px;padding:7px;margin-top:7px}
.history-pagination{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin:18px 0 6px}.history-page-btn{border:1px solid #ead8cb;background:#fff;color:#6b3523;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:750}.history-page-btn.active{background:linear-gradient(135deg,#ff8d19,#ff5418);border-color:#ff6a18;color:#fff}.history-page-btn:disabled{opacity:.4;cursor:not-allowed}.pager-dots{padding:0 4px;color:#9a887d}
@media(max-width:1200px){.history-page .history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.history-page .history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.history-page .history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.history-body{padding:7px}.history-body h3{font-size:11px}.history-download{font-size:10px}}
.history-delete{width:100%;margin-top:6px;border:1px solid #ffd3c2;background:#fff;color:#c53d12;border-radius:9px;padding:8px 10px;font-weight:700;cursor:pointer}.history-delete:hover{background:#fff0e9}
/* V3.4 compact delete + public/user libraries */
.history-delete{width:30px;height:28px;padding:0;margin:6px 0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;line-height:1}
.header-actions-full{margin-left:auto}.public-library-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#fff4e8;border:1px solid #ffd1aa;color:#8a3b19;border-radius:12px;padding:10px 13px;font-weight:850;white-space:nowrap}
.my-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.library-card-actions{display:flex;gap:6px;align-items:center}.library-card-actions .history-download{flex:1}.library-remove{border:1px solid #ead7cb;background:#fff;color:#8b4a31;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:11px}
.public-library-body{margin:0;background:#fffaf5;color:#17233b;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.library-public-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;padding:12px max(20px,calc((100vw - 1380px)/2));background:#fff;border-bottom:1px solid #efdfd4}.library-public-header nav{margin-left:auto;display:flex;align-items:center;gap:16px}.library-public-header nav>a:not(.public-cta){color:#613625;text-decoration:none;font-weight:750}.library-public-main{max-width:1380px;margin:auto;padding:35px 20px 70px}.library-public-hero{padding:28px 0 32px}.library-public-hero>span{font-weight:900;color:#f05a18}.library-public-hero h1{font-size:42px;margin:8px 0 10px}.library-public-hero p{color:#81746e}.public-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.public-library-card{overflow:hidden;border:1px solid #eeddd2;border-radius:16px;background:#fff;box-shadow:0 7px 24px #6731190c}.public-library-card video{width:100%;aspect-ratio:16/9;background:#111;display:block}.public-library-card>div{padding:12px}.public-library-card h3{margin:0 0 7px;font-size:14px}.public-library-card small{color:#91847d;font-size:11px}
@media(max-width:1100px){.my-library-grid{grid-template-columns:repeat(3,1fr)}.public-library-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header-actions-full{width:100%;overflow-x:auto}.public-library-link{padding:8px 10px;font-size:12px}.my-library-grid,.public-library-grid{grid-template-columns:repeat(2,1fr)}.library-public-header{padding:10px 12px}.library-public-header nav>a:not(.public-cta){display:none}.library-public-main{padding:22px 12px 50px}.library-public-hero h1{font-size:30px}}
@media(max-width:480px){.my-library-grid,.public-library-grid{grid-template-columns:1fr}.library-public-hero h1{font-size:27px}}

/* V3.5 history action row + creative progress + image zoom */
.history-actions{display:flex;align-items:center;gap:6px;margin-top:7px}
.history-actions .history-download{flex:1;margin:0;display:flex;align-items:center;justify-content:center;min-height:30px}
.history-actions .history-delete,.history-actions .history-zoom{width:32px;height:30px;flex:0 0 32px;margin:0;border-radius:8px;display:grid;place-items:center;padding:0;cursor:pointer}
.history-actions .history-zoom{border:1px solid #cfe0ff;background:#f7faff;color:#1767c9}
.history-actions .history-zoom:hover{background:#eaf3ff}
.history-actions .history-delete{border:1px solid #ffd3c2;background:#fff;color:#c53d12}
.history-actions .history-delete:hover{background:#fff0e9}
.creative-progress{margin:12px 0 4px;padding:18px 12px;border:1px solid #ffe0c6;border-radius:14px;background:linear-gradient(135deg,#fffaf4,#fff);text-align:center}
.creative-progress[hidden]{display:none!important}
.progress-ring{--p:0;width:112px;height:112px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff6b18 calc(var(--p)*1%),#f1e9e3 0);position:relative;box-shadow:0 8px 25px #ff6b1817}
.progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.progress-ring>div{position:relative;z-index:1;display:grid}
.progress-ring b{font-size:25px;color:#ed5c15}.progress-ring small{font-size:10px;color:#9a7b6d;font-weight:800}
.creative-progress strong{display:block;color:#563424;font-size:14px;line-height:1.45}
.creative-progress>span{display:block;color:#9a8a82;font-size:11px;margin-top:5px}
.image-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(14,10,8,.92);display:flex;align-items:center;justify-content:center;padding:54px 24px}
.image-lightbox[hidden]{display:none!important}.image-lightbox img{max-width:94vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 22px 80px #0008}
.lightbox-close{position:fixed;right:24px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#32190f;font-size:27px;cursor:pointer}
.lightbox-download{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff8d19,#ff5418);color:#fff;text-decoration:none;padding:11px 18px;border-radius:11px;font-weight:850}
.no-scroll{overflow:hidden}.result-actions .disabled{opacity:.45;pointer-events:none}
@media(max-width:600px){.progress-ring{width:94px;height:94px}.history-actions{gap:4px}.history-actions .history-delete,.history-actions .history-zoom{width:29px;flex-basis:29px}}
/* V3.7 - Video theo phân cảnh */
.scene-page{max-width:1500px}.scene-page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.scene-page-head h1{margin:0 0 5px}.scene-global{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#fff;border:1px solid #f0e0d4;border-radius:14px;padding:14px;margin-bottom:14px}.scene-global label{font-size:12px;font-weight:700}.scene-global select,.scene-title,.scene-controls select{width:100%;margin-top:6px;padding:10px;border:1px solid #dfe3eb;border-radius:9px;background:#fff}.scene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scene-card{background:#fff;border:1px solid #f0dfd3;border-radius:14px;padding:14px;box-shadow:0 5px 18px #713a160a}.scene-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.scene-status{font-size:11px;background:#fff2e6;color:#a34b16;border-radius:20px;padding:5px 9px}.scene-prompt{min-height:120px;margin-top:9px}.scene-controls{display:grid;grid-template-columns:150px 1fr;gap:9px;align-items:end;margin-top:9px}.scene-progress{height:7px;background:#f0ece8;border-radius:10px;overflow:hidden;margin:11px 0}.scene-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff9d17,#16806f);transition:.35s}.scene-result{min-height:70px;border:1px dashed #f0c9ac;border-radius:10px;display:grid;place-items:center;padding:8px;color:#7b7f8c}.scene-result video{width:100%;max-height:330px;border-radius:9px;background:#111}.scene-result-actions{width:100%;margin-top:7px}.scene-result-actions a{display:block;text-align:center}.scene-error{color:#c0392b}@media(max-width:900px){.scene-list{grid-template-columns:1fr}.scene-global{grid-template-columns:1fr 1fr}}@media(max-width:560px){.scene-page-head{align-items:flex-start;flex-direction:column}.scene-global{grid-template-columns:1fr}.scene-controls{grid-template-columns:1fr}.scene-page{padding:10px}}

/* V3.8 - Storyboard giáo dục đồng nhất */
.consistent-page{max-width:1540px}.workflow-card{background:#fff;border:1px solid #efdfd2;border-radius:16px;padding:16px;margin:0 0 15px;box-shadow:0 7px 24px rgba(91,43,19,.05)}.workflow-title{display:flex;gap:10px;align-items:center;margin-bottom:13px}.workflow-title>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ff641c;color:#fff;font-weight:800}.workflow-title div{display:grid}.workflow-title small{color:#7b7f8c;margin-top:2px}.topic-row{display:grid;grid-template-columns:1fr 180px;gap:10px}.topic-row textarea{min-height:76px;border:1px solid #dfe3eb;border-radius:12px;padding:12px;font:inherit;resize:vertical}.lock-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lock-row label{background:#fff7ef;border:1px solid #ffd4b6;border-radius:999px;padding:7px 11px;font-size:12px}.consistency-global{grid-template-columns:1fr 1fr 1fr}.consistency-global input{width:100%;margin-top:6px;padding:10px;border:1px solid #dfe3eb;border-radius:9px}.character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.character-card{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid #eee0d6;border-radius:13px;padding:10px;background:#fffdfa}.character-preview{min-height:150px;border-radius:10px;background:#f7efe8;display:grid;place-items:center;overflow:hidden;text-align:center;color:#8a6d5d}.character-preview span{font-size:42px}.character-preview small{display:block}.character-preview img{width:100%;height:100%;object-fit:cover}.character-fields{display:grid;gap:7px}.character-fields input,.character-fields textarea{border:1px solid #dfe3eb;border-radius:9px;padding:9px;font:inherit}.character-fields textarea{min-height:72px;resize:vertical}.character-actions{display:flex;gap:8px}.soft{border:1px solid #ffc69e;background:#fff6ee;color:#a64a15;border-radius:9px;padding:9px 12px;font-weight:700;cursor:pointer}.danger-mini{border:1px solid #ffc6b7;background:#fff;color:#d94824;border-radius:9px;padding:8px 10px;cursor:pointer}.consistent-scene{grid-column:1/-1}.scene-head>div{display:grid}.scene-head small{color:#8b8f9a;margin-top:3px}.video-motion-prompt{border-color:#c9e8df}.scene-controls{grid-template-columns:120px 180px 1fr}.scene-dual-result{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scene-dual-result>div>b{display:block;font-size:12px;margin:0 0 6px;color:#63311f}.scene-result img{width:100%;max-height:330px;object-fit:contain;border-radius:9px}.scene-result-actions button{width:100%}@media(max-width:900px){.character-list{grid-template-columns:1fr}.scene-dual-result{grid-template-columns:1fr}.topic-row{grid-template-columns:1fr}.consistency-global{grid-template-columns:1fr 1fr}.scene-controls{grid-template-columns:1fr 1fr}}@media(max-width:560px){.character-card{grid-template-columns:1fr}.character-preview{min-height:210px}.consistency-global,.scene-controls{grid-template-columns:1fr}.workflow-card{padding:11px}.lock-row label{width:calc(50% - 4px)}}
/* V3.9 - Scene Studio + FFmpeg */
.dark-scene-page{--sc-bg:#0c1117;--sc-card:#111820;--sc-line:#29323d;--sc-gold:#f59e0b;--sc-text:#f8fafc;--sc-muted:#9aa6b2;background:var(--sc-bg);color:var(--sc-text);border-radius:18px;padding:14px!important}.dark-scene-page .workflow-card{background:var(--sc-card);border-color:var(--sc-line);box-shadow:none}.dark-scene-page .workflow-title small,.dark-scene-page .muted{color:var(--sc-muted)}.dark-scene-page input,.dark-scene-page textarea,.dark-scene-page select{background:#0a0f14!important;color:#f8fafc!important;border-color:#35404c!important}.scene-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;margin-bottom:14px;border:1px solid #344150;border-radius:15px;background:linear-gradient(135deg,#111820,#10131d)}.scene-hero h1{margin:4px 0 3px}.scene-hero p{margin:0;color:#9aa6b2}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.4px;color:#ffb11b}.scene-gold{border:1px solid #c87800;background:linear-gradient(135deg,#c76b00,#ffb312);color:#17100a;border-radius:10px;padding:12px 17px;font-weight:900;cursor:pointer}.scene-gold.full{width:100%;display:block;text-align:center}.scene-settings-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scene-settings-mini label{font-size:11px;font-weight:700}.dark-scene-page .lock-row label{background:#17120c;border-color:#5f3d10;color:#f6e6c8}.dark-scene-page .scene-global{background:#0e141a;border-color:#29323d}.scene-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.scene-render-panel{position:sticky;top:72px;display:grid;gap:12px}.preview-box,.render-box{background:#0d1217;border:1px solid #29323d;border-radius:15px;padding:13px}.preview-head{display:flex;justify-content:space-between;margin-bottom:10px}.preview-stage{aspect-ratio:9/16;max-height:490px;background:#05080b;border:1px solid #63420f;border-radius:15px;display:grid;place-items:center;overflow:hidden;margin-bottom:10px;color:#7d8790}.preview-stage video{width:100%;height:100%;object-fit:contain;background:#000}.preview-stage small{padding:8px;text-align:center}.render-box h3{margin:2px 0 8px}.render-box p{font-size:12px;color:#8e99a4;line-height:1.5}.ffmpeg-status{font-size:11px;color:#f6b42a;margin:10px 0}.render-download{display:block;margin-top:9px;padding:11px;text-align:center;border-radius:9px;background:#173e32;color:#dfffee;font-weight:800;text-decoration:none}.dark-scene-page .scene-card{background:#130d09;border-color:#7a4b0c;box-shadow:none}.scene-index{width:34px;height:30px;border-radius:9px;background:#3a250b;color:#ffb11b;display:grid;place-items:center;font-weight:900}.scene-head-main{flex:1}.scene-hook{border:1px solid #b56d05;border-radius:999px;padding:4px 8px;color:#ffb11b;font-size:10px;font-weight:900}.dark-scene-page .scene-status{background:#1a1208;color:#ffc15c;border:1px solid #5f3d10}.scene-prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.scene-prompt-grid label{position:relative;border:1px solid #633d0b;border-radius:12px;padding:10px;color:#f4c675}.copy-mini{float:right;border:1px solid #70440b;background:#201408;color:#f4c675;border-radius:7px;padding:5px 8px;cursor:pointer}.dark-scene-page .scene-prompt{background:#07090c!important;border-color:#3d2a11!important;color:#eef2f6!important}.scene-ai-image{margin-top:11px;border:1px solid #6e4309;border-radius:14px;padding:11px;background:#100c08}.scene-subhead{display:flex;justify-content:space-between;border-bottom:1px dashed #493115;padding-bottom:9px;margin-bottom:9px}.scene-subhead small{display:block;color:#a89478;margin-top:3px}.scene-locks{margin-bottom:9px!important}.dark-scene-page .scene-result{background:#070a0d;border-color:#39434e;color:#7f8b96}.dark-scene-page .soft{background:#1c130a;border-color:#77480b;color:#f4c675}.scene-add{width:100%;margin-top:12px}.dark-scene-page .character-card{background:#100c08;border-color:#67400d}.dark-scene-page .character-preview{background:#070a0d}.dark-scene-page .character-fields input,.dark-scene-page .character-fields textarea{background:#080b0e!important}.dark-scene-page .scene-progress{background:#202833}.dark-scene-page .scene-progress span{background:linear-gradient(90deg,#f59e0b,#22c55e)}
@media(max-width:1180px){.scene-workspace{grid-template-columns:1fr}.scene-render-panel{position:static;grid-template-columns:1fr 1fr}.preview-stage{aspect-ratio:16/9;max-height:360px}}
@media(max-width:760px){.scene-hero{align-items:flex-start;flex-direction:column}.scene-hero .scene-gold{width:100%}.scene-prompt-grid{grid-template-columns:1fr}.scene-render-panel{grid-template-columns:1fr}.scene-settings-mini{grid-template-columns:1fr}.dark-scene-page{padding:8px!important;border-radius:10px}.scene-ai-image{padding:8px}.preview-stage{aspect-ratio:9/16;max-height:520px}}
/* V3.11 - media stock + selectable assembly queue */
.scene-stock-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px dashed #5b3a12}.scene-stock-head>div{display:grid}.scene-stock-head small{color:#9f927f;margin-top:3px}.scene-stock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:10px}.stock-card{border:1px solid #62400f;border-radius:11px;background:#0c0a08;overflow:hidden}.stock-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.stock-card>div{padding:7px;display:grid;gap:5px}.stock-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-card small{font-size:9px;color:#9b8c79}.stock-card .soft{font-size:10px;padding:6px}.scene-pick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.scene-pick-actions>*{width:100%!important;min-height:34px;display:grid!important;place-items:center;text-align:center}.scene-pick{border:1px solid #765018;background:#171008;color:#f2d29b;border-radius:8px;font-weight:800;cursor:pointer;padding:7px}.scene-pick.gold{background:linear-gradient(135deg,#8b4c00,#e99508);color:#fff4da}.chosen-media{outline:2px solid #f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.12)}.assembly-head{display:flex;justify-content:space-between;align-items:center}.assembly-head h3{margin:0}.assembly-head span{font-size:11px;color:#ffc45c}.assembly-queue{display:grid;gap:7px;max-height:390px;overflow:auto;margin:10px 0}.assembly-item{display:grid;grid-template-columns:25px 50px 1fr auto;gap:7px;align-items:center;padding:6px;border:1px solid #44301a;border-radius:9px;background:#080b0e}.assembly-num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#3a250b;color:#ffb11b;font-size:10px;font-weight:900}.assembly-thumb img,.assembly-thumb video{width:50px;height:55px;object-fit:cover;border-radius:6px;background:#000}.assembly-meta{display:grid;min-width:0}.assembly-meta b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assembly-meta small{font-size:9px;color:#9a8d7b}.assembly-move{display:grid;grid-template-columns:repeat(3,26px);gap:3px}.assembly-move button{width:26px;height:26px;border:1px solid #68420f;border-radius:6px;background:#1a1208;color:#f5b746;cursor:pointer}.soft.full{width:100%}.still-duration{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#b8aa97;margin:10px 0}.still-duration select{max-width:110px;padding:7px!important}.scene-result-actions{padding-top:7px}
@media(max-width:1200px){.scene-stock{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.scene-stock{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-stock-head{align-items:flex-start;flex-direction:column}.scene-pick-actions{grid-template-columns:1fr}.assembly-item{grid-template-columns:24px 44px 1fr}.assembly-move{grid-column:1/-1;display:flex;justify-content:flex-end}.assembly-thumb img,.assembly-thumb video{width:44px;height:48px}}
/* V3.12 reference-like scene builder */
.reference-builder{background:#0b1015!important}.scene-config-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.big-story{min-height:220px!important;width:100%;margin:10px 0}.story-suggest{margin-bottom:10px}.locked-summary{border:1px solid #74480d;background:#160f08;border-radius:10px;padding:11px;color:#d8c2a0;font-size:12px}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.config-grid label{font-size:11px;color:#b9c0c8}.config-grid select{width:100%;margin-top:5px}.process-strip{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:10px 14px;border:1px solid #2e3945;border-radius:12px;background:#0c1218;margin:12px 0;font-size:10px}.process-strip b{background:#1b232b;padding:6px 9px;border-radius:999px}.process-strip i{color:#29d3b0}.build-scenes-main{margin-bottom:12px}.character-top-actions{display:flex;gap:7px}.reference-character-list{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-character-list .character-card{grid-template-columns:1fr}.reference-character-list .character-preview{min-height:115px;max-height:150px}.reference-character-list .character-fields textarea{min-height:90px}.saved-stock-title{display:grid;margin-top:16px;padding-top:14px;border-top:1px dashed #5f3d10}.saved-stock-title small{color:#9c8f7c;margin-top:3px}.reference-stock{grid-template-columns:repeat(6,minmax(0,1fr))}.reference-scene{padding:12px!important}.scene-title-area{min-height:56px!important;width:100%;margin-top:7px}.scene-reference-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed #493115}.scene-refs{display:flex;gap:6px;align-items:center;min-height:54px;flex:1}.ref-actions{display:flex;gap:7px;align-items:center}.ref-actions select{min-width:145px}.adhesion{margin-left:auto!important;display:flex!important;align-items:center;gap:6px!important}.adhesion input{width:90px}.scene-credit{border:1px solid #7b4a0b;border-radius:999px;padding:6px 9px;color:#ffc45c;font-size:10px}.reference-controls{grid-template-columns:110px 120px 1fr!important;align-items:end}.reference-controls label,.scene-video-tools label{font-size:10px;color:#b9aa95}.reference-controls select,.scene-video-tools select{width:100%;margin-top:4px}.wide-image-result{min-height:150px;margin-top:10px}.wide-image-result img{max-height:480px!important}.scene-video-tools{display:grid;grid-template-columns:1fr 120px 1fr;gap:8px;align-items:end;margin-top:10px}.video-only-result{margin-top:8px;min-height:110px}.scene-result .scene-pick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-result .scene-pick-actions a,.scene-result .scene-pick-actions button{font-size:11px}.scene-render-panel{top:64px}
@media(max-width:1200px){.reference-character-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-stock{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.scene-config-shell{grid-template-columns:1fr}.config-grid{grid-template-columns:1fr 1fr}.scene-reference-row{align-items:flex-start;flex-direction:column}.ref-actions{width:100%}.ref-actions>*{flex:1}.scene-video-tools{grid-template-columns:1fr 1fr}.scene-video-tools .primary{grid-column:1/-1}}
@media(max-width:560px){.reference-character-list{grid-template-columns:1fr}.reference-stock{grid-template-columns:repeat(2,minmax(0,1fr))}.config-grid{grid-template-columns:1fr}.reference-controls{grid-template-columns:1fr!important}.scene-video-tools{grid-template-columns:1fr}.scene-video-tools .primary{grid-column:auto}.ref-actions{flex-direction:column}.ref-actions>*{width:100%}.process-strip{gap:5px}.process-strip i{display:none}}

/* V3.13 Prompt Studio */
.prompt-studio-page{max-width:1500px}.prompt-studio-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.prompt-studio-head h1{margin:5px 0}.prompt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.prompt-tabs button{border:1px solid #ead7ca;background:#fff;border-radius:11px;padding:11px 15px;font-weight:850;color:#60301f;cursor:pointer}.prompt-tabs button.active{background:linear-gradient(135deg,#ff9d18,#ff5a18);color:#fff;border-color:transparent}.prompt-quick-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:14px}.prompt-main-card,.prompt-result-card,.prompt-merge-box,.prompt-results-section>section{background:#fff;border:1px solid #ecdcd1;border-radius:16px;padding:16px}.prompt-big-label{display:grid;gap:6px}.prompt-big-label small,.reference-upload small{color:#8d7c72}.prompt-big-label textarea{min-height:270px;resize:vertical;border:1px solid #e0d4cc;border-radius:13px;padding:14px;font:inherit;line-height:1.55}.prompt-setting-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.prompt-setting-row label{display:grid;gap:5px;font-size:12px;font-weight:750}.prompt-setting-row select{padding:11px;border:1px solid #ded4ce;border-radius:10px;background:#fff}.reference-upload{border:1px dashed #f0a36d;border-radius:13px;padding:13px;background:#fff9f4;display:grid;gap:10px}.reference-upload>div:first-child{display:grid}.upload-ref-btn{width:max-content;padding:9px 12px;border-radius:9px;background:#fff;border:1px solid #efc6ad;color:#a74a1b;font-weight:850;cursor:pointer}.quick-ref-preview{display:flex;gap:8px;flex-wrap:wrap;min-height:54px;align-items:center}.quick-ref-item{position:relative}.quick-ref-item img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:2px solid #f39a51}.quick-ref-item button{position:absolute;right:-5px;top:-5px;width:22px;height:22px;border-radius:50%;border:0;background:#222;color:#fff;cursor:pointer}.quick-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.big-action{min-height:48px}.quick-result{min-height:420px;border:1px dashed #e5d7ce;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#fffaf6}.quick-result img,.quick-result video{width:100%;max-height:620px;object-fit:contain;background:#000}.quick-result-actions{display:flex;gap:8px;padding:10px;width:100%;box-sizing:border-box}.quick-result-actions a,.quick-result-actions button,.prompt-card-actions a,.prompt-card-actions button{flex:1;text-align:center;text-decoration:none;border:1px solid #f0c5a9;background:#fff4e9;color:#c34e0e;border-radius:8px;padding:8px;font-weight:800;cursor:pointer}.prompt-results-section h3{margin:18px 0 8px}.prompt-media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.prompt-media-card{border:1px solid #eadbd1;border-radius:12px;overflow:hidden;background:#fff;display:grid;gap:7px;padding-bottom:9px}.prompt-media-card>div:first-child,.prompt-media-card>video{width:100%;aspect-ratio:9/12;background:#eee;object-fit:cover}.prompt-media-card img,.prompt-media-card video{width:100%;height:100%;object-fit:cover}.prompt-media-card>b,.prompt-media-card>small,.prompt-media-card>.soft{margin:0 9px}.prompt-media-card>b{font-size:12px}.prompt-media-card>small{font-size:10px;color:#8e7e74}.prompt-card-actions{display:flex;gap:5px;padding:0 8px}.prompt-card-actions a,.prompt-card-actions button{font-size:10px;padding:7px 4px}.prompt-merge-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.prompt-merge-box{position:sticky;top:75px;height:max-content}.quick-merge-item{display:grid;grid-template-columns:26px 55px 1fr auto;gap:7px;align-items:center;border:1px solid #eadbd1;border-radius:9px;padding:6px;margin-bottom:6px}.quick-merge-item>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff0df;color:#d85c12;font-weight:900}.quick-merge-item video{width:55px;height:48px;object-fit:cover;background:#000;border-radius:6px}.quick-merge-item b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-merge-item>div{display:flex;gap:3px}.quick-merge-item button{width:25px;height:25px;border:1px solid #e6c9b7;background:#fff;border-radius:6px;cursor:pointer}.prompt-merge-box .full{width:100%;margin-top:10px}
@media(max-width:1100px){.prompt-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prompt-quick-grid,.prompt-merge-layout{grid-template-columns:1fr}.prompt-merge-box{position:static}}
@media(max-width:700px){.prompt-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-setting-row,.quick-create-actions{grid-template-columns:1fr}.prompt-big-label textarea{min-height:220px}.quick-result{min-height:300px}.prompt-tabs{display:grid;grid-template-columns:1fr}.prompt-tabs button{width:100%}}
.prompt-studio-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.prompt-page-links{display:flex;gap:10px;flex-wrap:wrap}.prompt-page-links a,.result-page-hint a{color:var(--brand-primary);font-weight:800;text-decoration:none}.prompt-page-links a{padding:10px 14px;border:1px solid #e6c1a7;background:#fff;border-radius:12px}.model-note,.upload-status{font-size:12px;color:#8b5a43;margin-top:6px}.quick-ref-item{position:relative;display:flex;flex-direction:column;gap:4px}.quick-ref-item span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.result-page-hint{margin-top:12px;padding:10px;border-radius:10px;background:#fff7ed;font-size:12px}@media(max-width:760px){.prompt-studio-head{flex-direction:column}}

/* ===== V3.15 POLISH: Prompt Studio + My Results + FFmpeg ===== */
.prompt-studio-page{max-width:1480px;margin:0 auto;padding:26px!important}
.prompt-studio-head{padding:22px 24px;margin-bottom:18px!important;background:linear-gradient(135deg,#fff,#fff7ef);border:1px solid #f0d8c8;border-radius:22px;box-shadow:0 12px 34px rgba(80,42,22,.07)}
.prompt-studio-head h1{font-size:28px;letter-spacing:-.4px;color:#2b211d}.prompt-studio-head p{margin:6px 0 0;color:#7b6a61;max-width:760px;line-height:1.55}.prompt-page-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(81,43,22,.05);transition:.2s}.prompt-page-links a:hover{transform:translateY(-2px);border-color:#f2a26e;background:#fff8f2}
.prompt-create-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:18px;align-items:start}.prompt-create-form,.prompt-result-card{background:#fff;border:1px solid #ecdcd1;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(75,43,28,.06)}
.prompt-main-label{display:grid;gap:9px;font-size:14px;font-weight:900;color:#39271f}.prompt-main-label textarea{width:100%;box-sizing:border-box;min-height:285px;resize:vertical;border:1px solid #dfd2c9;border-radius:15px;padding:16px;background:#fffdfb;font:inherit;font-weight:500;line-height:1.6;color:#30251f;outline:none;transition:.2s}.prompt-main-label textarea:focus{border-color:#ff8b43;box-shadow:0 0 0 4px rgba(255,112,28,.09);background:#fff}
.prompt-setting-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:10px;margin:15px 0 5px}.prompt-setting-grid label{display:grid;gap:7px;font-size:12px;font-weight:850;color:#5f493d}.prompt-setting-grid select{width:100%;min-height:44px;padding:0 12px;border:1px solid #e2d4cb;border-radius:11px;background:#fff;color:#3c2a21;font-weight:700;outline:none}.prompt-setting-grid select:focus{border-color:#ff8b43;box-shadow:0 0 0 3px rgba(255,112,28,.08)}
.model-note{min-height:18px;padding:8px 11px;margin:8px 0 12px!important;border-radius:9px;background:#fff7ed;color:#9a4c20!important}.reference-upload{padding:16px!important;border-radius:15px!important;background:linear-gradient(180deg,#fffaf6,#fff)!important}.upload-ref-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center}.quick-ref-preview{padding-top:4px}.quick-ref-item{padding:5px;border:1px solid #f0d8c8;border-radius:12px;background:#fff}.quick-ref-item img{width:82px!important;height:82px!important}.quick-create-actions{margin-top:16px!important}.big-action{min-height:50px!important;border-radius:12px!important;font-size:14px!important;box-shadow:0 8px 18px rgba(255,101,28,.1)}
.prompt-result-card{position:sticky;top:78px}.prompt-result-card .panelhead{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f1e7e0}.prompt-result-card .panelhead b{font-size:16px}.prompt-result-card .panelhead small{padding:5px 9px;background:#fff3e8;border-radius:999px;color:#b55720}.quick-result{min-height:500px!important;border-radius:16px!important;background:linear-gradient(145deg,#fffaf6,#fff)!important}.quick-result .empty{max-width:260px;text-align:center;line-height:1.55;color:#9b897e}.quick-result img,.quick-result video{border-radius:14px}.result-page-hint{margin-top:12px!important;padding:12px!important;border:1px solid #f4ddcb}.progress{height:7px!important;border-radius:999px!important;overflow:hidden;margin-top:12px;background:#f3e7de!important}.progress span{display:block;height:100%;background:linear-gradient(90deg,#ffb020,#ff641c);border-radius:inherit;transition:.3s}
@media(max-width:1050px){.prompt-create-grid{grid-template-columns:1fr}.prompt-result-card{position:static}.quick-result{min-height:360px!important}}@media(max-width:720px){.prompt-studio-page{padding:14px!important}.prompt-studio-head{padding:17px}.prompt-studio-head h1{font-size:23px}.prompt-page-links{width:100%}.prompt-page-links a{flex:1}.prompt-setting-grid{grid-template-columns:1fr}.prompt-create-form,.prompt-result-card{padding:14px}.quick-result{min-height:290px!important}}

/* V3.19 - Lịch sử tạo căn giữa, 8 mục/hàng, hỗ trợ phóng to video */
.history-page{max-width:1680px;margin:0 auto}.history-heading{text-align:center}.history-heading>div{margin:0 auto}.history-page .history-tabs{justify-content:center}.history-page .history-grid{grid-template-columns:repeat(8,minmax(0,1fr));justify-content:center}.history-actions{display:flex;gap:5px;align-items:center;margin-top:9px}.history-actions .history-download{flex:1;margin-top:0}.history-zoom,.history-delete{width:34px;height:34px;border:1px solid #efd3c0;border-radius:8px;background:#fff7ef;color:#bd5018;cursor:pointer}.video-lightbox video{max-width:92vw;max-height:88vh;background:#000;border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.5)}
@media(max-width:1500px){.history-page .history-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1300px){.history-page .history-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.history-page .history-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.history-page .history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.history-page .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V3.26 Prompt Studio: 5 scene columns + sequential queue + consistency refs */
.ps-master{background:#fff;border:1px solid #ecdcd1;border-radius:20px;padding:18px;margin-bottom:16px;box-shadow:0 10px 30px rgba(75,43,28,.06)}
.ps-master>label{display:grid;gap:7px}.ps-master textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #e1d2c8;border-radius:13px;padding:13px;font:inherit}
.ps-master-actions{display:grid;grid-template-columns:1.2fr 1.3fr .7fr .7fr;gap:9px;margin-top:11px}.ps-master-actions label{display:grid;gap:4px;font-size:12px;font-weight:800}.ps-master-actions select,.ps-master-actions button,.ps-ref-tools select{min-height:42px;border:1px solid #e6cbb9;border-radius:10px;background:#fff;padding:8px}
.ps-reference{margin-top:10px}.ps-ref-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ps-ref-tools select{min-width:170px}.ps-batch-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:12px}.ps-batch-actions button{min-height:48px;border-radius:11px;font-weight:900}
.ps-queue{margin-top:11px;padding:11px;border-radius:11px;background:#fff7ed}.ps-queue>div{height:8px;background:#eadfd7;border-radius:99px;overflow:hidden;margin:7px 0}.ps-queue i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff9d18,#ff5a18);transition:width .25s}.ps-queue small{color:#8a6d5d}
.ps-five-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:start}.ps-scene-card{background:#fff;border:1px solid #ecdcd1;border-radius:16px;padding:10px;min-width:0;box-shadow:0 7px 20px rgba(75,43,28,.05)}.ps-scene-head{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:7px}.ps-scene-head b{color:#6b2b18}.ps-scene-head span{font-size:10px;color:#9a765f}.ps-scene-card textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #e6d7cd;border-radius:9px;padding:8px;font:inherit;font-size:12px;min-height:100px}.ps-media-slot{margin-top:8px;width:100%;aspect-ratio:9/12;background:#fff8f3;border:1px dashed #e7c9b7;border-radius:10px;display:grid;place-items:center;overflow:hidden}.ps-media-slot.video{background:#171717}.ps-media-slot img,.ps-media-slot video{width:100%;height:100%;object-fit:contain}.ps-media-slot small{padding:8px;text-align:center;color:#9b8171}.ps-media-slot a{position:absolute}.ps-scene-card .ps-one{width:100%;margin-top:6px;min-height:36px;font-size:11px}.ps-media-slot:has(img),.ps-media-slot:has(video){position:relative}.ps-media-slot:has(img) a,.ps-media-slot:has(video) a{bottom:6px;right:6px;background:rgba(255,255,255,.92);padding:5px 7px;border-radius:7px;text-decoration:none;color:#b44812;font-size:10px;font-weight:800}
@media(max-width:1350px){.ps-five-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.ps-master-actions,.ps-batch-actions{grid-template-columns:1fr 1fr}.ps-five-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ps-master-actions,.ps-batch-actions,.ps-five-grid{grid-template-columns:1fr}}
/* V3.29 Prompt Studio: clean controls + strict reference UX */
.prompt-studio-page{max-width:1680px;margin:0 auto}.ps-master-v328{padding:22px!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fffaf6)!important}.ps-top-grid{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(420px,.8fr)!important;gap:18px!important;align-items:stretch}.ps-main-prompt{background:#fff;border:1px solid #eadbd1;border-radius:16px;padding:15px}.ps-main-prompt b{font-size:15px}.ps-main-prompt textarea{min-height:150px!important;margin-top:8px;background:#fffdfb}.ps-setup{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:15px!important;border:1px solid #eadbd1;border-radius:16px;background:#fff}.ps-setup label{display:grid;gap:6px;font-size:12px;font-weight:850;color:#64301d}.ps-setup select{width:100%;min-height:42px;border:1px solid #e4d3c7;border-radius:10px;background:#fff;padding:8px}.ps-build{grid-column:1/-1;min-height:48px!important;border-radius:12px!important;font-size:14px!important}.ps-ref-v328{margin-top:16px!important;border:1px solid #f0c4a6!important;background:#fff!important;box-shadow:0 8px 22px rgba(93,49,24,.05)}.ps-ref-title{display:flex!important;justify-content:space-between!important;gap:15px!important;align-items:center!important;padding-bottom:12px;border-bottom:1px solid #f2e4db}.ps-ref-title>div:first-child{display:grid;gap:4px}.ps-ref-title b{font-size:16px}.ps-ref-title small{color:#856e61}.ps-locks{display:flex!important;gap:8px!important;flex-wrap:wrap!important;padding:12px 0!important}.ps-locks label{display:flex!important;align-items:center;gap:6px;padding:8px 10px;border:1px solid #ead8cb;border-radius:999px;background:#fffaf6;font-size:12px;font-weight:800;cursor:pointer}.ps-locks label:has(input:checked){border-color:#ff9d62;background:#fff1e7;color:#a84310}.quick-ref-preview{min-height:0!important;padding:8px 0!important}.quick-ref-item{width:96px}.quick-ref-item img{width:88px!important;height:88px!important}.ps-batch-actions{margin-top:16px!important;padding-top:16px;border-top:1px solid #f0e3da}.ps-five-grid{gap:14px!important}.ps-scene-card{padding:0!important;overflow:hidden;border-radius:18px!important;box-shadow:0 10px 28px rgba(67,35,20,.08)!important}.ps-scene-cover{aspect-ratio:9/12!important;border:0!important;border-bottom:1px solid #eadbd1!important;border-radius:0!important;background:#f8f3ef!important}.ps-scene-body{padding:12px}.ps-green-prompt{min-height:150px!important;background:#087d59!important;color:#fff!important;border:0!important;line-height:1.45!important}.ps-green-prompt::placeholder{color:#d6f5e9}.ps-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ps-card-actions button{min-height:42px!important}.ps-video-result{margin-top:10px;border-radius:11px;overflow:hidden;background:#171717;min-height:70px;display:grid;place-items:center}.ps-video-result video{width:100%;display:block}.ps-video-result small{color:#aaa}.upload-status{font-weight:800;color:#0b7a56!important}
@media(max-width:1180px){.ps-top-grid{grid-template-columns:1fr!important}}@media(max-width:700px){.ps-setup{grid-template-columns:1fr!important}.ps-ref-title{align-items:flex-start!important;flex-direction:column}.ps-card-actions{grid-template-columns:1fr}}

/* V3.30 Prompt Studio media alignment: never overflow scene cards */
.prompt-scene-grid .prompt-scene-card,.prompt-scene-card{overflow:hidden;min-width:0}
.prompt-scene-card .prompt-scene-image,.prompt-scene-card .prompt-scene-video,.prompt-scene-card [id^="promptSceneImage"],.prompt-scene-card [id^="promptSceneVideo"]{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.prompt-scene-card img,.prompt-scene-card video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;margin:auto!important;position:static!important;transform:none!important}
.prompt-scene-card .prompt-scene-image{aspect-ratio:9/16;max-height:520px;background:#f7f2ed}
.prompt-scene-card .prompt-scene-video{aspect-ratio:9/16;max-height:520px;background:#151515}
/* fallback for current V3.29 generated scene result containers */
.prompt-scene-card>div:first-of-type img,.prompt-scene-card>div:first-of-type video{object-fit:contain!important;object-position:center!important}

/* V3.30 merge mixed media */
.merge-source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.merge-source-tabs button{border:1px solid #efc7a9;background:#fff8f2;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}.merge-source-tabs button.active{background:#8b3b1d;color:#fff}.merge-upload-box{border:1px dashed #e8a878;border-radius:14px;padding:12px;margin-bottom:14px;background:#fffaf6}.merge-upload-box input{max-width:100%}.merge-media-card img,.merge-media-card video{width:100%;aspect-ratio:16/10;object-fit:contain;background:#171717;border-radius:10px}.qitem-new img{width:72px;height:54px;object-fit:contain;background:#171717;border-radius:7px}.image-seconds{width:64px;padding:5px;border:1px solid #ddd;border-radius:7px}
/* V3.30 exact Prompt Studio cards */
.ps-scene-card{overflow:hidden!important;min-width:0!important}
.ps-scene-cover,.ps-video-result{overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;box-sizing:border-box!important}
.ps-scene-cover img,.ps-scene-cover video,.ps-video-result img,.ps-video-result video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:50% 50%!important;margin:0 auto!important;position:static!important;inset:auto!important;transform:none!important}
.ps-scene-cover{aspect-ratio:9/16;background:#f8f3ef!important}
.ps-video-result{aspect-ratio:9/16;background:#151515!important}
.ps-scene-cover>span{position:absolute!important;left:10px!important;top:9px!important;z-index:2}.ps-scene-cover>small{position:absolute!important;inset:auto!important;z-index:1}

/* V3.31 compact Prompt Studio previews + zoom */
.ps-scene-cover{aspect-ratio:auto!important;height:210px!important;min-height:210px!important;max-height:210px!important;background:#f8f3ef!important}
.ps-video-result{aspect-ratio:auto!important;height:150px!important;min-height:150px!important;max-height:150px!important;margin-top:10px!important}
.ps-scene-cover img,.ps-video-result video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.ps-media-actions{position:absolute!important;left:7px!important;right:7px!important;bottom:7px!important;display:flex!important;gap:6px!important;z-index:5!important}
.ps-media-actions a,.ps-media-actions button{flex:1;border:0;border-radius:8px;padding:7px 5px;background:rgba(20,20,20,.82);color:#fff;text-decoration:none;text-align:center;font-size:10px;font-weight:850;cursor:pointer;backdrop-filter:blur(5px)}
.ps-lightbox[hidden]{display:none!important}.ps-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:28px}.ps-lightbox-inner{max-width:94vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.ps-lightbox-inner img,.ps-lightbox-inner video{max-width:94vw;max-height:90vh;width:auto;height:auto;object-fit:contain;background:#111;border-radius:12px}.ps-lightbox-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;cursor:pointer;z-index:2}
@media(max-width:700px){.ps-scene-cover{height:190px!important;min-height:190px!important}.ps-video-result{height:140px!important;min-height:140px!important}}
/* V3.31 persistent merge upload */
.merge-upload-btn{display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:10px 14px;border:1px solid #efb98f;border-radius:10px;background:#fff;color:#9b421d;font-weight:850;cursor:pointer}.merge-upload-box #uploadMsg{display:block;margin-top:8px;color:#826d61}.merge-media-card{overflow:hidden}.merge-media-card img,.merge-media-card video{height:130px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}.merge-vcard h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* V3.32 - Prompt AI planner reserved + cleaner prompt header */
.ps-prompt-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.ps-prompt-heading>div{display:grid;gap:4px}.ps-prompt-heading small{font-weight:500;color:#806e64;line-height:1.4}.ps-ai-scenes{border:0;border-radius:11px;padding:10px 14px;white-space:nowrap;font-weight:900;cursor:pointer;color:#fff;background:linear-gradient(135deg,#f4a515,#087b62);box-shadow:0 6px 16px rgba(47,91,66,.15)}.ps-ai-note{margin-top:9px;padding:9px 11px;border-radius:10px;background:#f7f3ef;color:#79665b;font-size:12px}.ps-main-prompt textarea{width:100%;box-sizing:border-box;border:1px solid #e5d6cc;border-radius:12px;padding:12px;font:inherit;resize:vertical}@media(max-width:700px){.ps-prompt-heading{flex-direction:column}.ps-ai-scenes{width:100%}}
/* V3.32 - AI scene planner placeholder */
.ps-prompt-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.ps-prompt-heading>div{display:grid;gap:4px}.ps-prompt-heading small{font-weight:500;color:#806e64;line-height:1.4}.ps-ai-scenes{border:0;border-radius:11px;padding:10px 14px;white-space:nowrap;font-weight:900;cursor:pointer;color:#fff;background:linear-gradient(135deg,#f4a515,#087b62);box-shadow:0 6px 16px rgba(47,91,66,.15)}.ps-ai-note{margin-top:9px;padding:9px 11px;border-radius:10px;background:#f7f3ef;color:#79665b;font-size:12px}.ps-main-prompt textarea{width:100%;box-sizing:border-box;border:1px solid #e5d6cc;border-radius:12px;padding:12px;font:inherit;resize:vertical}@media(max-width:700px){.ps-prompt-heading{flex-direction:column}.ps-ai-scenes{width:100%}}

/* V3.37 UX patch: scene AI loading + library action */
.ps-ai-loading{width:100%;height:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:12px;color:#8b5b43}.ps-ai-loading .ps-spin{width:46px;height:46px;border:5px solid #f2dfd3;border-top-color:#ff6b18;border-right-color:#15906e;border-radius:50%;animation:psSpin .8s linear infinite}.ps-ai-loading>b{font-size:18px;color:#e85d18}.ps-ai-loading>strong{font-size:12px;color:#5d3828}.ps-ai-loading>small{font-size:10px;color:#9b7c6c;line-height:1.35}@keyframes psSpin{to{transform:rotate(360deg)}}
.history-actions .history-library{width:34px;height:34px;flex:0 0 34px;margin:0;border:1px solid #bfe5d8;border-radius:8px;background:#effbf6;color:#087a59;cursor:pointer;font-weight:900}.history-actions .history-library:hover{background:#dff7ee}.history-actions .history-library.saved{background:#e8f8ef;color:#15834f;cursor:default;opacity:.8}

/* V3.38: 3 compact scene actions */
.ps-three-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.ps-three-actions button{min-width:0!important;padding:10px 5px!important;font-size:12px!important;white-space:nowrap}.ps-thumb-btn{border-color:#f59e0b!important;color:#9a4d00!important}@media(max-width:700px){.ps-three-actions{grid-template-columns:1fr 1fr 1fr!important}.ps-three-actions button{font-size:10px!important;padding:9px 2px!important}}

/* V3.39 - Thumbnail banner 16:9 riêng, không thay ảnh phân cảnh */
.ps-thumb-panel{margin-top:18px;background:#fff;border:1px solid #eadbd1;border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(67,35,20,.07)}
.ps-thumb-panel[hidden]{display:none!important}.ps-thumb-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ps-thumb-panel-head>div{display:grid;gap:3px}.ps-thumb-panel-head b{font-size:20px;color:#1d2a3b}.ps-thumb-panel-head small{color:#856e61}.ps-thumb-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px}.ps-thumb-banner{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#171717;isolation:isolate}.ps-thumb-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ps-thumb-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,10,5,.64) 0%,rgba(18,10,5,.22) 46%,rgba(18,10,5,.04) 70%);z-index:1}.ps-thumb-wave{position:absolute;left:-8%;width:116%;height:70px;border-radius:50%;z-index:2;pointer-events:none}.ps-thumb-wave-a{top:-45px;border-bottom:5px solid rgba(255,157,28,.92);transform:rotate(-2deg)}.ps-thumb-wave-b{bottom:-45px;border-top:5px solid rgba(255,205,69,.88);transform:rotate(2deg)}.ps-thumb-copy{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:3;width:min(52%,650px);display:grid;gap:7px;text-shadow:0 3px 10px rgba(0,0,0,.55)}.ps-thumb-copy small{color:#ffd46a;font-weight:950;letter-spacing:.13em}.ps-thumb-copy strong{color:#fff;font-size:clamp(28px,4vw,68px);line-height:.98;font-weight:950;font-family:Arial,"Noto Sans",sans-serif;letter-spacing:-.04em}.ps-thumb-tools{display:grid;align-content:center;gap:9px}.ps-thumb-tools .soft,.ps-thumb-tools a{min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none}.ps-thumb-note{margin-top:5px;padding:11px;border-radius:11px;background:#fff5e9;display:grid;gap:4px;color:#87410d}.ps-thumb-note small{line-height:1.4}.ps-thumb-btn{background:linear-gradient(135deg,#fff5c5,#ffd22f)!important;color:#432c00!important;font-weight:900!important}
@media(max-width:800px){.ps-thumb-layout{grid-template-columns:1fr}.ps-thumb-panel-head{align-items:flex-start;flex-direction:column}.ps-thumb-panel-head button{width:100%}.ps-thumb-tools{grid-template-columns:1fr 1fr}.ps-thumb-note{grid-column:1/-1}.ps-thumb-copy{width:64%}.ps-thumb-copy strong{font-size:clamp(22px,8vw,42px)}}
/* V3.40 cinematic YouTube thumbnail composer */
.ps-thumb-layout{grid-template-columns:minmax(0,1fr) 240px!important;align-items:start}.ps-thumb-banner{aspect-ratio:16/9!important;box-shadow:0 14px 36px rgba(55,25,7,.18)}.ps-thumb-banner:after{background:linear-gradient(90deg,rgba(15,8,3,.02) 0%,rgba(15,8,3,.08) 42%,rgba(15,8,3,.55) 62%,rgba(15,8,3,.16) 100%)!important}.ps-thumb-copy{left:51%!important;top:48%!important;width:45%!important;gap:2px!important}.ps-thumb-copy span{font-size:12px;font-weight:950;letter-spacing:.18em;color:#ffe08b;text-shadow:0 2px 7px #000}.ps-thumb-copy strong{font-family:Arial,"Segoe UI",sans-serif!important;font-style:italic;font-size:clamp(34px,4.6vw,78px)!important;line-height:.9!important;color:#ffd12d!important;-webkit-text-stroke:2px #fff2d0;text-shadow:0 5px 0 #7a2608,0 9px 18px #000b!important;transform:skew(-4deg)}.ps-thumb-copy em{margin:12px 0 0 7%;font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(17px,2vw,34px);font-weight:850;color:#fff7e6;font-style:italic;text-shadow:0 3px 8px #000,0 1px 0 #7b2e0e}.ps-thumb-wave-a{top:-38px!important;border-bottom:7px solid #ff9b16!important;filter:drop-shadow(0 2px 4px #5d2109)}.ps-thumb-wave-b{bottom:-38px!important;border-top:7px solid #ffd342!important;filter:drop-shadow(0 -2px 4px #5d2109)}.ps-thumb-edit{grid-column:1/2;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ps-thumb-edit label{font-size:11px;font-weight:850;color:#70432b}.ps-thumb-edit input{display:block;width:100%;height:38px;margin-top:4px;border:1px solid #ebc9b5;border-radius:9px;padding:0 10px;font:inherit;background:#fff}.ps-thumb-tools{grid-column:2;grid-row:1/3}.ps-thumb-tools .primary{border:0;border-radius:10px;background:linear-gradient(135deg,#ff9d18,#ff6418);color:#fff;font-weight:900;cursor:pointer}.ps-thumb-btn{box-shadow:0 4px 12px rgba(255,180,0,.18)}
@media(max-width:800px){.ps-thumb-layout{grid-template-columns:1fr!important}.ps-thumb-edit{grid-column:1;grid-template-columns:1fr}.ps-thumb-tools{grid-column:1;grid-row:auto}.ps-thumb-copy{left:47%!important;width:49%!important}.ps-thumb-copy strong{font-size:clamp(26px,8vw,48px)!important}}
/* V3.41 - Thumbnail / Banner Studio */
.thumb-studio-page{max-width:1500px;margin:auto}.thumb-studio-hero{padding:8px 4px 18px}.thumb-studio-hero h1{margin:8px 0}.thumb-studio-hero p{max-width:850px;color:#765548}.thumb-studio-grid{display:grid;grid-template-columns:minmax(360px,480px) 1fr;gap:20px;align-items:start}.thumb-form,.thumb-preview-wrap{background:#fff;border:1px solid #f1d6c7;border-radius:20px;padding:20px;box-shadow:0 12px 32px rgba(88,39,19,.06)}.thumb-form label{display:grid;gap:6px;font-weight:700;color:#542719;margin:10px 0}.thumb-form input,.thumb-form select,.thumb-form textarea{width:100%;border:1px solid #e9c7b5;border-radius:12px;padding:11px;background:#fffdfb;font:inherit}.tb-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tb-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#fff7ef;border-radius:14px;padding:12px}.tb-checks label{display:flex;align-items:center;gap:7px;margin:0;font-weight:600}.tb-checks input{width:auto}.tb-generate{width:100%;padding:14px;margin-top:10px;font-size:16px}.tb-status{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff7ef;color:#8a4b2d}.thumb-preview-head{display:flex;align-items:center;justify-content:space-between}.thumb-final-preview{position:relative;overflow:hidden;background:#171717;border-radius:18px;aspect-ratio:16/9;display:grid;place-items:center}.thumb-final-preview.ratio-9-16{aspect-ratio:9/16;max-height:700px;margin:auto}.thumb-final-preview.ratio-1-1{aspect-ratio:1}.thumb-final-preview.ratio-4-3{aspect-ratio:4/3}.thumb-final-preview.ratio-3-2{aspect-ratio:3/2}.thumb-final-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tb-empty{color:#ddd;text-align:center;display:grid;gap:7px}.tb-overlay{position:absolute;z-index:3;max-width:44%;display:flex;flex-direction:column;gap:5px}.tb-overlay.copy-right{left:55%;top:37%;text-align:left}.tb-overlay.copy-left{left:5%;top:37%;text-align:left}.tb-overlay.copy-center{left:12%;right:12%;top:38%;max-width:none;text-align:center}.tb-overlay strong{font-size:clamp(28px,4.4vw,72px);line-height:.95;font-weight:1000;color:#ffd12d;-webkit-text-stroke:2px #5a1c00;text-shadow:0 5px 0 #7b2600,0 10px 20px rgba(0,0,0,.55)}.tb-overlay.white strong{color:#fff8e8}.tb-overlay.red strong{color:#ffb520}.tb-overlay em{font-size:clamp(17px,2vw,34px);font-weight:900;color:white;text-shadow:0 3px 8px #000}.tb-wave{position:absolute;z-index:2;left:-5%;width:110%;height:18%;border-top:4px solid #ffb020;border-radius:50%;filter:drop-shadow(0 0 7px #ff8b00)}.tb-wave.one{top:2%;transform:rotate(-2deg)}.tb-wave.two{bottom:-10%;transform:rotate(2deg)}.tb-actions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.tb-actions button{flex:1;min-width:140px}.tb-tip{margin-top:14px;background:#eef8ff;border-radius:14px;padding:13px;display:grid;gap:5px;color:#31556d}
@media(max-width:980px){.thumb-studio-grid{grid-template-columns:1fr}.tb-2col,.tb-checks{grid-template-columns:1fr}.tb-overlay{max-width:52%}}
/* V3.42 - Banner Studio preset chuyên nghiệp */
.tb-presets{background:#fff;border:1px solid #f0d9cb;border-radius:18px;padding:16px;margin:0 0 16px}.tb-presets h2{margin:0 0 12px}.tb-preset-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.tb-preset{border:1px solid #ecd6c8;background:#fffaf6;border-radius:14px;padding:12px 10px;text-align:left;cursor:pointer;min-height:72px}.tb-preset b{display:block;font-size:13px;color:#4b281b}.tb-preset small{display:block;margin-top:6px;color:#9a6d58}.tb-preset.active{border:2px solid #ff7a16;background:linear-gradient(135deg,#fff6e8,#fff);box-shadow:0 7px 20px rgba(255,116,20,.12)}
.tb-overlay .tb-title-line{display:block;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:900;line-height:.9;text-shadow:0 5px 3px rgba(0,0,0,.6),0 0 3px #3a1607;-webkit-text-stroke:2px #4a1c08}.tb-overlay .tb-title-line.one{font-size:clamp(30px,4.4vw,76px);color:#fffaf0}.tb-overlay .tb-title-line.two{font-size:clamp(38px,5.7vw,96px);background:linear-gradient(#ffe85c,#ff7a16);-webkit-background-clip:text;color:transparent}.tb-overlay.blue .tb-title-line.two{background:linear-gradient(#ffe85c,#ff8b14);-webkit-background-clip:text}.tb-overlay.red .tb-title-line.two{background:linear-gradient(#ffd84d,#ef3b16);-webkit-background-clip:text}.tb-overlay em{display:inline-block;margin-top:10px;padding:5px 14px;border-radius:7px}.tb-overlay em.plate-wood{background:rgba(75,38,14,.86)}.tb-overlay em.plate-ribbon{background:rgba(221,44,24,.9)}.tb-overlay em.plate-none{background:transparent}
@media(max-width:1100px){.tb-preset-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.tb-preset-grid{grid-template-columns:repeat(2,1fr)}}

/* V3.43 account lifecycle */
.renew-overlay{position:fixed;inset:0;background:rgba(20,10,5,.55);display:grid;place-items:center;z-index:99999;padding:20px}.renew-box{width:min(430px,94vw);background:#fff;border-radius:22px;padding:28px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28);position:relative}.renew-close{position:absolute;right:14px;top:12px;border:0;background:#f3eee9;border-radius:50%;width:34px;height:34px;font-size:22px}.renew-icon{font-size:44px}.renew-box h2{margin:8px 0}.renew-zalo{display:block;background:#ff6b16;color:#fff;text-decoration:none;font-weight:800;padding:13px;border-radius:12px;margin:18px 0 8px}.renew-later{border:0;background:transparent;color:#777}.menu-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:5px;font-size:12px}.menu-permission-grid label{white-space:nowrap}.danger{background:#b42318!important;color:#fff!important;border:0!important}.admin-data-table td form+form{margin-top:6px}

/* V3.48 admin/user quota refinements */
#admin-users.admincard{padding:24px 20px}.admin-table-wrap{width:100%;overflow-x:auto}.admin-data-table{width:100%;min-width:1180px}.admin-data-table th,.admin-data-table td{padding:13px 10px;vertical-align:top}.lock-btn{background:#7a351d!important;color:#fff!important;border:0!important}.unlock-btn{background:#17834b!important;color:#fff!important;border:0!important}.inline-user-action{margin-top:6px}.usage-pill b{font-size:12px}

/* V3.49 mobile readable navigation + generated guide videos */
.mobile-menu-toggle,.mobile-menu-close{display:none}.guide-player video{width:100%;height:100%;object-fit:contain;background:#111}.guide-thumb video{width:100%;height:100%;object-fit:cover}.guide-admin-row video{width:120px;height:68px;object-fit:cover;border-radius:9px;background:#111}.guide-video-placeholder{width:120px;height:68px;display:grid;place-items:center;background:#f3ece7;border-radius:9px;font-size:28px}
@media(max-width:760px){
 .mobile-menu-toggle{display:flex;position:fixed;left:10px;top:10px;z-index:30;align-items:center;gap:7px;border:0;border-radius:10px;padding:9px 12px;background:#5a2417;color:#fff;font-weight:900;box-shadow:0 6px 20px #0003}.mobile-menu-toggle span{font-size:12px}
 .side{width:min(300px,86vw)!important;transform:translateX(-105%);transition:transform .25s ease;padding:18px 12px!important;z-index:40}.mobile-menu-open .side{transform:translateX(0)}.mobile-menu-open:after{content:"";position:fixed;inset:0;background:#0008;z-index:35}
 .side span,.side small,.side .pro,.side nav a span,.side nav button span{display:initial!important}.side .brand div{display:block!important}.side .brand{padding:0 42px 15px 8px!important}.side nav a,.side nav button{font-size:14px!important;padding:12px 14px!important}.side .pro{display:block!important;margin-top:16px!important}.mobile-menu-close{display:block;position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;font-size:24px;background:#ffffff20;color:#fff}
 main{margin-left:0!important;padding-top:52px}header{min-height:58px;height:auto}.header-actions-full{flex-wrap:wrap;justify-content:flex-end}.header-actions-full .zalo-support,.header-actions-full .public-library-link{display:none}
}
.model-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:7px 12px;min-width:300px}.model-permission-grid label{display:flex!important;align-items:center;gap:6px;font-size:12px}.package-models{margin:14px 0;padding:13px;border:1px solid #f0ddd0;border-radius:12px;background:#fffaf6}.package-models>b{display:block;margin-bottom:10px}@media(max-width:700px){.model-permission-grid{grid-template-columns:1fr;min-width:0}}

/* V3.51 mobile sidebar alignment */
.mobile-sidebar-logout{display:none}
@media(max-width:900px){
 .side{display:flex!important;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,#6b1b0d 0%,#8d1608 58%,#6b1b0d 100%)!important}
 .side .brand{display:flex!important;align-items:center!important;gap:12px!important;min-height:72px;margin:0 4px 8px!important;border-bottom:1px solid #ffffff24}
 .side .brand>span,.side .brand-logo-img{width:38px!important;min-width:38px;height:38px!important;object-fit:contain}
 .side .brand b{font-size:25px!important;line-height:1.1}.side .brand small{display:block!important;margin-top:5px;color:#f7d8ce!important}
 .side nav{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important}
 .side nav a,.side nav button{display:grid!important;grid-template-columns:30px 1fr!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;margin:0!important;padding:10px 14px!important;border-radius:12px!important;text-align:left!important;color:#fff!important}
 .side nav a:hover,.side nav a.active,.side nav button:hover{background:#ffffff18!important}
 .side .navico{display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;margin:0!important;font-size:18px!important}
 .side nav a span,.side nav button span{display:block!important;font-size:14px!important;font-weight:800!important;line-height:1.25!important}
 .side .pro{order:8;margin-top:auto!important;margin-bottom:8px!important;width:100%!important;box-sizing:border-box!important}
 .mobile-sidebar-logout{order:9;display:flex!important;align-items:center;justify-content:center;gap:9px;margin:4px 0 2px;padding:13px 15px;border:1px solid #ffffff42;border-radius:12px;color:#fff;text-decoration:none;font-weight:900;background:#ffffff12}
 .mobile-menu-close{display:grid!important;place-items:center!important}
}