:root{--bg:#0b1020;--panel:#121a2b;--panel2:#172238;--text:#eef3ff;--muted:#97a4bf;--accent:#8a5cff;--accent2:#24d2b3;--danger:#ff5c7a;--line:#263552}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#090d17,#10172a);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#0c1322;border-right:1px solid var(--line);padding:24px;position:fixed;top:0;bottom:0}.brand{font-size:21px;font-weight:800;letter-spacing:.7px;margin-bottom:28px}.brand span{color:var(--accent)}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:5px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#c9d2e7}.sidebar nav a:hover{background:var(--panel2);color:#fff}.main{margin-left:250px;min-height:100vh;width:calc(100% - 250px)}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(12,19,34,.82);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.pill{background:rgba(138,92,255,.15);border:1px solid rgba(138,92,255,.5);color:#c5afff;padding:6px 10px;border-radius:999px;font-size:12px}.content{padding:28px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,var(--panel),#0f1728);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 15px 35px rgba(0,0,0,.16)}.stat .label{color:var(--muted);font-size:13px}.stat .num{font-size:32px;font-weight:800;margin-top:5px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;border:1px solid transparent;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(90deg,var(--accent),#6c7bff);color:white}.btn-secondary{background:#19243a;border-color:#2f4164;color:#dbe4f8}.btn-danger{background:rgba(255,92,122,.12);border-color:rgba(255,92,122,.35);color:#ff91a7}.actions{display:flex;gap:9px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:12px;color:#96a4bf;text-transform:uppercase;letter-spacing:.6px}.muted{color:var(--muted)}.badge{padding:5px 9px;border-radius:999px;background:#1a2841;color:#b8c7e6;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#bcc8dd}.field input,.field textarea,.field select{width:100%;background:#0d1525;border:1px solid #2a3a5a;color:#edf3ff;border-radius:10px;padding:11px 12px;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.hero h1{margin:0 0 6px;font-size:28px}.project-card h3{margin:0 0 6px}.progress{height:8px;background:#0b1322;border-radius:999px;overflow:hidden;border:1px solid #23324e}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs a{padding:8px 11px;background:#111b2d;border:1px solid var(--line);border-radius:9px;color:#b8c6de}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:rgba(36,210,179,.12);border:1px solid rgba(36,210,179,.35);color:#88f4dc}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main{margin:0;width:100%}.grid-4,.grid-2,.form-grid{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
.notice{padding:13px 15px;border-radius:10px;margin-bottom:16px;background:rgba(138,92,255,.10);border:1px solid rgba(138,92,255,.32);color:#cbbcff}.notice.warning{background:rgba(255,183,77,.08);border-color:rgba(255,183,77,.35);color:#ffd08a}.codebox{white-space:pre-wrap;background:#08101d;border:1px solid var(--line);padding:14px;border-radius:10px;color:#d7e2fa;max-height:420px;overflow:auto}.scene{border-left:3px solid var(--accent);padding-left:14px;margin:18px 0}.lock{font-size:11px;color:#9ff0df}.row-between{display:flex;justify-content:space-between;gap:12px;align-items:center}.mini{font-size:12px}.stack{display:grid;gap:14px}

.shot-card{border-left:3px solid var(--accent2);padding-left:14px}.shot-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.copybox{position:relative}.copybox textarea{min-height:300px;width:100%;background:#08101d;color:#d7e2fa;border:1px solid var(--line);border-radius:10px;padding:14px}.kpi{font-size:12px;color:var(--muted)}.tag{display:inline-block;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:#cbd7ee}.thumb-placeholder{aspect-ratio:9/16;max-height:260px;background:linear-gradient(145deg,#121c30,#090f1b);border:1px dashed #3b4d70;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#71819f}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1000px){.three-col{grid-template-columns:1fr}}

.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.memory-card{background:#0d1728;border:1px solid var(--line);border-radius:13px;padding:15px}.memory-card strong{font-size:24px;display:block;margin-top:5px}.severity{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px}.severity.warning{background:rgba(255,183,77,.13);color:#ffd08a;border:1px solid rgba(255,183,77,.35)}.severity.danger{background:rgba(255,92,122,.13);color:#ff9cb0;border:1px solid rgba(255,92,122,.35)}.severity.info{background:rgba(36,210,179,.1);color:#91efdd;border:1px solid rgba(36,210,179,.3)}.memory-section{margin-top:18px}.two-pane{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compact-form .field textarea{min-height:80px}@media(max-width:1000px){.memory-grid,.two-pane{grid-template-columns:1fr}}
.timeline-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.timeline-clip{min-width:160px;background:#0d1728;border:1px solid var(--line);border-radius:10px;padding:10px}.timeline-clip.pass{border-color:rgba(36,210,179,.5)}.timeline-clip.revision{border-color:rgba(255,183,77,.55)}
.table-wrap{overflow:auto}.stage-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}.stage-box{background:#0d1728;border:1px solid var(--line);border-radius:12px;padding:12px}.stage-box span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.stage-box strong{font-size:20px}.stage-badge{display:inline-block;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;white-space:nowrap}.stage-published{color:#91efdd;border-color:rgba(36,210,179,.45)}.stage-revision,.stage-hold{color:#ffd08a;border-color:rgba(255,183,77,.45)}.stage-script,.stage-scenes,.stage-storyboard,.stage-flow{color:#cbbcff;border-color:rgba(138,92,255,.45)}.priority{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border-radius:9px;background:#18243a;border:1px solid var(--line);font-size:11px;font-weight:800}.p1,.p2{border-color:rgba(255,92,122,.55);color:#ff9cb0}.p3,.p4{border-color:rgba(255,183,77,.5);color:#ffd08a}.milestone-list{display:grid;gap:9px}.milestone{padding:12px;border:1px solid var(--line);border-radius:11px;display:flex;gap:10px;align-items:center}.milestone.done{border-color:rgba(36,210,179,.4);background:rgba(36,210,179,.06)}.milestone.done span{color:#91efdd}.milestone.pending span{color:#71819f}@media(max-width:1100px){.stage-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.stage-grid{grid-template-columns:repeat(2,1fr)}}
.field-help{font-size:11px;color:var(--muted);line-height:1.45}.conditional-input{display:none;margin-top:6px}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:4px}.choice-card{display:flex!important;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#0d1525;color:#dbe4f8!important;cursor:pointer;font-size:12px!important}.choice-card:hover{border-color:#53698f;background:#111c30}.choice-card input{width:auto!important;margin:0;accent-color:var(--accent)}.choice-card:has(input:checked){border-color:rgba(138,92,255,.65);background:rgba(138,92,255,.10)}.platform-suggestion{font-size:12px;color:#91efdd;line-height:1.5;margin-top:6px}.beginner-summary{margin-top:20px;padding:14px 16px;border:1px solid rgba(36,210,179,.32);background:rgba(36,210,179,.07);border-radius:12px;display:grid;gap:5px}.beginner-summary strong{font-size:13px;color:#91efdd}.beginner-summary span{font-size:12px;color:#cbd7ee}@media(max-width:1100px){.choice-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.choice-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.choice-grid{grid-template-columns:1fr}}

.recommendation-card{margin-top:20px;padding:18px;border:1px solid rgba(138,92,255,.42);background:linear-gradient(145deg,rgba(138,92,255,.10),rgba(36,210,179,.05));border-radius:14px}.recommendation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.recommendation-head strong{display:block;font-size:16px;margin-bottom:4px}.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recommendation-grid>div{padding:11px 12px;background:#0d1728;border:1px solid var(--line);border-radius:10px}.recommendation-grid span,.recommendation-story span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.recommendation-grid strong{font-size:13px}.recommendation-story{margin-top:10px;padding:12px;background:#0b1424;border:1px solid var(--line);border-radius:10px}.recommendation-story strong{display:block;font-size:13px;color:#dfe7fa;margin-bottom:6px}@media(max-width:900px){.recommendation-grid{grid-template-columns:repeat(2,1fr)}.recommendation-head{display:grid}}@media(max-width:560px){.recommendation-grid{grid-template-columns:1fr}}

/* === V1.3.3 Collapsible / scrollable sidebar === */
.sidebar{display:flex;flex-direction:column;overflow:hidden;padding:18px 14px;width:270px;z-index:30}
.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:4px 6px 10px;flex:0 0 auto}.sidebar .brand{margin:0 0 10px 0}.sidebar-nav{display:block!important;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:4px 3px 14px;scrollbar-width:thin;scrollbar-color:#314469 transparent}.sidebar-nav::-webkit-scrollbar{width:7px}.sidebar-nav::-webkit-scrollbar-thumb{background:#314469;border-radius:10px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav .nav-main,.nav-group-toggle,.nav-submenu a{width:100%;display:flex;align-items:center;gap:10px;border-radius:10px;color:#c9d2e7}.sidebar-nav .nav-main{padding:11px 12px;margin-bottom:5px}.sidebar-nav .nav-main:hover,.nav-group-toggle:hover,.nav-submenu a:hover{background:#151f34;color:#fff}.sidebar-nav a.active,.nav-submenu a.active{background:linear-gradient(90deg,rgba(138,92,255,.24),rgba(108,123,255,.10));color:#fff;border:1px solid rgba(138,92,255,.26)}.nav-icon{display:inline-flex;width:19px;min-width:19px;align-items:center;justify-content:center;color:#9fb0d2}.nav-group{margin:5px 0}.nav-group-toggle{font:inherit;text-align:left;border:0;background:transparent;cursor:pointer;padding:11px 12px;justify-content:space-between}.nav-group-toggle>span:first-child{display:flex;align-items:center;gap:10px;font-weight:700}.nav-chevron{font-size:18px;color:#8292b1;transition:transform .18s ease}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.nav-submenu>*{overflow:hidden}.nav-group.open .nav-submenu{grid-template-rows:1fr}.nav-submenu:before{content:"";display:block;min-height:0}.nav-submenu a{font-size:13px;padding:9px 10px 9px 40px;margin:2px 0;position:relative}.nav-submenu a:before{content:"";position:absolute;left:25px;width:5px;height:5px;border-radius:50%;background:#526686}.nav-submenu a.active:before{background:#9c7cff}.sidebar-footer{flex:0 0 auto;border-top:1px solid var(--line);padding:11px 8px 2px;color:var(--muted)}.main{margin-left:270px;width:calc(100% - 270px)}.sidebar-close,.sidebar-open{display:none;border:1px solid var(--line);background:#141e31;color:#e9efff;border-radius:9px;cursor:pointer}.topbar-left{display:flex;align-items:center;gap:10px}.sidebar-backdrop{display:none}
@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,290px);height:100vh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(0,0,0,.35)}body.sidebar-visible .sidebar{transform:translateX(0)}.sidebar-close{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;font-size:23px}.sidebar-open{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;font-size:20px}.sidebar-backdrop{position:fixed;inset:0;background:rgba(2,6,14,.62);z-index:20}body.sidebar-visible .sidebar-backdrop{display:block}.main{margin-left:0;width:100%}.sidebar nav{display:block}.content{padding:18px}.topbar{padding:0 16px}}

/* V1.3.4 Storyboard Quick Copy */
.storyboard-manager-card{padding:20px}
.storyboard-overview{align-items:start}
.storyboard-readable{background:rgba(127,127,127,.07);border:1px solid rgba(127,127,127,.16);border-radius:10px;padding:14px;line-height:1.6;min-height:90px}
.storyboard-readable.compact{min-height:0;margin-top:10px;padding:10px 12px}
.storyboard-image-wrap{border-radius:12px;overflow:hidden;border:1px solid rgba(127,127,127,.18);background:#111;min-height:180px;display:flex;align-items:center;justify-content:center}
.storyboard-preview{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
.storyboard-placeholder{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center}
.storyboard-prompt-box{margin-top:14px}
.copy-textarea{width:100%;min-height:155px;resize:vertical;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;padding:12px;border-radius:10px}
.copy-textarea.shot-prompt{min-height:130px}
.copy-textarea.shot-prompt.small{min-height:90px}
.hidden-copy-source{display:none!important;position:absolute;left:-99999px}
.storyboard-shot-grid{align-items:start}
.quick-copy-shot{height:auto}
.prompt-label{margin-top:12px;gap:8px}
.identity-line{margin-top:10px;font-size:13px}
.identity-tags{margin-top:6px}
@media(max-width:900px){.storyboard-shot-grid,.storyboard-overview{grid-template-columns:1fr!important}.copy-textarea{min-height:130px}}

/* === V1.3.5 Beginner Episode Studio === */
.eyebrow{font-size:11px;letter-spacing:1.4px;color:#9f8cff;font-weight:800;margin-bottom:7px}.simple-guide{background:linear-gradient(90deg,rgba(36,210,179,.12),rgba(138,92,255,.10));border:1px solid rgba(86,214,188,.26);padding:14px 16px;border-radius:13px;margin-bottom:18px;color:#dce8f9}.episode-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.episode-step-card{border:1px solid var(--line);border-radius:17px;padding:18px;background:linear-gradient(180deg,#121c30,#0e1627);min-height:235px;display:flex;flex-direction:column}.episode-step-card.done{border-color:rgba(36,210,179,.38);background:linear-gradient(180deg,rgba(36,210,179,.09),#0e1727)}.episode-step-card.current{border-color:rgba(138,92,255,.62);box-shadow:0 0 0 2px rgba(138,92,255,.08),0 16px 36px rgba(0,0,0,.18)}.episode-step-card.locked{opacity:.62}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.step-number{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1b2943;border:1px solid #314565;font-size:17px;font-weight:800}.done .step-number{background:rgba(36,210,179,.17);border-color:rgba(36,210,179,.45);color:#8af3dc}.current .step-number{background:linear-gradient(135deg,var(--accent),#6c7bff);color:#fff;border-color:transparent}.step-state{font-size:10px;font-weight:800;letter-spacing:.8px;color:#91a2c0}.done .step-state{color:#70d9c3}.current .step-state{color:#bea9ff}.episode-step-card h2{font-size:19px;margin:0 0 8px}.episode-step-card p{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 18px;flex:1}.full-btn{width:100%}.studio-kpis{margin-top:4px}.story-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.story-summary-grid>div{background:#0c1424;border:1px solid var(--line);border-radius:12px;padding:14px}.story-summary-grid p{color:#c4cee1;line-height:1.55;margin:7px 0 0}.easy-next-box{border-color:rgba(138,92,255,.35)}.beginner-start{border-color:rgba(36,210,179,.28)}
@media(max-width:1100px){.episode-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.episode-stepper,.story-summary-grid{grid-template-columns:1fr}.episode-studio-hero{align-items:flex-start;flex-direction:column}}

/* === V1.4 Simple Creative Pipeline === */
.create-simple-form{max-width:980px;margin:0 auto}.advanced-details{margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#0d1525}.advanced-details summary{cursor:pointer;font-weight:800;color:#dce5f8}.btn-big{padding:13px 19px;font-size:14px}.simple-hero{margin-bottom:14px}.simple-guide{font-size:14px;line-height:1.6}.simple-step{margin:22px 0}.step-head{display:flex;align-items:center;gap:13px;margin-bottom:10px}.step-head h2{margin:0 0 3px}.step-num{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#18243b;border:1px solid #334868;font-weight:900}.active-step .step-num{background:linear-gradient(135deg,var(--accent),#6c7bff);border-color:transparent}.done-step .step-num{background:rgba(36,210,179,.15);border-color:rgba(36,210,179,.4);color:#90efd9}.simple-card{border-color:rgba(138,92,255,.23)}.empty-simple{padding:22px;border:1px dashed #3a4e70;border-radius:12px;color:#91a0bb;text-align:center}.concept-title{font-size:25px;font-weight:900;margin-bottom:14px}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.concept-grid>div{padding:13px;border:1px solid var(--line);border-radius:11px;background:#0c1424}.concept-grid p{line-height:1.55;color:#c9d4e8}.character-simple-card,.scene-simple-card{border-color:rgba(127,127,127,.18)}.simple-preview{display:block;width:100%;border-radius:12px;border:1px solid rgba(127,127,127,.18);background:#0a0f18;margin:12px 0;object-fit:contain}.character-preview{max-height:560px}.storyboard-preview{max-height:640px}.video-copy{min-height:300px}.video-prompt-card{margin-bottom:14px}@media(max-width:760px){.concept-grid{grid-template-columns:1fr}.step-head{align-items:flex-start}.simple-card{padding:15px}}

/* === V1.5.1 Image-to-Story Builder === */
.image-story-form{max-width:1100px;margin:0 auto}.image-story-modes{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.image-upload-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.image-upload-card{position:relative;border:1px solid var(--line);background:#0d1628;border-radius:13px;padding:14px;display:grid;gap:9px}.image-upload-card label{font-weight:800;font-size:13px}.image-upload-card input[type=file]{width:100%;font-size:11px;color:#b9c5dc}.image-upload-card select{width:100%}.upload-number{position:absolute;right:10px;top:9px;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1a2942;color:#91a6c8;font-size:11px;font-weight:900}.image-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.image-reference-grid>div{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#0b1322}.image-reference-grid img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover}.image-reference-grid span{display:block;padding:7px 9px;font-size:11px;color:#aab7ce}.analysis-list{display:grid;gap:9px}.analysis-list>div{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(127,127,127,.12)}.analysis-list span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.analysis-list b{font-size:13px;line-height:1.5}.image-result-grid{align-items:start}@media(max-width:1100px){.image-upload-grid{grid-template-columns:repeat(3,1fr)}.image-story-modes{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.image-upload-grid,.image-story-modes,.image-reference-grid{grid-template-columns:1fr}.analysis-list>div{grid-template-columns:1fr}}


/* === V1.5.5 Film Cover / Poster Builder === */
.cover-builder-grid{align-items:start}.cover-character-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px}.cover-character-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:9px;background:#0c1424;cursor:pointer}.cover-character-option img{width:56px;height:72px;object-fit:cover;border-radius:8px;border:1px solid rgba(127,127,127,.18)}.cover-character-option span{display:grid;gap:3px}.cover-character-option small{color:var(--muted);font-size:11px}.cover-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cover-result-card{border-color:rgba(127,127,127,.18)}.cover-result-card.cover-main{border-color:rgba(36,210,179,.5);box-shadow:0 0 0 1px rgba(36,210,179,.08)}.cover-preview{width:100%;max-height:720px;object-fit:contain;background:#080d16;border-radius:12px;border:1px solid var(--line);margin:12px 0}.cover-placeholder{min-height:260px;display:flex;align-items:center;justify-content:center;border:1px dashed #3a4e70;border-radius:12px;color:var(--muted);margin:12px 0;background:#0b1322}@media(max-width:800px){.cover-builder-grid,.cover-result-grid,.cover-character-picker{grid-template-columns:1fr}}
/* === V1.5.7 Simplified Commercial Sidebar === */
.nav-section-label{font-size:10px;letter-spacing:1.4px;color:#667896;padding:9px 12px 5px;font-weight:800}.sidebar-nav>.nav-group{border-top:1px solid rgba(113,133,170,.10);padding-top:4px}.nav-create{background:linear-gradient(90deg,rgba(138,92,255,.18),rgba(108,123,255,.08));border:1px solid rgba(138,92,255,.18)}.nav-badge{margin-left:auto;font-size:9px;line-height:1;padding:4px 6px;border-radius:999px;background:rgba(36,210,179,.12);border:1px solid rgba(36,210,179,.26);color:#83ead5;text-transform:uppercase;letter-spacing:.5px}.nav-subtitle{font-size:10px;letter-spacing:.9px;color:#6f82a4;font-weight:800;text-transform:uppercase;padding:10px 10px 3px 40px}.nav-submenu-advanced a{font-size:12.5px}.sidebar-slogan{font-size:10px;color:#6f82a4;margin-top:3px}.sidebar-footer small{color:#98a7c1}.sidebar-nav .nav-group-toggle{font-size:13px;letter-spacing:.35px}

/* V1.6 Commercial Membership */
.auth-body{min-height:100vh;background:radial-gradient(circle at top,#172554 0,#07111f 46%,#030712 100%);display:flex;align-items:center;justify-content:center;padding:28px;color:#e5edf7}.auth-wrap{width:min(540px,100%)}.auth-wrap.wide{width:min(820px,100%)}.auth-card{background:rgba(10,20,36,.96);border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.auth-brand{font-weight:900;font-size:26px;letter-spacing:.5px;margin-bottom:18px}.auth-brand span{color:#f5b942}.auth-brand small{display:block;font-size:11px;font-weight:600;color:#94a3b8;margin-top:4px}.auth-card h1{margin-top:0}.auth-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:13px}.auth-links a{color:#93c5fd}.payment-info{margin:16px 0}.topbar-account{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-sm{padding:6px 9px;font-size:12px}.inline-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.btn-danger{background:#7f1d1d!important;border-color:#991b1b!important;color:#fff!important}.quick-link{text-decoration:none;color:inherit}.quick-link:hover{transform:translateY(-2px)}.video-frame{position:relative;padding-top:56.25%;overflow:hidden;border-radius:12px;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tutorial-card{min-width:0}.membership-expiry{text-align:center;padding:18px}.membership-expiry .num{font-size:52px;font-weight:900;line-height:1}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:10px;border-bottom:1px solid rgba(148,163,184,.16);text-align:left;vertical-align:top}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important}


/* V1.6.1 Branding UI Update */
.brand-with-logo{display:grid;gap:10px;align-items:start;width:100%}.sidebar-brand-logo{display:block;width:100%;max-width:212px;height:auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.34))}.sidebar-brand-text{font-size:19px;font-weight:900;letter-spacing:.7px;line-height:1.1}.sidebar-brand-text small{display:block;font-size:10.5px;color:#8fa2c2;font-weight:600;margin-top:6px;letter-spacing:.35px}.sidebar-head{padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid rgba(113,133,170,.12)}
.auth-card-branding{padding-top:24px}.auth-logo-wrap{display:flex;justify-content:center;margin:0 0 10px}.auth-logo{display:block;width:min(100%,460px);height:auto;filter:drop-shadow(0 18px 35px rgba(0,0,0,.36))}.auth-brand-centered{text-align:center;margin-bottom:8px}.auth-intro{text-align:center;max-width:420px;margin:0 auto 10px}.auth-card h1{text-align:center;margin-bottom:8px}@media(max-width:900px){.sidebar-brand-logo{max-width:185px}.sidebar-brand-text{font-size:17px}}@media(max-width:560px){.auth-logo{width:min(100%,360px)}.sidebar-brand-logo{max-width:170px}.sidebar-brand-text{font-size:16px}.sidebar-brand-text small{font-size:10px}}


/* V1.6.2 Login & Register Form Polish */
.auth-wrap-register{width:min(720px,100%)}.auth-form{width:100%;margin-top:20px}.auth-form-login{display:grid;grid-template-columns:1fr;gap:15px}.auth-form-register{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}.auth-field{display:grid;gap:7px;min-width:0}.auth-field-full{grid-column:1/-1}.auth-field>span{font-size:12.5px;font-weight:700;color:#c8d4e8;letter-spacing:.15px}.auth-field input{display:block;width:100%;height:46px;min-height:46px;padding:0 14px;border-radius:11px;border:1px solid #2b3d5e;background:#0b1527;color:#edf3ff;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-field input::placeholder{color:#687b9d}.auth-field input:focus{border-color:#8a5cff;box-shadow:0 0 0 3px rgba(138,92,255,.12);background:#0d182b}.auth-submit{width:100%;min-height:46px;height:46px;margin-top:2px;font-size:14px;border-radius:11px}.auth-links-centered{justify-content:center;text-align:center}.auth-form-login+.auth-links{justify-content:center}.auth-logo-register{width:min(100%,390px)}@media(max-width:640px){.auth-form-register{grid-template-columns:1fr}.auth-field-full{grid-column:auto}.auth-wrap-register{width:min(540px,100%)}.auth-card{padding:22px 18px}.auth-field input,.auth-submit{height:45px;min-height:45px}}

/* V1.7 AI Credit & Personal API */
.credit-balance{text-align:center;padding:14px;margin:10px 0 18px;border-radius:14px;background:linear-gradient(135deg,rgba(36,210,179,.12),rgba(138,92,255,.12));border:1px solid rgba(36,210,179,.24)}.credit-balance .num{font-size:42px;font-weight:900;line-height:1}.credit-package-num{font-size:34px;font-weight:900;margin:12px 0 4px}.credit-package-num small{font-size:13px;color:var(--muted)}.price{font-size:20px;font-weight:800;color:#8af3dc}.package-edit{padding:10px 0}.auth-field select{width:100%;min-height:46px;background:#0d1525;border:1px solid #2a3a5a;color:#edf3ff;border-radius:10px;padding:0 12px}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.cols-3{grid-template-columns:1fr}}


/* V1.7.1 Payment Confirmation Form Polish */
.auth-wrap-payment{width:min(760px,100%)}
.auth-logo-payment{width:min(100%,390px)}
.auth-form-payment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px;margin-top:18px}
.auth-field textarea{display:block;width:100%;min-height:96px;padding:12px 14px;border-radius:11px;border:1px solid #2b3d5e;background:#0b1527;color:#edf3ff;font:inherit;outline:none;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.auth-field textarea:focus{border-color:#8a5cff;box-shadow:0 0 0 3px rgba(138,92,255,.12);background:#0d182b}
.auth-field textarea::placeholder{color:#687b9d}
.auth-file-input{height:auto!important;min-height:48px!important;padding:9px 12px!important}
.auth-file-input::file-selector-button{border:0;border-radius:8px;padding:8px 12px;margin-right:10px;background:#1b2943;color:#dce7fa;font-weight:700;cursor:pointer}
.field-help{font-size:11px;color:#788baa;margin-top:-1px}
.payment-summary-card{margin:18px 0 4px;padding:17px 18px;border:1px solid rgba(138,92,255,.22);border-radius:15px;background:linear-gradient(135deg,rgba(138,92,255,.09),rgba(36,210,179,.055))}
.payment-summary-head small{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#9d8cff}.payment-summary-head h3{margin:5px 0 0;font-size:17px}
.payment-summary-card>p{margin:9px 0 12px;line-height:1.5}
.payment-bank-box{display:grid;gap:4px;padding:12px 14px;border-radius:11px;background:#0b1527;border:1px solid rgba(148,163,184,.16)}
.payment-bank-box span,.payment-bank-box small{font-size:11px;color:#91a2bf}.payment-bank-box strong{font-size:15px;letter-spacing:.15px;color:#eef5ff}
.payment-instructions{font-size:12.5px;line-height:1.6;color:#c8d4e6;margin-top:11px}.payment-support{font-size:12px;color:#a8bad5;margin-top:10px}
@media(max-width:640px){.auth-form-payment{grid-template-columns:1fr}.auth-wrap-payment{width:min(540px,100%)}.auth-logo-payment{width:min(100%,350px)}}

/* V1.7.2 Profile Member/Admin */
.profile-card{max-width:900px;margin:0 auto}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-form .full{grid-column:1/-1}.profile-form .field{display:grid;gap:7px}.profile-form .field>span{font-size:13px;font-weight:700;color:#c8d4e8}.profile-form .field small{font-size:11px;color:#7f91b0;line-height:1.4}.profile-form input{width:100%;min-height:46px;background:#0d1525;border:1px solid #2a3a5a;color:#edf3ff;border-radius:11px;padding:11px 13px;outline:none}.profile-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(138,92,255,.09)}.profile-divider{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 2px;border-top:1px solid rgba(127,127,127,.16);margin-top:4px}.profile-divider span{font-size:12px;color:var(--muted)}.profile-save{min-height:46px}@media(max-width:700px){.profile-form{grid-template-columns:1fr}.profile-divider{align-items:flex-start;flex-direction:column}}

/* V1.8 Promo Video Builder */
.promo-builder-form{max-width:1180px;margin:0 auto}.promo-effect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:8px}.promo-effect{display:flex;align-items:center;gap:9px;background:#0c1424;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;font-size:12px}.promo-effect input{width:auto!important}.promo-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.promo-scene-card{border:1px solid rgba(138,92,255,.24);background:linear-gradient(180deg,#111a2d,#0d1525);border-radius:15px;padding:18px;margin:16px 0}.promo-scene-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}.promo-scene-meta>div{border:1px solid rgba(127,127,127,.14);background:#0b1322;border-radius:10px;padding:10px}.promo-scene-meta p{margin:5px 0 0;color:#c2cee3;font-size:12px;line-height:1.5}.promo-result-top{align-items:start}@media(max-width:1000px){.promo-effect-grid{grid-template-columns:repeat(2,1fr)}.promo-scene-meta,.promo-upload-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.promo-effect-grid,.promo-scene-meta,.promo-upload-grid{grid-template-columns:1fr}}