*{box-sizing:border-box}
:root{
  color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:#090b10;--bg-2:#0d1016;--panel:#11151d;--panel-2:#0d1118;--panel-3:#151a24;
  --line:#252b38;--line-2:#343c4d;--text:#f6f7fb;--muted:#939caf;--muted-2:#6f788b;
  --accent:#8f96ff;--accent-2:#bd8cff;--blue:#6ab7ff;--good:#8be3a8;--warn:#f4c978;--bad:#ff9aa7;
  --shadow:0 26px 80px rgba(0,0,0,.34);--r:18px;--r-sm:12px;
}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);background:
  radial-gradient(circle at 18% 0,rgba(89,82,170,.18),transparent 28%),
  radial-gradient(circle at 87% 12%,rgba(37,118,156,.11),transparent 26%),
  linear-gradient(180deg,#0a0c11 0,#090b10 100%)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
a{color:inherit}button,textarea,select,input{font:inherit}button{color:inherit}img{max-width:100%}.hidden{display:none!important}

/* Shell */
.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px 16px;border-right:1px solid rgba(255,255,255,.06);background:rgba(8,10,15,.9);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:40}
.brand{display:flex;align-items:center;gap:11px;padding:7px 9px 18px;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#757dff,#ab72f8);box-shadow:0 10px 28px rgba(112,103,255,.27)}.brand-mark img{width:21px;filter:brightness(0) invert(1)}.brand-copy{display:grid;line-height:1.1}.brand-copy strong{font-size:16px}.brand-copy small{margin-top:4px;color:#7f889b;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.side-nav{display:grid;gap:5px;margin-top:4px}.side-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:11px;color:#9ba4b6;text-decoration:none;font-size:14px;font-weight:650;transition:.16s ease}.side-link img{width:19px;height:19px;opacity:.72;filter:brightness(0) invert(1)}.side-link:hover{color:#fff;background:#121722}.side-link.active{color:#fff;background:linear-gradient(90deg,rgba(127,136,255,.17),rgba(127,136,255,.05));border-color:#2a3042}.side-link.active img{opacity:1}.side-spacer{flex:1}.side-plan{display:flex;align-items:center;gap:10px;margin:10px 4px 0;padding:12px;border:1px solid #252c39;border-radius:13px;background:#0f131b}.side-plan .plan-dot{width:9px;height:9px;border-radius:50%;background:#a4abbc;box-shadow:0 0 0 5px rgba(164,171,188,.07)}.side-plan.is-pro .plan-dot{background:#78dda0;box-shadow:0 0 0 5px rgba(120,221,160,.08)}.side-plan div{display:grid;gap:2px}.side-plan strong{font-size:12px}.side-plan small{color:#7f8899;font-size:10px}
.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:30;height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(9,11,16,.78);backdrop-filter:blur(18px)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title{display:grid;gap:2px}.topbar-title strong{font-size:14px}.topbar-title span{font-size:11px;color:#788194}.topbar-actions{display:flex;align-items:center;gap:9px}.credit-chip,.buy-chip{height:42px;border:1px solid #2b3140;border-radius:12px;text-decoration:none}.credit-chip{display:flex;align-items:center;gap:9px;padding:0 12px;background:#10141c}.credit-chip img{width:18px;filter:brightness(0) invert(1);opacity:.8}.credit-chip span{display:grid;line-height:1.12}.credit-chip small{font-size:9px;color:#838ca0;text-transform:uppercase;letter-spacing:.08em}.credit-chip strong{font-size:12px;margin-top:2px}.buy-chip{display:flex;align-items:center;gap:6px;padding:0 12px;background:#eef0ff;color:#11141b;font-weight:800;font-size:12px}.buy-chip img{width:16px;filter:none}.profile-menu{position:relative}.profile-menu summary{list-style:none;display:flex;align-items:center;gap:4px;cursor:pointer}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary>img{width:14px;opacity:.65;filter:brightness(0) invert(1)}.avatar{width:38px;height:38px;border:1px solid #303749;border-radius:12px;background:#171c27;display:grid;place-items:center;font-size:13px;font-weight:900}.profile-popover{position:absolute;right:0;top:48px;width:220px;padding:8px;border:1px solid #2c3343;border-radius:14px;background:#11151d;box-shadow:0 24px 60px rgba(0,0,0,.45);display:grid;gap:3px}.profile-popover .profile-email{padding:9px 10px 10px;color:#7e8799;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #262c38;margin-bottom:4px}.profile-popover a{padding:9px 10px;border-radius:9px;text-decoration:none;font-size:12px;color:#d7dbea}.profile-popover a:hover{background:#1a1f2b}.mobile-menu{display:none}.icon-btn{border:1px solid #2b3140;background:#12161f;border-radius:10px;width:38px;height:38px;place-items:center;cursor:pointer}.icon-btn img{width:18px;filter:brightness(0) invert(1)}

/* Dashboard */
.dashboard{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:26px 0 70px}.welcome{position:relative;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 22px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#99a2ff}.welcome h1{font-size:clamp(31px,4vw,46px);line-height:1.05;margin:8px 0 9px;letter-spacing:-.03em}.welcome p{margin:0;color:#929bad;font-size:14px;max-width:690px}.welcome-orbit{position:relative;width:150px;height:74px;opacity:.8}.welcome-orbit span{position:absolute;border-radius:999px;border:1px solid rgba(142,149,255,.45);animation:orbitFloat 5s ease-in-out infinite}.welcome-orbit span:nth-child(1){width:90px;height:42px;right:6px;top:11px;transform:rotate(-12deg)}.welcome-orbit span:nth-child(2){width:62px;height:62px;right:48px;top:4px;border-color:rgba(134,212,255,.28);animation-delay:-1.2s}.welcome-orbit span:nth-child(3){width:25px;height:25px;right:0;top:30px;background:radial-gradient(circle at 35% 30%,#d8ddff,#8a74ff 55%,#4e52b7);border:0;box-shadow:0 0 34px rgba(130,120,255,.4);animation-delay:-2s}@keyframes orbitFloat{50%{transform:translateY(-6px) rotate(4deg)}}
.studio-grid{display:grid;grid-template-columns:minmax(680px,1fr) 360px;gap:18px;align-items:start}.panel{background:linear-gradient(180deg,rgba(18,22,30,.96),rgba(13,17,24,.97));border:1px solid #252c39;border-radius:20px;box-shadow:var(--shadow)}.creator-panel{padding:18px}.preview-column{display:grid;gap:15px;position:sticky;top:86px;max-height:calc(100vh - 102px);overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#30384a transparent}.preview-panel,.recent-panel{padding:17px}.mode-header{margin-bottom:16px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tab{min-height:66px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;text-align:left;padding:10px 11px;border:1px solid #2a3140;border-radius:13px;background:#10141c;cursor:pointer;transition:.15s ease}.tab img{grid-row:1/3;width:23px;filter:brightness(0) invert(1);opacity:.72}.tab span{font-weight:800;font-size:13px;align-self:end}.tab small{color:#737d91;font-size:10px;align-self:start}.tab:hover{border-color:#40495e;background:#131824}.tab.active{border-color:#6871be;background:linear-gradient(145deg,rgba(104,113,190,.22),rgba(23,27,40,.92));box-shadow:inset 0 0 0 1px rgba(152,160,255,.06)}.tab.active img{opacity:1}.tab.active small{color:#aab1cb}
.field{margin-top:16px}.field label{display:block;margin-bottom:7px;color:#e9ebf3;font-size:12px;font-weight:800}.label-row{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:7px}.label-row label{margin:0}.label-row span,.field-hint{font-size:10px;color:#737c8f}.prompt-field{margin-top:10px}textarea,select,.short-fixed,.scene-detail input.action-edit{width:100%;border:1px solid #303746;background:#0b0f15;color:#f7f8fb;border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}textarea,select{padding:12px 13px}textarea{resize:vertical;min-height:112px;line-height:1.42}select{height:43px}textarea:focus,select:focus,.scene-detail input.action-edit:focus{border-color:#7079c8;box-shadow:0 0 0 3px rgba(112,121,200,.12)}.prompt-field textarea{min-height:116px;font-size:14px;background:linear-gradient(180deg,#0b0f15,#0c1017)}.prompt-presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.prompt-presets button{border:1px solid #29303d;background:#111620;color:#8993a7;border-radius:999px;padding:7px 9px;font-size:10px;cursor:pointer}.prompt-presets button:hover{color:#e7eaf4;border-color:#49536a}.compact-drop{min-height:92px;display:flex!important;align-items:center;justify-content:flex-start;gap:13px;padding:14px 15px;border:1px dashed #3a4255;border-radius:14px;background:#0b0f15;color:#8f98a9;cursor:pointer}.compact-drop input{display:none}.drop-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#151b27}.drop-icon img{width:20px;filter:brightness(0) invert(1);opacity:.75}.compact-drop>span:last-child{display:grid;gap:3px}.compact-drop strong{font-size:12px;color:#d9dde8}.compact-drop small{font-size:10px}.preview{display:block;max-width:170px;max-height:220px;margin-top:10px;border:1px solid #303746;border-radius:12px;object-fit:cover}.settings-strip{display:grid;grid-template-columns:1.15fr .95fr .95fr 1.45fr;gap:8px;margin-top:13px}.setting-field{margin-top:0;padding:10px;border:1px solid #262d3a;border-radius:13px;background:#0f131a}.setting-field label{font-size:10px;color:#8f98ab;text-transform:uppercase;letter-spacing:.08em}.choices{display:flex;gap:6px;flex-wrap:wrap}.choices.compact{gap:5px}.choice{border:1px solid #303747;background:#161b25;color:#b3bac8;border-radius:9px;padding:8px 10px;font-size:11px;cursor:pointer;min-width:46px}.choice:hover{border-color:#465066;color:#fff}.choice.selected{background:#e9ecff;color:#10131a;border-color:#e9ecff;font-weight:900}.sound-setting select{height:38px;padding:8px 9px;font-size:11px}.helper{display:block;margin-top:6px;color:#737d90;font-size:10px;line-height:1.35}.optional{color:#6f788b;font-weight:500}.audio-options{display:grid;grid-template-columns:1fr;gap:0;margin-top:12px;padding:0 13px 13px;border:1px solid #29313f;border-radius:14px;background:#0e1219}.audio-options textarea{min-height:76px}.audio-options #voiceOptions{display:grid;grid-template-columns:1fr 180px;gap:10px}.audio-options #voiceOptions .field{min-width:0}.advanced{margin-top:12px;border:1px solid #272e3c;border-radius:12px;background:#0e1218}.advanced summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 13px;cursor:pointer;color:#c6cbd8;font-size:11px;font-weight:800}.advanced summary::-webkit-details-marker{display:none}.advanced summary small{color:#697286;font-weight:600}.advanced[open] summary{border-bottom:1px solid #272e3c}.advanced .field{margin:0;padding:12px}.advanced textarea{min-height:75px}.generation-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 12px 11px 14px;border:1px solid #2a3140;border-radius:15px;background:linear-gradient(90deg,#111721,#10141c)}.generation-cost{display:grid;gap:2px}.generation-cost>span{font-size:10px;color:#798295}.generation-cost strong{font-size:14px}.summary-hidden{display:none}.generate{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,#f1f3ff,#d9ddff);color:#10131b;font-weight:900;font-size:12px;cursor:pointer;overflow:hidden;min-height:42px}.generate img{width:17px}.generate:hover{filter:brightness(.98);transform:translateY(-1px)}.generate:disabled{opacity:.48;cursor:not-allowed;transform:none}.generate-glow{position:absolute;z-index:-1;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(18px);left:-25px;animation:buttonGlow 3.4s ease-in-out infinite}@keyframes buttonGlow{50%{left:90%;opacity:.25}}

/* Preview / result */
.panel-title-row,.history-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title-row h2,.history-head h2{margin:4px 0 0;font-size:17px;letter-spacing:-.01em}.live-dot{font-size:9px;color:#8a93a4;border:1px solid #2b3342;border-radius:999px;padding:5px 7px}.preview-empty{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;padding:25px 20px;color:#7c8598}.preview-empty strong{color:#daddE7;font-size:13px;margin-top:13px}.preview-empty p{max-width:270px;font-size:11px;line-height:1.5;margin:6px 0 0}.preview-art{position:relative;width:100px;height:100px;display:grid;place-items:center}.preview-art img{width:24px;filter:brightness(0) invert(1);opacity:.9;z-index:2}.preview-ring{position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(145,153,255,.44);animation:previewPulse 3.8s ease-in-out infinite}.preview-ring.two{inset:0;border-color:rgba(103,182,255,.16);animation-delay:-1.6s}.preview-art::after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#837fff 0,rgba(131,127,255,.15) 55%,transparent 70%);filter:blur(3px)}@keyframes previewPulse{50%{transform:scale(1.12);opacity:.5}}
.progress-box{margin-top:15px;border-radius:13px;background:#0c1119;border:1px solid #2c3546;padding:13px}.progress-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.progress-head>div{display:grid;gap:3px}.progress-head strong{font-size:12px}.progress-head span{color:#818b9f;font-size:10px}.progress-track{height:7px;background:#202738;border-radius:999px;margin-top:12px;overflow:hidden}.progress-bar{position:relative;height:100%;width:5%;background:linear-gradient(90deg,#99a3ff,#7bd5ff);border-radius:inherit;transition:width .7s ease;overflow:hidden}.progress-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:progressShimmer 1.6s infinite}@keyframes progressShimmer{to{transform:translateX(100%)}}.progress-meta{display:flex;justify-content:space-between;gap:10px;color:#687185;font-size:9px;margin-top:7px}.status{margin-top:12px;border:1px solid #3c3140;border-radius:11px;background:#18121a;color:#e5c7ce;padding:11px;font-size:11px;line-height:1.45}.result-box{margin-top:14px}.result-box video{display:block;width:100%;max-height:540px;aspect-ratio:9/16;object-fit:contain;background:#050608;border-radius:14px;border:1px solid #252c39}.result-actions{display:flex;gap:8px;margin-top:9px}.result-actions a{display:inline-flex;align-items:center;gap:6px;border:1px solid #2c3443;border-radius:9px;padding:8px 10px;text-decoration:none;font-size:10px;color:#c4cad7;background:#10141c}.result-actions img{width:14px;filter:brightness(0) invert(1);opacity:.75}
.recent-panel{overflow:hidden}.text-link,.quiet-link{font-size:10px;color:#aeb6ff;text-decoration:none}.quiet-link{margin-top:10px;padding:0;border:0;background:none;cursor:pointer;color:#6f788c}.history-empty{padding:24px 0 8px;text-align:center;color:#6f788b;font-size:10px}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.history-card{min-width:0;overflow:hidden;border:1px solid #29313f;border-radius:11px;background:#0c1017}.history-card video{display:block;width:100%;aspect-ratio:9/16;max-height:180px;object-fit:cover;background:#050608}.history-card-info{padding:7px 8px}.history-card-info strong{display:block;font-size:9px}.history-card-info span{display:block;color:#6f788a;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-info a{display:inline-block;color:#abb4ff;margin-top:5px;font-size:9px}.sponsor-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:12px;padding:14px;border:1px solid #2a3140;border-radius:16px;background:linear-gradient(145deg,#10151e,#0d1118);overflow:hidden}.sponsor-label{position:absolute;top:7px;right:9px;color:#596174;font-size:8px;letter-spacing:.12em}.sponsor-visual{position:relative;width:54px;height:54px;border-radius:14px;background:#151b27;display:grid;place-items:center;overflow:hidden}.sponsor-visual img{width:22px;filter:brightness(0) invert(1);opacity:.65;z-index:2}.sponsor-orb{position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#665ff4,rgba(102,95,244,.1) 60%,transparent 70%);top:-17px;right:-12px}.sponsor-card strong{font-size:11px}.sponsor-card p{margin:4px 0 7px;color:#7b8497;font-size:9px;line-height:1.42}.sponsor-card a{font-size:9px;color:#b9c0ff;text-decoration:none}

/* Shorts */
.short-intro{display:flex;gap:13px;align-items:flex-start;margin:10px 0 14px;padding:14px;border:1px solid #2b3342;border-radius:14px;background:linear-gradient(135deg,#111723,#0d121a)}.short-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#171d2a}.short-icon img{width:22px;filter:brightness(0) invert(1);opacity:.8}.short-badge{font-size:9px;font-weight:900;letter-spacing:.14em;color:#9ea6ff}.short-intro h2{margin:5px 0 5px;font-size:18px}.short-intro p{margin:0;color:#818b9e;line-height:1.45;font-size:11px}.short-presets{margin-bottom:4px}.short-setup-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.short-setup-grid .field{margin-top:0;padding:10px;border:1px solid #272e3b;border-radius:12px;background:#0f131a}.short-setup-grid .config-field{grid-column:span 2}.short-fixed{min-height:43px;display:flex;align-items:center;padding:0 11px;color:#c7ccd8;font-size:11px}.short-prepare{width:100%;margin-top:12px}.short-free{text-align:center;color:#687185;font-size:9px;margin:7px 0 0}.short-plan{margin-top:14px;border-top:1px solid #28303d;padding-top:15px}.short-plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.short-plan-head h2{margin:4px 0 0;font-size:20px}.small-btn{border:1px solid #303848;background:#121720;color:#d8dce7;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:10px}.hook-box{margin-top:12px;padding:12px;border:1px solid #39425a;border-radius:12px;background:#101622}.hook-box>span{display:block;color:#828ca0;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.hook-edit{width:100%;min-height:52px;margin-top:4px;border:0;background:transparent;color:#fff;font-weight:850;font-size:15px;line-height:1.3;resize:vertical;outline:none;padding:2px}.hook-edit:focus{box-shadow:inset 0 0 0 1px #6974c5;border-radius:8px;padding:8px}.short-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px;align-items:start}.short-scene{min-width:0;padding:8px;border:1px solid #2a3240;border-radius:12px;background:#0d1118;transition:.18s ease}.short-scene.storyboard-ready{border-color:#365146}.short-scene.expanded{grid-column:1/-1;padding:13px;background:#0e131b}.scene-toggle{width:100%;display:grid;grid-template-columns:1fr auto;gap:5px 8px;text-align:left;background:transparent;color:#fff;border:0;padding:2px 1px 7px;cursor:pointer}.scene-toggle-title{display:flex;align-items:baseline;gap:7px;min-width:0}.scene-toggle-title strong{font-size:11px}.scene-toggle-title small{color:#687287;font-size:8px}.scene-open-label{align-self:center;color:#aeb6ff;font-size:9px;font-weight:800}.scene-toggle-voice{grid-column:1/-1;color:#aab2c1;font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:25px}.scene-risk{justify-self:start;font-size:8px;border-radius:999px;padding:3px 6px;border:1px solid #343b49;color:#aab1bf;background:#12151c}.scene-risk.high{color:#ffd49a;border-color:#66502f;background:#211a0f}.scene-risk.medium{color:#d7d9ff;border-color:#494d75;background:#18192a}.scene-risk.low{color:#bff4ca;border-color:#355841;background:#102017}.storyboard-box{margin-top:0;border:1px solid #2b3341;border-radius:10px;overflow:hidden;background:#080b0f}.storyboard-preview{min-height:0;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;background:#07090d;color:#70798b;text-align:center;position:relative;border-radius:8px;overflow:hidden}.storyboard-preview img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:9/16;object-fit:cover;background:#000}.storyboard-placeholder{font-size:9px;padding:18px 8px}.storyboard-controls{display:flex;gap:6px;flex-wrap:wrap;padding:7px;border-top:1px solid #272e3b}.storyboard-controls button,.storyboard-controls label{border:1px solid #343c4d;background:#141923;color:#e8eaf1;border-radius:8px;padding:7px 8px;cursor:pointer;font-size:9px}.storyboard-controls input{display:none}.storyboard-controls .scene-adapt-image{border-color:#485278;background:#1a2030}.storyboard-controls .scene-adapt-image:disabled{opacity:.4;cursor:not-allowed}.storyboard-state{margin-left:auto;align-self:center;color:#7d879a;font-size:8px}.storyboard-state.ready{color:#9beab3}.storyboard-state.warning{color:#f1c978}.short-scene:not(.expanded) .storyboard-controls{display:none}.short-scene.expanded .storyboard-box{display:grid;grid-template-columns:minmax(190px,260px) 1fr;gap:13px;border:0;background:transparent;overflow:visible;margin-top:5px}.short-scene.expanded .storyboard-preview{grid-row:1/3}.short-scene.expanded .storyboard-controls{align-self:end;border:0;padding:0}.scene-detail{grid-column:2;margin-top:-4px}.short-scene label{display:block;font-size:9px;color:#aeb5c5;font-weight:800;margin:8px 0 5px}.short-scene textarea{min-height:68px}.short-scene .voice-edit{min-height:56px}.scene-detail input.action-edit{min-height:40px;padding:9px 10px;font-size:10px}.action-helper{display:block;margin-top:5px}.scene-sfx-wrap{margin-top:8px}.scene-sfx-wrap textarea{min-height:52px}.short-scene[data-long="1"] .prompt-edit{min-height:86px}.storyboard-global{margin-top:12px}.storyboard-generate{width:100%}.short-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px;border:1px solid #2b3241;border-radius:12px;padding:8px 11px;background:#0d1118}.short-summary div{display:grid;gap:2px;padding:7px 9px;color:#8993a5;border-right:1px solid #242b37}.short-summary div:nth-child(4n){border-right:0}.short-summary span{font-size:8px}.short-summary strong{color:#fff;font-size:10px}.short-summary .token-row{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #272e3b;border-right:0;margin-top:4px;padding-top:10px}.short-plan>.generate{width:100%;margin-top:10px}.short-scenes.long-plan{gap:9px}

/* Auth / account / admin / library */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 8%,rgba(98,87,194,.22),transparent 32%),#090b10}.auth-card{width:min(500px,100%);background:linear-gradient(180deg,#12161f,#0d1117);border:1px solid #29303e;border-radius:22px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.auth-card h1{margin:8px 0 8px;font-size:32px;letter-spacing:-.03em}.auth-muted{color:#8b94a7;line-height:1.5;font-size:12px}.auth-form{display:grid;gap:13px;margin-top:18px}.auth-form label{display:grid;gap:6px;font-weight:750;color:#dce0e9;font-size:11px}.auth-form input,.admin-search input,.admin-credit-form input,.admin-credit-form select,.admin-status-form select{width:100%;border:1px solid #303746;background:#0b0f15;color:#f4f6fb;border-radius:10px;padding:10px 11px;outline:none}.auth-form input:focus,.admin-search input:focus,.admin-credit-form input:focus,.admin-credit-form select:focus{border-color:#717ac8;box-shadow:0 0 0 3px rgba(113,122,200,.12)}.auth-primary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:11px;background:#eef0ff;color:#0b0d12;padding:12px 15px;font-weight:900;text-decoration:none;cursor:pointer}.auth-alert{border-radius:10px;padding:10px 12px;margin:12px 0;font-size:11px}.auth-alert.error{background:#2a1518;border:1px solid #6f2d37;color:#ffbec6}.auth-alert.success{background:#10261a;border:1px solid #285e3d;color:#baf3ca}.auth-foot{margin:15px 0 0;color:#8992a4;font-size:11px}.auth-foot a{color:#b8c0ff}.auth-grid{display:grid;grid-template-columns:1fr 140px;gap:10px}
.profile-popover .profile-divider{height:1px;margin:5px 0;background:rgba(255,255,255,.08)}.profile-popover .profile-legal{font-size:10px;color:#8f98aa}
.account-shell{width:min(1180px,calc(100% - 36px));margin:24px auto 60px}.account-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.account-top a{color:#aeb6ff;text-decoration:none;font-size:11px}.account-card{background:linear-gradient(180deg,#12161f,#0d1117);border:1px solid #29303e;border-radius:20px;padding:23px;box-shadow:var(--shadow)}.account-card h1{margin:7px 0 17px;font-size:30px;letter-spacing:-.03em}.account-card h2{font-size:16px;margin:24px 0 10px}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.account-stats>div{background:#0c1017;border:1px solid #2a3240;border-radius:12px;padding:13px}.account-stats span{display:block;color:#7f899c;font-size:9px}.account-stats strong{display:block;margin-top:4px;font-size:15px}.plan-stat strong{color:#c5caff}.auth-form.compact{max-width:520px}.ledger{border:1px solid #2a3240;border-radius:12px;overflow:hidden}.ledger-row{display:flex;justify-content:space-between;gap:16px;padding:11px 13px;background:#0c1017;border-bottom:1px solid #242b36}.ledger-row:last-child{border-bottom:0}.ledger-row>div{display:grid;gap:3px}.ledger-row span,.ledger-row small{color:#7d8698;font-size:9px}.ledger-row .plus{color:#8de1a7}.ledger-row .minus{color:#f5a1ab}.credit-pack-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.credit-pack{position:relative;padding:15px;border:1px solid #2b3342;border-radius:14px;background:#0d1219}.credit-pack.featured{border-color:#5964a2;background:linear-gradient(150deg,rgba(87,95,170,.16),#0d1219)}.credit-pack .pack-badge{display:inline-block;padding:4px 7px;border-radius:999px;background:#171d29;color:#8f98aa;font-size:8px}.credit-pack strong{display:block;margin-top:10px;font-size:20px}.credit-pack p{color:#7e8799;font-size:9px;line-height:1.45}.credit-pack button{width:100%;border:1px solid #303847;background:#151a24;color:#b4bbc9;border-radius:9px;padding:8px;font-size:9px;cursor:not-allowed}.billing-note{color:#717b8e;font-size:9px;margin-top:8px}
.admin-search{display:flex;gap:8px;margin:16px 0}.admin-users{display:grid;gap:9px}.admin-user{display:grid;grid-template-columns:minmax(220px,1fr) minmax(440px,1.4fr);gap:14px;align-items:center;background:#0c1017;border:1px solid #2a3240;border-radius:12px;padding:12px}.admin-user>div{display:grid;gap:3px}.admin-user strong{font-size:12px}.admin-user span{color:#7e8799;font-size:9px}.admin-credit-form{display:grid;grid-template-columns:85px 120px 1fr auto;gap:7px}.admin-status-form{display:flex;gap:7px;margin-top:7px}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0 18px}.admin-kpis>div{background:#0c1017;border:1px solid #2a3240;border-radius:12px;padding:12px}.admin-kpis span{display:block;color:#7e8799;font-size:9px}.admin-kpis strong{display:block;margin-top:4px;font-size:18px}.adfree-badge{display:inline-flex!important;width:max-content;padding:3px 6px;border:1px solid #355a45;border-radius:999px;color:#99e3b2!important;background:#102019}
.library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.library-card{overflow:hidden;border:1px solid #2a3240;border-radius:13px;background:#0c1017}.library-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#050608}.library-card .history-card-info{padding:9px}.library-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.library-head h1{margin:6px 0 0}.library-head p{margin:5px 0 0;color:#7e8799;font-size:10px}

.sidebar-backdrop{display:none}

@media(max-width:1240px){.studio-grid{grid-template-columns:minmax(610px,1fr) 330px}.dashboard{width:min(1180px,calc(100% - 34px))}.settings-strip{grid-template-columns:1fr 1fr}.sound-setting{grid-column:span 1}.library-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.brand-copy,.side-link span,.side-plan div{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.side-link{justify-content:center;padding:0}.side-link img{width:20px}.side-plan{justify-content:center;padding:12px 0}.studio-grid{grid-template-columns:1fr}.preview-column{position:static;max-height:none;overflow:visible;grid-template-columns:1fr 1fr}.preview-panel{grid-column:1}.recent-panel{grid-column:2}.sponsor-card{grid-column:1/-1}.preview-empty{min-height:250px}.short-setup-grid{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:repeat(3,1fr)}.account-stats{grid-template-columns:repeat(2,1fr)}.admin-user{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:240px;transform:translateX(-104%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.45)}body.sidebar-open .sidebar{transform:translateX(0)}.brand-copy,.side-link span,.side-plan div{display:grid}.side-link{justify-content:flex-start;padding:0 11px}.side-plan{justify-content:flex-start;padding:12px}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35}body.sidebar-open .sidebar-backdrop{display:block}.mobile-menu{display:grid}.topbar{padding:0 14px;height:64px}.topbar-title span{display:none}.buy-chip{display:none}.credit-chip{padding:0 9px}.credit-chip small{display:none}.dashboard{width:calc(100% - 22px);padding-top:18px}.welcome{min-height:auto;padding-bottom:16px}.welcome h1{font-size:31px}.welcome-orbit{display:none}.creator-panel{padding:12px}.tabs{grid-template-columns:1fr 1fr 1fr}.tab{min-height:56px;grid-template-columns:23px 1fr;padding:8px}.tab img{width:19px}.tab small{display:none}.settings-strip{grid-template-columns:1fr 1fr}.audio-options #voiceOptions{grid-template-columns:1fr}.preview-column{display:grid;grid-template-columns:1fr}.preview-panel,.recent-panel,.sponsor-card{grid-column:auto}.history-grid{grid-template-columns:repeat(3,1fr)}.short-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.short-scene.expanded{grid-column:1/-1}.short-scene.expanded .storyboard-box{display:block}.scene-detail{grid-column:auto;margin-top:9px}.short-scene.expanded .storyboard-controls{margin-top:8px}.short-summary{grid-template-columns:repeat(2,1fr)}.short-summary div:nth-child(4n){border-right:1px solid #242b37}.short-summary div:nth-child(2n){border-right:0}.account-shell{width:calc(100% - 22px)}.account-card{padding:16px}.credit-pack-preview{grid-template-columns:1fr}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-credit-form{grid-template-columns:80px 1fr}.admin-credit-form input[name="note"]{grid-column:1/-1}.admin-credit-form .small-btn{grid-column:1/-1}.library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.topbar-title{display:none}.profile-menu summary>img{display:none}.credit-chip strong{font-size:10px}.welcome p{font-size:12px}.tabs{gap:6px}.tab{display:flex;justify-content:center;gap:6px;min-height:45px}.tab span{font-size:10px}.tab img{grid-row:auto}.settings-strip{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(2,1fr)}.short-setup-grid{grid-template-columns:1fr}.short-setup-grid .config-field{grid-column:auto}.short-scenes{grid-template-columns:1fr}.short-scene.expanded{grid-column:auto}.generation-bar{display:grid}.generate{width:100%}.account-stats{grid-template-columns:1fr}.admin-kpis{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:1fr 1fr}.ledger-row{display:grid}.auth-grid{grid-template-columns:1fr}}

/* V0.8.1 — persistent application shell on secondary pages */
.section-dashboard{width:min(1320px,calc(100% - 48px));padding-top:26px}
.section-dashboard .page-card{margin:0;min-height:calc(100vh - 122px)}
.page-card.wide{width:100%}
.account-columns{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr);gap:26px;align-items:start}
.account-columns>section h2{margin-top:24px}
.empty-library{display:grid;justify-items:start;gap:7px;padding:38px 4px;color:#8b94a7}
.empty-library strong{color:#f3f5fa;font-size:16px}.empty-library p{margin:0 0 8px;font-size:11px}
@media(max-width:1000px){.section-dashboard{width:min(1180px,calc(100% - 34px))}.account-columns{grid-template-columns:1fr}}
@media(max-width:760px){.section-dashboard{width:calc(100% - 22px);padding-top:18px}.section-dashboard .page-card{min-height:auto}.account-columns{gap:0}}

/* V0.9 — OROXA engines, pricing and clearer first-run experience */
.quick-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.quick-proof span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(124,135,174,.22);border-radius:999px;background:rgba(15,20,29,.68);color:#aab2c3;font-size:10px}.quick-proof img{width:14px;height:14px;filter:brightness(0) invert(1);opacity:.78}
.engine-picker{margin:2px 0 12px;padding:12px;border:1px solid #283041;border-radius:15px;background:linear-gradient(145deg,rgba(18,24,35,.95),rgba(10,14,21,.96));position:relative;overflow:hidden}.engine-picker:before{content:"";position:absolute;right:-55px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(132,104,255,.13),transparent 68%);pointer-events:none}.engine-title-row{position:relative;display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}.engine-title-row>div{display:grid;gap:2px}.engine-title-row strong{font-size:12px}.engine-title-row>span{max-width:420px;color:#7e899e;font-size:9px;text-align:right}.mini-label{font-size:8px;font-weight:900;letter-spacing:.14em;color:#8f96ff}.engine-cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.engine-card{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 8px;text-align:left;border:1px solid #2c3444;border-radius:12px;padding:9px;background:#0e131b;color:#d9deea;cursor:pointer;transition:.16s ease}.engine-card:hover{transform:translateY(-1px);border-color:#46536c;background:#121824}.engine-card.selected{border-color:#7882df;box-shadow:inset 0 0 0 1px rgba(132,142,245,.08),0 8px 24px rgba(0,0,0,.18);background:linear-gradient(145deg,rgba(70,76,136,.22),#10151e)}.engine-icon{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.engine-icon img{width:18px;filter:brightness(0) invert(1)}.engine-icon.fast{background:rgba(67,181,255,.12);color:#79cbff}.engine-icon.studio{background:rgba(151,117,255,.16)}.engine-icon.pro{background:linear-gradient(145deg,rgba(255,193,91,.22),rgba(180,117,255,.16))}.engine-copy{min-width:0;display:grid;gap:2px}.engine-copy strong{font-size:11px;white-space:nowrap}.engine-copy strong em{margin-left:4px;font-style:normal;font-size:7px;padding:2px 5px;border-radius:999px;background:#35305e;color:#c9c6ff}.engine-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#788397;font-size:8px}.engine-price{grid-column:2;color:#a9b1c5;font-size:8px;font-weight:800}.engine-card.selected .engine-price{color:#d9dcff}
.native-audio-hint{color:#a8aeff}.preview-specs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}.preview-specs span{padding:5px 7px;border:1px solid #2a3342;border-radius:999px;background:#0c1118;color:#8792a7;font-size:8px}.preview-specs span:first-child{color:#c9cdff;border-color:#414a78;background:#12182a}
.generation-cost b{color:#b9c0ff;font-weight:800}.sound-setting select:disabled{opacity:1;color:#d8dcff;border-color:#454e77;background:#101627;cursor:default}
.pack-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.pack-save{color:#929cc1;font-size:8px}.credit-pack.featured .pack-save{color:#c6caff}.pack-price{margin-top:7px;color:#fff;font-size:17px;font-weight:900}.pack-price small{color:#778196;font-size:8px;font-weight:600}.payment-trust{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 14px;border:1px solid #2b3444;border-radius:13px;background:linear-gradient(90deg,#0d131b,#111625)}.payment-copy{display:flex;gap:9px;align-items:center}.payment-copy>img{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.9}.payment-copy span{display:grid;gap:2px}.payment-copy strong{font-size:10px}.payment-copy small{color:#7d879b;font-size:8px}.payment-methods{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.payment-methods span{display:inline-flex;align-items:center;gap:4px;min-height:27px;padding:0 8px;border:1px solid #323b4d;border-radius:8px;background:#0a0f16;color:#c7ccda;font-size:8px;font-weight:850;letter-spacing:.02em}.payment-methods img{width:14px;filter:brightness(0) invert(1);opacity:.8}
.brand-copy strong{letter-spacing:.07em}.brand-copy small{text-transform:none;letter-spacing:.035em}.brand-mark{background:linear-gradient(145deg,#635cff,#b675ff)}

@media(max-width:1100px){.engine-title-row>span{display:none}.engine-copy small{white-space:normal;line-height:1.25}.payment-trust{align-items:flex-start;flex-direction:column}.payment-methods{justify-content:flex-start}}
@media(max-width:760px){.quick-proof{display:none}.engine-cards{grid-template-columns:1fr}.engine-card{grid-template-columns:34px 1fr auto;grid-template-rows:auto}.engine-icon{grid-row:auto}.engine-copy small{display:block}.engine-price{grid-column:auto;text-align:right}.engine-title-row{margin-bottom:8px}.payment-methods{gap:5px}}
@media(max-width:520px){.engine-copy small{display:none}.engine-card{grid-template-columns:32px 1fr auto}.engine-icon{width:32px;height:32px}.engine-price{font-size:7px}.preview-specs{margin-top:7px}}

/* V0.9 — jerarquía de pasos para que el flujo se entienda en segundos */
.flow-step{display:block;margin:0 0 9px;font-size:10px;font-weight:900;letter-spacing:.16em;color:#9ba8ff}.step-num{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid rgba(139,124,255,.45);border-radius:7px;margin-right:6px;font-size:10px;color:#b7adff;background:rgba(124,103,255,.08)}.setup-step-title{display:flex;align-items:center;gap:7px;margin:2px 0 9px;color:#eef1ff}.setup-step-title strong{font-size:13px}.setup-step-title small{margin-left:auto;color:#7f8ba8;font-size:10px}@media(max-width:760px){.setup-step-title small{display:none}}

/* v0.9.1 clarity fixes */
.engine-limit{position:relative;margin-top:8px;padding:7px 9px;border:1px solid #252d3b;border-radius:10px;background:#0b1017;color:#7f899c;font-size:9px;line-height:1.35}.engine-limit strong{color:#cfd4e2}.precision-notice{display:flex;align-items:flex-start;gap:9px;margin-top:9px;padding:10px 11px;border:1px solid rgba(231,173,70,.35);border-radius:11px;background:rgba(129,86,18,.11);color:#aeb5c4;font-size:10px;line-height:1.45}.precision-notice strong{color:#f0d38c}.precision-icon{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(231,173,70,.18);color:#f2c76d;font-weight:900}.broken-media-note{display:none;min-height:220px;aspect-ratio:9/16;padding:18px;text-align:center;place-content:center;background:linear-gradient(160deg,#10151d,#0b0f15);color:#9aa4b6}.broken-media-note strong{display:block;color:#d9deea;margin-bottom:6px}.broken-media-note span{font-size:10px;line-height:1.45}.library-card.media-broken video{display:none}.library-card.media-broken .broken-media-note{display:grid}@media(max-width:760px){.engine-limit{font-size:8px}.precision-notice{font-size:9px}}

/* V0.10 — OROXA Vertical Creative Studio */
:root{--violet:#7b69ff;--violet-2:#9d7cff;--cyan:#74d7ff;--panel-deep:#0d1118;--panel-soft:#121722}
body[data-ratio="9:16"] .creator-panel{box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.015)}
.dashboard{width:min(1540px,calc(100% - 44px));padding-top:18px}
.vertical-welcome{min-height:126px;padding:0 4px 16px;align-items:center}.vertical-welcome .welcome-copy{min-width:0}.vertical-welcome h1{font-size:clamp(30px,3.4vw,45px);max-width:820px;margin:6px 0 7px}.vertical-welcome p{max-width:850px;line-height:1.45}.vertical-welcome p strong{color:#dfe2ff;font-weight:750}.platform-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}.platform-row>span{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid #262e3d;border-radius:999px;background:rgba(13,18,27,.8);color:#8f99ad;font-size:9px}.platform-row .vertical-first{gap:5px;color:#d9dcff;border-color:#555ca3;background:linear-gradient(90deg,rgba(108,97,255,.18),rgba(108,97,255,.05))}.platform-row img{width:13px;height:13px;filter:brightness(0) invert(1);opacity:.9}.vertical-demo{width:126px;display:grid;place-items:center;flex:0 0 auto}.demo-phone{position:relative;width:62px;height:110px;padding:5px;border:1px solid #454c68;border-radius:18px;background:linear-gradient(160deg,#151a25,#090d13);box-shadow:0 18px 50px rgba(76,60,210,.2),inset 0 0 0 1px rgba(255,255,255,.02);transform:rotate(7deg)}.demo-notch{position:absolute;z-index:2;left:50%;top:7px;width:24px;height:4px;transform:translateX(-50%);border-radius:999px;background:#06080c}.demo-reel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 28% 22%,rgba(124,94,255,.9),transparent 19%),radial-gradient(circle at 75% 68%,rgba(55,184,255,.45),transparent 24%),linear-gradient(160deg,#171a2b,#0b1019 60%,#14182b);display:grid;place-items:center}.demo-reel:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 40deg,transparent,rgba(255,255,255,.09),transparent 25%);animation:demoSpin 7s linear infinite}.demo-reel>img{position:relative;width:18px;filter:brightness(0) invert(1);opacity:.9;filter:brightness(0) invert(1) drop-shadow(0 0 8px #8f8cff)}.demo-reel small{position:absolute;right:6px;bottom:6px;padding:2px 4px;border-radius:5px;background:rgba(0,0,0,.52);font-size:7px}.demo-orb{position:absolute;border-radius:50%;filter:blur(.2px)}.demo-orb.a{width:15px;height:15px;left:8px;bottom:19px;background:#6e77ff;box-shadow:0 0 16px #6e77ff}.demo-orb.b{width:9px;height:9px;right:8px;top:26px;background:#b77cff;box-shadow:0 0 14px #b77cff}@keyframes demoSpin{to{transform:rotate(360deg)}}

.studio-grid{grid-template-columns:minmax(720px,1fr) 342px;gap:16px}.creator-panel{padding:16px;border-color:#293040;background:linear-gradient(180deg,rgba(17,21,29,.985),rgba(10,14,20,.99))}.mode-header{margin-bottom:13px}.tabs{gap:7px}.tab{min-height:61px;border-radius:12px}.tab.active{background:linear-gradient(145deg,rgba(104,95,225,.2),rgba(17,23,34,.95));border-color:#6d73c8}.tab.active:after{content:"";position:absolute}.tab span{font-size:12px}.tab small{font-size:9px}.tab img{width:21px}

.engine-picker{padding:11px;margin-bottom:10px}.engine-title-row{margin-bottom:8px}.engine-cards{gap:6px}.engine-card{padding:8px 9px;min-height:58px}.engine-card.auto-card.selected{background:linear-gradient(145deg,rgba(90,80,202,.28),rgba(23,27,43,.96));border-color:#7c83ee;box-shadow:inset 0 0 0 1px rgba(166,160,255,.08),0 10px 35px rgba(81,64,201,.12)}.engine-copy strong{font-size:10.5px}.engine-copy small{font-size:7.6px}.engine-price{font-size:7.6px}.engine-limit{margin-top:7px;padding:6px 8px}

.prompt-field{margin-top:9px}.prompt-label-row{align-items:center}.prompt-tools{display:flex;align-items:center;gap:6px}.prompt-tool{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:0 8px;border:1px solid #30384a;border-radius:9px;background:#101620;color:#aab3c5;font-size:8.5px;font-weight:760;cursor:pointer}.prompt-tool:hover{border-color:#626bc1;color:#fff;background:#151b29}.prompt-tool img{width:13px;height:13px;filter:brightness(0) invert(1);opacity:.84}.prompt-shell{position:relative}.prompt-shell textarea{padding-right:105px;min-height:112px}.prompt-corner{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #30394c;border-radius:8px;background:rgba(13,18,28,.86);color:#858fa4;font-size:8px;pointer-events:none}.prompt-corner img{width:12px;filter:brightness(0) invert(1);opacity:.7}.prompt-presets{margin-top:8px}.prompt-presets button{padding:6px 9px;background:#0f151f}.prompt-presets button:first-child{border-color:#484d87;color:#b9baff;background:rgba(92,79,210,.09)}

.style-picker{margin:9px 0 10px}.style-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.style-head>div{display:flex;align-items:center;gap:6px;color:#e9ecf5;font-size:11px;font-weight:800}.style-head img{width:15px;filter:brightness(0) invert(1);opacity:.8}.style-head small{font-size:8px;color:#727e94}.style-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.style-chip{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;column-gap:6px;text-align:left;padding:7px 7px;border:1px solid #293141;border-radius:10px;background:#0d121a;color:#cbd1dc;cursor:pointer;transition:.15s}.style-chip:hover{border-color:#465169;transform:translateY(-1px)}.style-chip.selected{border-color:#686fc8;background:linear-gradient(145deg,rgba(91,81,200,.19),#101621);box-shadow:inset 0 0 0 1px rgba(142,136,255,.05)}.style-chip strong{font-size:8.7px;align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-chip small{font-size:6.8px;color:#738096;align-self:start;white-space:nowrap}.style-swatch{grid-row:1/3;width:18px;height:30px;border-radius:6px;background:#26303f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.style-swatch.social{background:linear-gradient(160deg,#7658ff,#38c7ff 56%,#0e1420)}.style-swatch.cinematic{background:linear-gradient(160deg,#e9a74f,#42306a 52%,#0d1017)}.style-swatch.product{background:linear-gradient(160deg,#eceef7,#626b81 45%,#12151d)}.style-swatch.ugc{background:linear-gradient(160deg,#ffc98f,#8bd5c2 52%,#253245)}.style-swatch.documentary{background:linear-gradient(160deg,#6d819c,#273441 55%,#111820)}.style-swatch.anime{background:linear-gradient(160deg,#ff83bd,#6f78ff 52%,#25d9d1)}

.setup-step-title{margin-top:3px}.settings-strip{grid-template-columns:1fr .9fr 1.25fr 1.35fr;gap:7px;margin-top:8px}.setting-field{padding:9px}.setting-field label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8f9ab0}.format-choices{display:grid!important;grid-template-columns:1.3fr .8fr;gap:5px}.format-choices .choice{height:38px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.format-choices .choice img{width:14px;height:14px;filter:brightness(0) invert(1)}.format-choices .choice span{display:grid;text-align:left;line-height:1.05}.format-choices .choice b{font-size:9px}.format-choices .choice small{font-size:6.5px;color:#778299;font-weight:600}.vertical-choice.selected small{color:#c5c9ff}.horizontal-choice{opacity:.72}.horizontal-choice.selected{opacity:1}.generation-bar{border-color:#30384a;background:linear-gradient(90deg,#101621,#0d121a 55%,#121522)}.generation-cost>span:first-child{font-size:8px}.generate{background:linear-gradient(135deg,#f2f3ff,#d9dcff);box-shadow:0 9px 28px rgba(112,102,255,.12)}.generate:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(112,102,255,.18)}

.vertical-preview-panel{padding:14px}.preview-platforms{display:flex;gap:5px;margin-top:8px}.preview-platforms span{font-size:7.5px;color:#77839a;border:1px solid #293140;border-radius:999px;padding:4px 6px;background:#0b1017}.phone-preview{position:relative;width:min(232px,92%);margin:12px auto 8px;padding:7px;border:1px solid #3b4358;border-radius:27px;background:linear-gradient(160deg,#151a24,#080b10);box-shadow:0 22px 70px rgba(0,0,0,.38),0 0 55px rgba(87,72,210,.09);aspect-ratio:9/17.2}.phone-preview:after{content:"";position:absolute;inset:7px;border-radius:20px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}.phone-preview-notch{position:absolute;z-index:5;top:11px;left:50%;width:54px;height:7px;border-radius:999px;background:#05070a;transform:translateX(-50%)}.phone-preview-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 50% 44%,rgba(89,75,210,.13),transparent 28%),linear-gradient(160deg,#0c1119,#090d13)}.phone-preview-home{position:absolute;z-index:6;left:50%;bottom:11px;width:50px;height:3px;border-radius:999px;background:rgba(255,255,255,.25);transform:translateX(-50%)}.phone-preview-screen .preview-empty{height:100%;min-height:0;padding:34px 15px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-preview-screen .preview-empty strong{max-width:170px;text-align:center;font-size:11px}.phone-preview-screen .preview-empty p{font-size:8px;line-height:1.45;max-width:170px}.phone-preview-screen .preview-art{transform:scale(.78);margin-bottom:-2px}.phone-preview-screen .progress-box{position:absolute;left:10px;right:10px;top:50%;transform:translateY(-50%);margin:0;padding:10px;border-radius:12px;background:rgba(10,14,21,.92);backdrop-filter:blur(10px);z-index:4}.phone-preview-screen .progress-head{gap:8px}.phone-preview-screen .progress-head strong{font-size:8px}.phone-preview-screen .progress-head span,.phone-preview-screen .progress-meta{font-size:6.8px}.phone-preview-screen .status{position:absolute;z-index:5;left:9px;right:9px;bottom:25px;font-size:8px}.phone-preview-screen .result-box{height:100%;margin:0}.phone-preview-screen .result-box video{width:100%;height:100%;max-height:none;object-fit:cover;border:0;border-radius:0;background:#000}.preview-actions{display:flex;justify-content:center;gap:6px;margin-top:8px}.preview-actions a{flex:1;justify-content:center;font-size:8px;min-height:30px}.preview-specs{justify-content:center}.preview-specs span{font-size:7px;padding:4px 6px}.live-dot{font-size:7px!important}.recent-panel{padding:14px}.recent-panel .history-grid{grid-template-columns:repeat(2,1fr)}

.whats-new-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(2,4,8,.72);backdrop-filter:blur(12px)}.whats-new-card{position:relative;width:min(520px,100%);padding:22px;border:1px solid #41485d;border-radius:24px;background:radial-gradient(circle at 82% 5%,rgba(120,90,255,.18),transparent 30%),linear-gradient(160deg,#151924,#0d1118 70%);box-shadow:0 40px 120px rgba(0,0,0,.65);text-align:center}.whats-new-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;background:transparent;color:#949daf;font-size:24px;cursor:pointer}.whats-new-badge{display:inline-block;padding:5px 8px;border:1px solid #4c4f86;border-radius:999px;background:rgba(102,85,220,.12);color:#c5c7ff;font-size:8px;font-weight:900;letter-spacing:.12em}.whats-new-visual{height:142px;margin:15px 0 12px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid #252d3a;border-radius:17px;background:radial-gradient(circle at 50% 48%,rgba(99,77,255,.24),transparent 28%),linear-gradient(145deg,#0c1119,#121526)}.whats-phone{width:62px;height:112px;padding:5px;border:1px solid #5a6182;border-radius:18px;background:#090c12;box-shadow:0 0 44px rgba(119,95,255,.22);transform:rotate(-4deg)}.whats-phone>div{width:100%;height:100%;border-radius:13px;background:linear-gradient(160deg,#6d5cff,#1a2032 55%,#33a6cf);display:grid;place-items:center}.whats-phone img{width:18px;filter:brightness(0) invert(1)}.whats-lines span{position:absolute;border:1px solid rgba(121,132,255,.24);border-radius:999px}.whats-lines span:nth-child(1){width:200px;height:70px;left:34px;top:31px;transform:rotate(8deg)}.whats-lines span:nth-child(2){width:155px;height:52px;right:28px;bottom:28px;transform:rotate(-9deg)}.whats-lines span:nth-child(3){width:14px;height:14px;right:60px;top:30px;background:#9b78ff;border:0;box-shadow:0 0 20px #9b78ff}.whats-new-card h2{font-size:24px;margin:4px 0 8px;letter-spacing:-.02em}.whats-new-card>p{margin:0 auto;max-width:430px;color:#949eb0;font-size:11px;line-height:1.55}.whats-new-points{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.whats-new-points span{display:grid;justify-items:center;gap:4px;padding:9px 6px;border:1px solid #293141;border-radius:11px;background:#0d1219;color:#8994a8;font-size:8px}.whats-new-points img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.85}.whats-new-points b{color:#e3e6f2;font-size:9px}.whats-new-go{width:100%;min-height:42px}

@media(max-width:1180px){.studio-grid{grid-template-columns:minmax(620px,1fr) 310px}.style-chips{grid-template-columns:repeat(3,1fr)}.vertical-demo{display:none}}
@media(max-width:980px){.vertical-welcome{min-height:auto}.platform-row{display:none}.studio-grid{grid-template-columns:1fr}.preview-column{position:relative;top:auto;max-height:none;overflow:visible}.vertical-preview-panel{display:none}.style-chips{grid-template-columns:repeat(3,1fr)}.settings-strip{grid-template-columns:1fr 1fr}.prompt-shell textarea{padding-right:13px}.prompt-corner{display:none}}
@media(max-width:760px){.dashboard{width:calc(100% - 20px);padding-top:12px}.vertical-welcome h1{font-size:29px}.vertical-welcome p{font-size:12px}.prompt-label-row{align-items:flex-start;flex-direction:column}.prompt-tools{width:100%}.prompt-tool{flex:1;justify-content:center}.style-head small{display:none}.style-chips{display:flex;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.style-chip{min-width:112px}.format-choices{grid-template-columns:1fr 1fr}.whats-new-points{grid-template-columns:1fr}.whats-new-visual{height:120px}}
@media(max-width:520px){.vertical-welcome h1{font-size:26px}.vertical-welcome .quick-proof{display:none}.creator-panel{padding:10px}.tabs{grid-template-columns:1fr}.tab{justify-content:flex-start}.tab small{display:block}.engine-card{grid-template-columns:32px 1fr auto}.engine-copy small{display:block}.settings-strip{grid-template-columns:1fr}.prompt-tools{display:grid;grid-template-columns:1fr 1fr}.style-chip{min-width:104px}.whats-new-card{padding:18px 14px}.whats-new-card h2{font-size:20px}}

/* V0.11 — compact social-first UX, creator templates and mobile-first readability */
html,body{max-width:100%;overflow-x:hidden}
.vertical-welcome{padding-bottom:14px;min-height:96px}.vertical-welcome h1{font-size:clamp(32px,3.2vw,44px);margin:6px 0 7px}.vertical-welcome p{font-size:13px;line-height:1.45;max-width:760px}.platform-row{margin-top:10px}
.creator-panel{padding:15px}.mode-header{margin-bottom:10px}.flow-step{margin-bottom:7px;font-size:9px}.tabs{gap:7px}.tab{min-height:58px}.tab span{font-size:12px}.tab small{font-size:9px}

.content-mode-picker{margin:0 0 10px;padding:11px;border:1px solid #293141;border-radius:14px;background:linear-gradient(145deg,#0e141d,#0b1017)}
.content-mode-head{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}.content-mode-head strong{font-size:12px}.content-mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.content-mode{min-width:0;display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;gap:1px 6px;text-align:left;padding:8px;border:1px solid #293141;border-radius:10px;background:#0b1017;color:#dce1eb;cursor:pointer;transition:.15s}.content-mode:hover{border-color:#46516a}.content-mode.selected{border-color:#7179d1;background:linear-gradient(145deg,rgba(87,79,190,.22),#111620)}.content-mode strong{font-size:10px;align-self:end}.content-mode small{font-size:7.5px;color:#7f899d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-dot{grid-row:1/3;width:18px;height:29px;border-radius:6px;background:#273243}.content-dot.social{background:linear-gradient(160deg,#6d5cff,#41c9f1)}.content-dot.review{background:linear-gradient(160deg,#ff9f6e,#6b55e5)}.content-dot.beauty{background:linear-gradient(160deg,#ff93c8,#ffd1a9)}.content-dot.fashion{background:linear-gradient(160deg,#e7e9f3,#554a83)}.content-dot.educational{background:linear-gradient(160deg,#60bde7,#23445f)}.content-mode-hint{margin:7px 0 0;color:#828da2;font-size:9px}

.prompt-field{margin-top:8px}.prompt-field textarea{min-height:100px;font-size:13px}.prompt-tool{font-size:9px}.prompt-presets{margin-top:7px}.prompt-presets button{font-size:9px;padding:6px 8px}
.engine-picker{margin:10px 0;padding:10px}.engine-title-row{margin-bottom:7px}.engine-title-row strong{font-size:11px}.engine-card{padding:7px 8px}.engine-icon{width:30px;height:30px}.engine-icon img{width:16px}.engine-copy strong{font-size:10px}.engine-copy small{font-size:7.5px}.engine-price{font-size:7.5px}.engine-limit{margin-top:6px;padding:6px 8px;font-size:8px}
.smart-audio-note{display:flex;align-items:center;gap:9px;margin:8px 0 10px;padding:9px 10px;border:1px solid rgba(112,121,200,.28);border-radius:11px;background:rgba(73,80,158,.09)}.smart-audio-note img{width:20px;height:20px;filter:brightness(0) invert(1);opacity:.9}.smart-audio-note span{display:grid;gap:1px}.smart-audio-note strong{font-size:10px}.smart-audio-note small{font-size:8px;color:#8590a4}
.setup-step-title{margin:5px 0 7px}.setup-step-title strong{font-size:12px}.settings-strip{grid-template-columns:1fr .85fr 1.2fr;gap:7px;margin-top:0}.setting-field{padding:8px}.setting-field label{font-size:9px}.choices.compact .choice{min-height:35px}.sound-setting select{height:38px;padding:8px 10px;font-size:11px}.native-audio-hint{font-size:8px!important;line-height:1.35}
.advanced{margin-top:9px}.advanced summary{min-height:40px;padding:0 11px}.advanced summary span{font-size:10px}.advanced summary small{font-size:8px}.advanced[open]{padding-bottom:11px}.advanced .style-picker{padding:0 11px}.advanced .style-chips{grid-template-columns:repeat(3,1fr)}.advanced-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 11px}.advanced-format-note{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #283140;border-radius:11px;background:#0c1118}.advanced-format-note img{width:18px;filter:brightness(0) invert(1)}.advanced-format-note span{display:grid;gap:2px}.advanced-format-note strong{font-size:9px}.advanced-format-note small{font-size:7px;color:#7d879b}.advanced .audio-options{padding:0 11px}.advanced .audio-options textarea{min-height:80px;font-size:11px}.advanced>.field{padding:0 11px}.advanced>.field textarea{min-height:70px;font-size:10px}
.generation-bar{margin-top:10px;padding:9px 10px;min-height:58px}.generation-cost>span:first-child{font-size:9px}.generation-cost strong{font-size:14px}.generate{min-height:42px;font-size:11px}

/* Pricing — make the value visible before technical account details */
.account-email{overflow-wrap:anywhere;word-break:break-word}.credits-shop{margin-top:24px}.credits-shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.credits-shop-head h2{font-size:24px!important;margin:4px 0 4px!important}.credits-shop-head p{margin:0;color:#8993a6;font-size:11px}.credit-benefits{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.credit-benefits span{padding:6px 8px;border:1px solid #30384a;border-radius:999px;background:#0c1118;color:#aeb6c6;font-size:9px}.credit-pack-preview{align-items:stretch}.credit-pack{padding:17px;overflow:hidden}.credit-pack.featured{transform:translateY(-3px);box-shadow:0 18px 50px rgba(80,76,170,.14)}.popular-ribbon{margin:-17px -17px 12px;padding:6px;text-align:center;background:linear-gradient(90deg,#6d63dc,#9b6fd8);font-size:8px;font-weight:900;letter-spacing:.12em}.pack-credit-line{display:flex;align-items:baseline;gap:6px;margin-top:10px}.pack-credit-line strong{margin:0!important;font-size:32px!important;line-height:1}.pack-credit-line span{color:#a8b0c1;font-size:13px;font-weight:800}.pack-rate{margin-top:4px;color:#8893a8;font-size:9px}.pack-save.save-good{color:#a6d9b5}.pack-uses{display:grid;gap:6px;margin:14px 0}.pack-uses span{padding:8px 9px;border:1px solid #283140;border-radius:9px;background:#0a0f16;color:#a1aabc;font-size:9px}.pack-uses b{color:#eef0ff;font-size:11px}.credit-pack button{padding:10px;font-size:10px}.value-pack{background:radial-gradient(circle at 90% 0,rgba(111,88,222,.12),transparent 30%),#0d1219}.payment-trust{margin-top:14px}.billing-note{font-size:9px}.account-columns{margin-top:10px}

/* Broken legacy media should not visually dominate the library */
.library-card.media-broken .broken-media-note{min-height:0;height:100%;font-size:11px}.library-card.media-broken .broken-media-note strong{font-size:12px}.library-card.media-broken .broken-media-note span{font-size:9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:980px){
  .dashboard{width:calc(100% - 28px)}.studio-grid{grid-template-columns:1fr}.preview-column{display:none}.vertical-welcome{padding-top:0}.vertical-welcome h1{font-size:34px}.content-mode-grid{grid-template-columns:repeat(5,minmax(116px,1fr));overflow-x:auto;scrollbar-width:none}.content-mode-grid::-webkit-scrollbar{display:none}.settings-strip{grid-template-columns:1fr 1fr 1fr}.generation-bar{position:sticky;bottom:8px;z-index:20;box-shadow:0 18px 45px rgba(0,0,0,.45)}
}

@media(max-width:760px){
  body{font-size:14px}.topbar{height:62px;padding:0 12px}.topbar-actions{gap:7px}.credit-chip{height:40px}.avatar{width:40px;height:40px}.dashboard{width:100%;padding:12px 12px 90px}.vertical-welcome{padding:0 2px 12px}.vertical-welcome .eyebrow{font-size:9px}.vertical-welcome h1{font-size:28px;line-height:1.05;margin:5px 0 6px}.vertical-welcome p{font-size:12px;line-height:1.45;max-width:100%}.platform-row{display:none}.creator-panel{padding:10px;border-radius:16px}.mode-header{margin-bottom:8px}.flow-step{font-size:9px}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tab{display:grid!important;grid-template-columns:1fr;grid-template-rows:24px auto;justify-items:center;text-align:center;min-height:68px;padding:7px 4px}.tab img{grid-row:auto;width:20px}.tab span{font-size:10px}.tab small{display:none!important}
  .content-mode-picker{padding:9px;margin-bottom:8px}.content-mode-head{margin-bottom:6px}.content-mode-head strong{font-size:12px}.content-mode-grid{display:flex;gap:6px;overflow-x:auto}.content-mode{flex:0 0 118px;padding:8px}.content-mode strong{font-size:10px}.content-mode small{font-size:7px}.content-mode-hint{font-size:9px;line-height:1.35}
  .prompt-label-row{display:flex;flex-direction:row;align-items:center}.prompt-label-row label{font-size:13px}.prompt-tools{width:auto;display:flex}.prompt-tool{font-size:0;width:36px;height:34px;padding:0;display:grid;place-items:center}.prompt-tool img{margin:0;width:16px}.prompt-shell textarea{min-height:128px;padding:12px;font-size:14px;line-height:1.45}.prompt-presets{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.prompt-presets button{flex:0 0 auto;font-size:10px}.precision-notice{font-size:10px}
  .engine-picker{padding:9px}.engine-title-row>span{display:none}.engine-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px}.engine-card{display:flex!important;min-height:72px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:7px}.engine-icon{width:28px;height:28px}.engine-copy{display:block}.engine-copy strong{font-size:9.5px;white-space:normal}.engine-copy strong em{display:none}.engine-copy small{display:none!important}.engine-price{font-size:7px;text-align:left!important}.engine-limit{display:none}
  .smart-audio-note{margin:7px 0;padding:8px}.smart-audio-note strong{font-size:11px}.smart-audio-note small{font-size:9px;line-height:1.35}.setup-step-title{margin-top:8px}.setup-step-title strong{font-size:13px}.settings-strip{grid-template-columns:1fr 1fr!important;gap:6px}.setting-field{padding:9px}.setting-field label{font-size:10px}.settings-strip .sound-setting{grid-column:1/-1}.sound-setting select{font-size:13px}.native-audio-hint{font-size:9px!important}
  .advanced summary{min-height:44px}.advanced summary span{font-size:12px}.advanced summary small{font-size:9px}.advanced .style-chips{display:flex;overflow-x:auto;grid-template-columns:none}.advanced .style-chip{flex:0 0 116px}.advanced-subgrid{grid-template-columns:1fr}.advanced-format-note{display:none}.advanced .audio-options .label-row{font-size:12px}.advanced .audio-options textarea{font-size:13px}.advanced>.field textarea{font-size:12px}
  .generation-bar{position:fixed;left:8px;right:8px;bottom:8px;margin:0;padding:8px 9px;border-radius:14px;z-index:80;background:rgba(13,17,24,.97);backdrop-filter:blur(14px)}.generation-cost>span:first-child{display:none}.generation-cost strong{font-size:15px}.generate{min-width:172px;font-size:12px}
  .account-card{padding:16px 14px}.account-card h1.account-email{font-size:clamp(25px,8vw,34px);line-height:1.05}.account-stats{grid-template-columns:1fr 1fr!important;gap:8px}.account-stats>div{padding:13px}.account-stats span{font-size:11px}.account-stats strong{font-size:16px}.credits-shop-head{display:block}.credits-shop-head h2{font-size:24px!important}.credits-shop-head p{font-size:12px;line-height:1.45}.credit-benefits{justify-content:flex-start;margin-top:10px}.credit-benefits span{font-size:10px}.credit-pack-preview{grid-template-columns:1fr!important;gap:11px}.credit-pack{padding:18px}.credit-pack.featured{transform:none}.pack-credit-line strong{font-size:34px!important}.pack-price{font-size:21px}.pack-rate{font-size:10px}.pack-uses span{font-size:11px}.pack-uses b{font-size:13px}.credit-pack button{font-size:12px;padding:12px}.payment-copy strong{font-size:12px}.payment-copy small{font-size:10px}.payment-methods span{font-size:10px}.billing-note{font-size:10px;line-height:1.4}.account-columns{display:block}.ledger-row span,.ledger-row small{font-size:10px}
  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card .history-card-info{padding:8px}.broken-media-note{padding:12px!important}.library-card.media-broken .broken-media-note strong{font-size:11px}.library-card.media-broken .broken-media-note span{font-size:9px}
}

@media(max-width:420px){
  .dashboard{padding-left:8px;padding-right:8px}.topbar{padding:0 8px}.credit-chip img{display:none}.credit-chip{padding:0 10px}.credit-chip strong{font-size:11px}.vertical-welcome h1{font-size:27px}.tabs{gap:4px}.tab span{font-size:9.5px}.content-mode{flex-basis:110px}.settings-strip{grid-template-columns:1fr 1fr!important}.choices.compact{gap:5px}.choices.compact .choice{font-size:11px}.generation-bar{left:6px;right:6px}.generate{min-width:155px}.account-stats{grid-template-columns:1fr!important}.library-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .buy-chip{display:flex!important;width:42px;padding:0;justify-content:center;font-size:0}.buy-chip img{width:18px}.topbar-actions{margin-left:auto}
}

/* ===== OROXA V0.12 · fixed navigation + separate credits ===== */
@media(min-width:1001px){
  .app-shell{display:block;min-height:100vh}
  .sidebar{position:fixed!important;left:0;top:0;width:228px;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  .workspace{margin-left:228px;min-height:100vh}
}
@media(min-width:761px) and (max-width:1000px){
  .app-shell{display:block;min-height:100vh}
  .sidebar{position:fixed!important;left:0;top:0;width:76px;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  .workspace{margin-left:76px;min-height:100vh}
}
@media(max-width:760px){
  .workspace{margin-left:0!important;min-height:100vh}
  .sidebar{position:fixed!important;top:0;bottom:0;height:100dvh!important;overflow-y:auto;overscroll-behavior:contain}
}

/* Dedicated credit shop */
.credits-page{max-width:1180px;margin:0 auto;padding:24px}
.credits-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;align-items:stretch;padding:24px;border:1px solid #2b3342;border-radius:20px;background:
  radial-gradient(circle at 8% 0,rgba(128,113,255,.18),transparent 34%),
  radial-gradient(circle at 90% 20%,rgba(82,180,225,.10),transparent 30%),#0e131b}
.credits-hero h1{margin:7px 0 8px;font-size:clamp(30px,4vw,45px);line-height:1.03;letter-spacing:-.035em}
.credits-hero p{max-width:720px;margin:0;color:#98a2b6;font-size:14px;line-height:1.55}
.credit-benefits-left{justify-content:flex-start;margin-top:16px}
.balance-spotlight{display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid #39435a;border-radius:17px;background:linear-gradient(145deg,rgba(105,98,217,.16),rgba(13,18,25,.95));box-shadow:0 18px 50px rgba(0,0,0,.18)}
.balance-spotlight>span{color:#98a2b6;font-size:11px}.balance-spotlight>strong{font-size:48px;line-height:1;margin:8px 0 3px}.balance-spotlight>small{color:#aab3c5;font-size:12px}.balance-spotlight>a{margin-top:18px;color:#c3c8ff;text-decoration:none;font-size:12px;font-weight:800}
.standalone-shop{margin-top:20px}.standalone-shop .credit-pack{min-height:310px;display:flex;flex-direction:column}.standalone-shop .pack-uses{margin-top:auto}.standalone-shop .credit-pack button{margin-top:4px}
.credits-payment-trust{margin-top:16px}.credits-billing-note{margin:10px 2px 0}
.credits-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.credits-help-grid article{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #293240;border-radius:14px;background:#0c1118}.credits-help-grid img{width:23px;height:23px;filter:brightness(0) invert(1);opacity:.85}.credits-help-grid strong{font-size:12px}.credits-help-grid p{margin:4px 0 0;color:#8791a5;font-size:10px;line-height:1.45}

/* Account is now account-only; commerce lives in credits.php */
.account-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.account-title-row .account-email{margin-bottom:13px}.account-credit-cta{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-top:4px;padding:10px 13px;border:1px solid #3a4358;border-radius:11px;background:#151a25;color:#e8eaff;text-decoration:none;font-size:11px;font-weight:800}.account-credit-cta img{width:17px;filter:brightness(0) invert(1)}
.account-columns-separated{margin-top:22px;padding-top:4px;border-top:1px solid #252d39}.account-columns-separated>section{padding-top:10px}.section-help{margin:-5px 0 13px;color:#7f899c;font-size:10px}.ledger-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.ledger-title a{margin-bottom:10px;color:#b8beff;text-decoration:none;font-size:10px;font-weight:800}

@media(max-width:760px){
  .credits-page{padding:0 2px}.credits-hero{grid-template-columns:1fr;padding:18px 15px;gap:14px}.credits-hero h1{font-size:30px}.credits-hero p{font-size:13px}.balance-spotlight{padding:16px}.balance-spotlight>strong{font-size:38px}.standalone-shop{margin-top:12px}.credits-help-grid{grid-template-columns:1fr}.credits-help-grid article{padding:13px}.account-title-row{display:block}.account-credit-cta{width:max-content;margin:0 0 14px}.account-columns-separated{margin-top:16px}
}
@media(max-width:420px){
  .credits-hero h1{font-size:27px}.credit-benefits-left{gap:5px}.credit-benefits-left span{font-size:9px}.balance-spotlight{display:grid;grid-template-columns:1fr auto;align-items:end}.balance-spotlight>span,.balance-spotlight>small,.balance-spotlight>a{grid-column:1/-1}.balance-spotlight>strong{grid-column:1;grid-row:2}.account-credit-cta{width:100%;justify-content:center}
}

/* ===== OROXA V0.13 · compact generator, audio control, large result ===== */
.result-tab{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #30384a;border-radius:12px;background:#111722;color:#d8dced;cursor:pointer;font-weight:800;font-size:11px;transition:.16s ease}.result-tab:hover{border-color:#626bbb;background:#161c29}.result-tab .result-tab-dot{width:8px;height:8px;border-radius:50%;background:#647086;box-shadow:0 0 0 4px rgba(100,112,134,.09)}.result-tab.is-working .result-tab-dot{background:#83a5ff;box-shadow:0 0 0 4px rgba(131,165,255,.1);animation:resultPulse 1.4s ease-in-out infinite}.result-tab.is-ready .result-tab-dot{background:#78dda0;box-shadow:0 0 0 4px rgba(120,221,160,.11)}.result-tab.is-error .result-tab-dot{background:#ff9aa7}@keyframes resultPulse{50%{opacity:.35}}

.studio-grid{grid-template-columns:minmax(0,1fr)!important;max-width:1220px;margin:0 auto}.creator-panel{width:100%}.dashboard{width:min(1380px,calc(100% - 48px))}.creator-panel .mode-header{margin-bottom:12px}
.type-focus{margin:0 0 12px;padding:13px;border:1px solid #303950;border-radius:15px;background:radial-gradient(circle at 16% -20%,rgba(115,105,235,.14),transparent 35%),#0d121a}.content-mode-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.content-mode-head strong{font-size:12px}.mini-label{font-size:9px;font-weight:900;letter-spacing:.15em;color:#99a2ff}.content-mode-grid-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.content-mode{min-width:0;min-height:64px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:8px;padding:8px 9px;border:1px solid #293140;border-radius:12px;background:#0d1219;text-align:left;cursor:pointer;transition:.16s ease}.content-mode:hover{border-color:#49546b;background:#111722}.content-mode.selected{border-color:#7179d1;background:linear-gradient(145deg,rgba(99,107,211,.2),rgba(14,19,28,.95));box-shadow:inset 0 0 0 1px rgba(160,166,255,.06)}.content-mode strong{font-size:12px;align-self:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-mode small{font-size:9px;color:#818ba0;align-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-dot{grid-row:1/3;width:22px;height:36px;border-radius:8px;background:linear-gradient(160deg,#6c7aff,#29c7ef)}.content-dot.free{background:linear-gradient(160deg,#757dff,#5bd3ff)}.content-dot.review{background:linear-gradient(160deg,#f19a72,#7e67ff)}.content-dot.beauty{background:linear-gradient(160deg,#ff8fbb,#ffc68f)}.content-dot.fashion{background:linear-gradient(160deg,#e9ecff,#635c91)}.content-dot.talking{background:linear-gradient(160deg,#8cb5ff,#7d6df4)}.content-dot.pov{background:linear-gradient(160deg,#73d2b0,#3786b6)}.content-mode-hint{margin:8px 2px 0;color:#8994aa;font-size:10.5px;line-height:1.45}.content-mode-hint strong{color:#dce0ec}

.idea-composer{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.62fr);gap:12px;align-items:stretch;margin-bottom:12px}.idea-composer>.prompt-field{margin:0}.prompt-label-row{min-height:34px}.prompt-shell textarea{min-height:136px}.reference-card{min-width:0;padding:12px;border:1px solid #303848;border-radius:14px;background:linear-gradient(180deg,#0e131c,#0b1017);display:flex;flex-direction:column}.reference-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.reference-head>div{display:grid;gap:3px}.reference-head strong{font-size:13px}.reference-head>span{padding:4px 7px;border:1px solid #384158;border-radius:999px;color:#aeb6cb;font-size:9px}.reference-card p{margin:8px 0;color:#8791a5;font-size:10.5px;line-height:1.45}.reference-card .compact-drop{flex:1;min-height:82px;padding:11px}.reference-preview-wrap{position:relative;margin-top:8px;border-radius:11px;overflow:hidden;background:#080b10}.reference-preview-wrap .preview{width:100%;height:112px;max-width:none;max-height:none;margin:0;border:0;border-radius:0;object-fit:cover}.reference-preview-wrap button{position:absolute;right:7px;top:7px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(4,7,11,.75);color:#fff;font-size:9px;cursor:pointer}

.production-card{margin-top:0;padding:13px;border:1px solid #30384b;border-radius:15px;background:linear-gradient(180deg,rgba(20,24,39,.9),rgba(12,17,25,.94))}.production-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:10px}.production-head>div{display:grid;gap:3px}.production-head strong{font-size:13px}.production-head>span{color:#808a9e;font-size:9.5px}.engine-cards-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.engine-cards-compact .engine-card{min-height:64px;padding:8px}.engine-cards-compact .engine-icon{width:34px;height:34px}.engine-cards-compact .engine-copy strong{font-size:11px}.engine-cards-compact .engine-copy small{font-size:8.5px}.engine-cards-compact .engine-price{font-size:8.5px}.essential-grid{display:grid;grid-template-columns:.8fr 1.08fr 1.12fr;gap:7px;margin-top:8px}.compact-setting{margin:0!important;min-height:80px}.compact-setting>label{margin-bottom:8px}.switch-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;cursor:pointer}.switch-row>input{position:absolute;opacity:0;pointer-events:none}.switch-ui{width:34px;height:20px;border-radius:999px;background:#293140;border:1px solid #3a4559;position:relative;transition:.18s}.switch-ui::after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#a5adbf;transition:.18s}.switch-row>input:checked+.switch-ui{background:#696ed3;border-color:#858af1}.switch-row>input:checked+.switch-ui::after{transform:translateX(14px);background:#fff}.switch-row>span:last-child{display:grid;gap:2px}.switch-row strong{font-size:11px}.switch-row small{font-size:8.5px;color:#818b9f;line-height:1.25}.scene-language-setting select{height:35px;padding:7px 9px;font-size:11px}.scene-language-setting.is-disabled{opacity:.48}.production-note{margin:8px 2px 0;color:#768197;font-size:9px;line-height:1.4}

.advanced{margin-top:9px;border:1px solid #29313e;border-radius:13px;background:#0c1118;overflow:hidden}.advanced summary{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.advanced summary span{font-weight:800;font-size:11px}.advanced summary small{font-size:9px;color:#747f93}.advanced-body{padding:0 12px 12px}.advanced .style-chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.advanced .style-chip{min-height:52px;padding:7px}.advanced-format-grid{display:grid;grid-template-columns:.85fr 1fr;gap:8px;margin-top:10px}.audio-options{display:grid;grid-template-columns:.9fr 1.4fr;gap:9px;align-items:start;margin-top:10px}.audio-toggle-card{padding:10px;border:1px solid #293242;border-radius:12px;background:#0e131b}.audio-toggle-card .switch-row{grid-template-columns:auto auto minmax(0,1fr)}#voiceOptions{display:grid;grid-template-columns:1.8fr .8fr;gap:8px}#voiceOptions .field,#sfxOptions .field{margin-top:0}#voiceOptions textarea,#sfxOptions textarea{min-height:75px}.advanced>.field textarea{min-height:68px}

.generation-bar{margin-top:10px;min-height:62px}.generation-cost strong{font-size:16px}.generate{min-width:210px}

/* Large result window replaces the narrow right preview column. */
.result-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:24px}.result-modal-backdrop{position:absolute;inset:0;background:rgba(2,4,8,.78);backdrop-filter:blur(13px)}.result-modal-card{position:relative;width:min(1040px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #343d50;border-radius:22px;background:linear-gradient(180deg,#121722,#0c1118);box-shadow:0 42px 120px rgba(0,0,0,.62)}.result-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 12px;border-bottom:1px solid #282f3c}.result-modal-header h2{margin:4px 0 3px;font-size:24px}.result-modal-header p{margin:0;color:#8792a6;font-size:11px}.result-modal-close{width:38px;height:38px;border:1px solid #343c4d;border-radius:11px;background:#161c26;color:#e8ebf4;font-size:25px;line-height:1;cursor:pointer}.result-modal-grid{display:grid;grid-template-columns:minmax(390px,1fr) 310px;gap:18px;padding:18px}.result-stage{min-height:650px;display:grid;place-items:center;border:1px solid #272f3e;border-radius:17px;background:radial-gradient(circle at 50% 36%,rgba(112,99,220,.13),transparent 34%),#080c12}.result-phone{position:relative;width:min(330px,82%);aspect-ratio:9/18.7;border:1px solid #3b4456;border-radius:34px;padding:8px;background:#0c1017;box-shadow:0 25px 80px rgba(0,0,0,.36)}.phone-preview-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:27px;background:#06090e}.result-box,.result-box video{width:100%;height:100%}.result-box video{display:block;object-fit:contain;background:#05070a}.preview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#929caf}.preview-empty strong{margin-top:16px;font-size:13px;color:#e7eaf3}.preview-empty p{max-width:220px;font-size:10px;line-height:1.45}.progress-box{position:absolute;left:12px;right:12px;bottom:18px;z-index:5;padding:12px;border:1px solid #333c4d;border-radius:13px;background:rgba(12,16,24,.94);backdrop-filter:blur(12px)}.result-side{display:flex;flex-direction:column;gap:10px}.result-summary-card,.result-actions-card{padding:14px;border:1px solid #2b3444;border-radius:14px;background:#0c1118}.result-summary-card h3{margin:0 0 10px;font-size:14px}.result-meta{display:grid;gap:7px}.result-meta>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #222a37;font-size:10px}.result-meta>div:last-child{border-bottom:0}.result-meta span{color:#7f8a9f}.result-actions-card{display:grid;gap:8px}.result-actions-card a,.result-actions-card button{min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #343e50;border-radius:10px;background:#141a24;color:#eef0f7;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer}.result-actions-card a.primary{background:#eef0ff;color:#11141b}.result-ready-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 8px;border:1px solid #34513e;border-radius:999px;background:rgba(72,150,100,.09);color:#8be3a8;font-size:9px}.result-modal-open{overflow:hidden}

/* Type descriptions must stay readable: never shrink core controls below 11px. */
.content-mode strong,.production-card strong,.reference-card strong,.prompt-presets button,.setting-field select{font-size:max(11px,1em)}

@media(max-width:1180px){.content-mode-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}.idea-composer{grid-template-columns:minmax(0,1.45fr) minmax(240px,.65fr)}.result-modal-grid{grid-template-columns:minmax(360px,1fr) 280px}}

@media(max-width:760px){
  .dashboard{width:100%;padding:12px 12px 96px}.vertical-welcome{padding:5px 3px 14px}.vertical-welcome h1{font-size:32px}.vertical-welcome p{font-size:14px;line-height:1.45}.creator-panel{padding:11px}.studio-grid{max-width:none}.tabs{display:flex;overflow-x:auto;scrollbar-width:none;gap:7px}.tab{flex:0 0 150px!important;min-height:70px;grid-template-columns:26px 1fr!important;grid-template-rows:auto auto!important;justify-items:start!important;text-align:left!important;padding:9px!important}.tab img{grid-row:1/3!important}.tab span{font-size:12px!important}.tab small{display:block!important;font-size:9px!important}.type-focus{padding:10px}.content-mode-head{display:block}.content-mode-head strong{display:block;margin-top:4px;font-size:12px;line-height:1.35}.content-mode-grid-six{display:flex;overflow-x:auto;scrollbar-width:none;gap:7px}.content-mode{flex:0 0 150px;min-height:66px;padding:9px}.content-mode strong{font-size:12px!important}.content-mode small{font-size:10px!important}.content-mode-hint{font-size:11px}.idea-composer{grid-template-columns:1fr;gap:8px}.prompt-shell textarea{min-height:134px;font-size:15px}.prompt-tool{width:auto;height:34px;padding:0 9px;font-size:10px}.prompt-tool img{margin-right:5px}.reference-card{padding:10px}.reference-card p{font-size:11px}.reference-card .compact-drop{min-height:72px}.reference-preview-wrap .preview{height:150px}.production-card{padding:10px}.production-head>span{display:none}.production-head strong{font-size:14px}.engine-cards-compact{display:flex;overflow-x:auto;scrollbar-width:none}.engine-cards-compact .engine-card{flex:0 0 154px;min-height:75px!important}.engine-cards-compact .engine-copy strong{font-size:12px!important}.engine-cards-compact .engine-copy small{display:block!important;font-size:9px}.engine-cards-compact .engine-price{font-size:9px}.essential-grid{grid-template-columns:1fr 1fr}.audio-master-setting{grid-column:1/-1}.scene-language-setting select{font-size:13px}.switch-row strong{font-size:12px}.switch-row small{font-size:10px}.advanced summary span{font-size:12px}.advanced summary small{font-size:10px}.advanced .style-chips{display:flex;overflow-x:auto;scrollbar-width:none}.advanced .style-chip{flex:0 0 130px}.advanced-format-grid,.audio-options,#voiceOptions{grid-template-columns:1fr}.advanced-format-note{display:block}.generation-bar{position:fixed;left:8px;right:8px;bottom:8px;z-index:90;min-height:72px;padding:10px 12px}.generation-cost strong{font-size:18px}.generate{min-width:190px;font-size:13px}.result-tab{width:42px;padding:0;justify-content:center}.result-tab span:not(.result-tab-dot){display:none}.result-modal{padding:0;place-items:stretch}.result-modal-card{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border-left:0;border-right:0}.result-modal-header{padding:14px 15px}.result-modal-header h2{font-size:21px}.result-modal-header p{font-size:10px}.result-modal-grid{grid-template-columns:1fr;gap:10px;padding:12px 12px 24px}.result-stage{min-height:calc(100dvh - 225px);padding:12px}.result-phone{width:min(350px,88vw);height:min(640px,calc(100dvh - 245px));aspect-ratio:auto}.result-side{display:grid;grid-template-columns:1fr 1fr}.result-summary-card,.result-actions-card{padding:11px}.result-summary-card h3{font-size:13px}.result-meta>div{padding:5px 0}.result-actions-card a,.result-actions-card button{min-height:38px}.topbar{height:66px}
}

@media(max-width:430px){.dashboard{padding-left:9px;padding-right:9px}.vertical-welcome h1{font-size:30px}.tab{flex-basis:142px!important}.content-mode{flex-basis:142px}.essential-grid{grid-template-columns:1fr}.audio-master-setting{grid-column:auto}.generation-bar{display:grid;grid-template-columns:1fr 1.35fr}.generate{min-width:0;width:100%}.result-side{grid-template-columns:1fr}.result-stage{min-height:calc(100dvh - 205px)}.result-phone{height:min(620px,calc(100dvh - 225px))}}
/* V0.13 modal detail-column alignment */
.result-phone .result-box{margin:0!important}.result-phone .progress-box{margin:0!important}.result-details{display:flex;flex-direction:column;gap:12px;padding:4px 2px}.result-status-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-status-line .live-dot{color:#8590a4;font-size:9px}.result-details h3{margin:1px 0 0;font-size:20px}.result-details>p{margin:0;color:#8893a7;font-size:11px;line-height:1.55}.result-specs{display:flex;gap:6px;flex-wrap:wrap}.result-specs span{padding:6px 8px;border:1px solid #313a4b;border-radius:999px;background:#0c1118;color:#c4cada;font-size:9px}.result-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:2px}.result-modal-actions a{min-height:42px;justify-content:center;font-size:11px;font-weight:800}.result-tip{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding:12px;border:1px solid #293241;border-radius:13px;background:#0b1017}.result-tip img{width:19px;filter:brightness(0) invert(1);opacity:.78}.result-tip span{display:grid;gap:3px}.result-tip strong{font-size:11px}.result-tip small{font-size:9px;line-height:1.4;color:#7e899d}
@media(max-width:760px){.result-details{padding:2px 3px}.result-details>p,.result-tip{display:none}.result-details h3{font-size:15px}.result-specs span{font-size:9px;padding:5px 7px}.result-modal-actions a{min-height:39px}}

/* OROXA 1.4 — premium vertical studio */
:root{--bg:#08090d;--panel:#11131a;--panel-2:#171923;--line:rgba(255,255,255,.085);--muted:#9297aa;--text:#f7f7fb;--violet:#8b5cf6;--violet-2:#b794f6;--cyan:#44d7d0;--success:#35d49a;--danger:#ff6b7a;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{background:var(--bg)}body.app-body{margin:0;background:radial-gradient(900px 520px at 52% -12%,rgba(139,92,246,.15),transparent 65%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;min-height:100vh}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,a,input,select,textarea{font:inherit}button,a{transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.app-shell{min-height:100vh}.sidebar{position:fixed!important;inset:0 auto 0 0;width:236px;height:100vh;padding:22px 16px 18px;background:rgba(10,11,16,.96);border-right:1px solid var(--line);backdrop-filter:blur(22px);z-index:50;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:7px 9px 24px;color:var(--text);text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),#5c38ca);box-shadow:0 0 26px rgba(139,92,246,.32)}.brand-mark img{width:19px}.brand-copy{display:flex;flex-direction:column;letter-spacing:.02em}.brand-copy strong{font-size:17px;letter-spacing:.14em}.brand-copy small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.side-nav{display:grid;gap:5px}.side-link{min-height:44px;padding:0 12px;border-radius:12px;color:#a9aec0;text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:600}.side-link img{width:18px;opacity:.72}.side-link:hover{background:rgba(255,255,255,.045);color:#fff}.side-link.active{color:#fff;background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(139,92,246,.05));box-shadow:inset 2px 0 var(--violet-2)}.side-link.active img{opacity:1}.side-spacer{flex:1}.side-plan{padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:13px;display:flex;gap:9px;align-items:center}.plan-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.side-plan div{display:flex;flex-direction:column}.side-plan strong{font-size:12px}.side-plan small{font-size:10px;color:var(--muted)}
.workspace{margin-left:236px;min-height:100vh}.topbar{position:sticky;top:0;z-index:40;height:68px;padding:0 clamp(20px,3vw,42px);display:flex;align-items:center;justify-content:space-between;background:rgba(8,9,13,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:14px}.topbar-title span{font-size:11px;color:var(--muted)}.mobile-menu{display:none}.credit-chip,.buy-chip,.result-tab{height:40px;border:1px solid var(--line);border-radius:11px;background:#12141c;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:9px;padding:0 12px}.credit-chip img,.buy-chip img,.result-tab img{width:17px}.credit-chip span,.result-tab span{display:flex;flex-direction:column}.credit-chip small,.result-tab small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.credit-chip strong,.result-tab strong{font-size:11px}.buy-chip{background:linear-gradient(135deg,#7c4ee5,#9b6cf4);border-color:transparent;font-weight:750}.result-tab{cursor:pointer}.result-tab.is-working{border-color:rgba(68,215,208,.45)}.result-tab.is-ready{border-color:rgba(53,212,154,.55)}.profile-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}.profile-menu summary::-webkit-details-marker{display:none}.avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#20232e;border:1px solid var(--line);font-weight:800}.profile-menu summary img{width:12px}.profile-popover{top:52px!important;right:0!important;background:#151720!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;min-width:220px!important}
.dashboard{width:min(1420px,100%);margin:0 auto;padding:30px clamp(20px,3vw,42px) 80px}.welcome.vertical-welcome{min-height:150px;margin:0 0 18px;padding:24px 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(110deg,rgba(139,92,246,.13),rgba(18,20,28,.8) 48%,rgba(68,215,208,.05));display:flex;align-items:center;overflow:hidden;position:relative}.welcome.vertical-welcome:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(139,92,246,.16);border-radius:50%;right:7%;top:-125px;box-shadow:0 0 0 30px rgba(139,92,246,.025),0 0 0 70px rgba(68,215,208,.018)}.welcome-copy{position:relative;z-index:1}.eyebrow,.mini-label,.flow-step{font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--violet-2)!important;font-weight:800}.welcome h1{font-size:clamp(26px,3.1vw,46px)!important;line-height:1.04!important;letter-spacing:-.045em;margin:8px 0!important;max-width:750px}.welcome p{font-size:15px!important;color:#b8bccb!important;margin:0!important}.platform-row{display:flex;gap:7px;margin-top:15px}.platform-row span{border:1px solid var(--line);background:rgba(5,6,10,.4);border-radius:999px;padding:5px 9px;font-size:10px;color:#c5c8d3}.platform-row img{width:12px}.vertical-demo{display:none!important}
.studio-grid{display:block!important}.panel,.page-card,.account-card,.credits-page{background:transparent!important;border:0!important;box-shadow:none!important}.creator-panel{padding:0!important}.mode-header{display:flex;align-items:center;gap:16px;margin-bottom:14px}.flow-step{min-width:max-content}.tabs{display:grid!important;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px!important;width:100%}.tab{min-height:60px!important;padding:10px 13px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#11131a!important;color:#c1c4d0!important;display:grid!important;grid-template-columns:25px 1fr!important;grid-template-rows:auto auto!important;text-align:left!important}.tab img{grid-row:1/3;width:19px!important;align-self:center}.tab span{font-weight:750;font-size:13px}.tab small{font-size:10px;color:var(--muted)}.tab.active{background:linear-gradient(145deg,rgba(139,92,246,.19),rgba(20,22,31,.98))!important;border-color:rgba(163,126,244,.42)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)}
#regularGenerator{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:14px;align-items:start}.content-mode-picker,.idea-composer,.production-card,.advanced,.generation-bar,.short-intro,#shortSetup,.short-plan{border:1px solid var(--line)!important;background:linear-gradient(155deg,rgba(19,21,29,.98),rgba(14,16,22,.98))!important;border-radius:var(--radius)!important}.content-mode-picker{grid-column:1/-1;padding:15px!important}.content-mode-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:11px}.content-mode-head strong{font-size:12px;color:#adb1c0;font-weight:500}.content-mode-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}.content-mode{min-height:64px!important;border:1px solid var(--line)!important;background:#0d0f15!important;border-radius:12px!important;color:#b9bdca!important;padding:9px!important;text-align:left!important}.content-mode strong{font-size:12px!important}.content-mode small{font-size:9px!important;color:var(--muted)!important}.content-mode.selected{background:rgba(139,92,246,.13)!important;border-color:rgba(162,123,246,.48)!important;color:#fff!important;box-shadow:inset 0 0 24px rgba(139,92,246,.05)}.content-mode-hint{margin:10px 2px 0!important;font-size:11px!important;color:var(--muted)!important}.idea-composer{grid-column:1;padding:18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;gap:14px!important}.prompt-field{min-width:0}.label-row label,.field>label{font-weight:750;color:#e8e9f0;font-size:12px}.step-num{background:var(--violet)!important}.prompt-tool{border:0!important;background:transparent!important;color:var(--violet-2)!important;font-size:11px!important}.prompt-shell{margin-top:8px}.prompt-shell textarea{min-height:170px!important;resize:vertical!important;padding:17px!important;background:#090b10!important;border:1px solid var(--line)!important;border-radius:14px!important;color:var(--text)!important;font-size:14px!important;line-height:1.55!important}.prompt-shell textarea:focus{border-color:rgba(139,92,246,.55)!important;box-shadow:0 0 0 3px rgba(139,92,246,.09)!important}.prompt-corner{font-size:9px!important}.prompt-presets{display:flex!important;flex-wrap:wrap;gap:6px!important;margin-top:9px!important}.prompt-presets button{border:1px solid var(--line)!important;background:#10121a!important;color:#b8bbc8!important;border-radius:999px!important;padding:6px 9px!important;font-size:10px!important}.prompt-presets button:hover{border-color:rgba(139,92,246,.45)!important;color:#fff!important}.reference-card{padding:13px!important;background:#0c0e14!important;border:1px dashed rgba(255,255,255,.14)!important;border-radius:14px!important;min-height:100%}.reference-head strong{font-size:12px!important}.reference-card p{font-size:10px!important;line-height:1.45!important;color:var(--muted)!important;margin:8px 0!important}.reference-drop{padding:11px!important;min-height:68px!important;background:#12151d!important;border-radius:12px!important}.reference-drop small{font-size:9px!important}.reference-preview-wrap img{max-height:150px!important;object-fit:cover}
.production-card{grid-column:2;grid-row:2/span 2;padding:18px!important;position:sticky;top:86px}.production-head{display:flex;justify-content:space-between;margin-bottom:12px}.production-head>span{display:none}.engine-cards{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.engine-card{min-height:58px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#0c0e14!important;color:#d6d8e1!important;padding:9px 11px!important}.engine-card.selected{background:rgba(139,92,246,.13)!important;border-color:rgba(139,92,246,.46)!important}.engine-copy small,.engine-price{font-size:9px!important}.engine-copy em{font-size:8px!important}.essential-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin-top:15px!important}.choices.compact{gap:6px!important}.choice{min-height:36px!important;background:#0b0d12!important;border:1px solid var(--line)!important;color:#bfc2ce!important;border-radius:9px!important}.choice.selected{background:rgba(139,92,246,.18)!important;border-color:rgba(139,92,246,.55)!important;color:#fff!important}.audio-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.audio-mode-grid button{min-height:48px;border:1px solid var(--line);background:#0b0d12;color:#b8bbc8;border-radius:10px;text-align:left;padding:8px 9px;display:flex;flex-direction:column}.audio-mode-grid strong{font-size:11px}.audio-mode-grid small{font-size:9px;color:var(--muted)}.audio-mode-grid button.selected{background:rgba(68,215,208,.09);border-color:rgba(68,215,208,.4);color:#fff}.field select,.field input,.field textarea{background:#0b0d12!important;border:1px solid var(--line)!important;color:#fff!important;border-radius:10px!important}.helper,#soundLimit{display:block;color:var(--muted)!important;font-size:9px!important;margin-top:6px}.engine-limit{font-size:10px!important;color:var(--muted)!important;margin-top:11px!important}.advanced{grid-column:1;padding:0!important;overflow:hidden}.advanced summary{padding:15px 18px!important;cursor:pointer;display:flex;justify-content:space-between}.advanced[open] summary{border-bottom:1px solid var(--line)}.advanced>section,.advanced>div:not(.field),.advanced>.field{margin:14px!important}.generation-bar{grid-column:1;margin:0!important;padding:12px 14px!important;display:flex!important;align-items:center;justify-content:space-between;gap:14px;position:sticky!important;bottom:14px!important;z-index:20;box-shadow:0 18px 55px rgba(0,0,0,.38)!important}.generation-cost span{font-size:10px!important;color:var(--muted)}.generation-cost strong{font-size:13px}.generate{min-height:46px!important;border-radius:12px!important;background:linear-gradient(135deg,#7549da,#9a6cf1)!important;border:0!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 30px rgba(118,73,218,.24)!important}.generate:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(118,73,218,.34)!important}
.result-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}.result-modal-backdrop{position:absolute;inset:0;background:rgba(3,4,7,.82);backdrop-filter:blur(14px)}.result-modal-card{position:relative;width:min(1040px,100%);max-height:92vh;overflow:auto;background:#11131a!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;box-shadow:0 34px 100px rgba(0,0,0,.62)!important}.result-modal-header{padding:20px 24px!important;border-bottom:1px solid var(--line)!important}.result-modal-header h2{font-size:24px!important;margin:4px 0!important}.result-modal-header p{display:none}.result-modal-grid{display:grid!important;grid-template-columns:minmax(340px,1fr) 300px!important;gap:0!important}.result-stage{min-height:620px!important;background:radial-gradient(circle at 50% 32%,rgba(139,92,246,.12),transparent 42%),#090a0f!important;padding:28px!important}.result-phone{height:560px!important;width:315px!important;max-width:100%;margin:auto;box-shadow:0 24px 70px rgba(0,0,0,.5)!important}.result-phone video{width:100%;height:100%;object-fit:contain;background:#000}.result-details{padding:26px!important;border-left:1px solid var(--line)}.result-actions a{border-radius:11px!important}.result-modal-close{border:1px solid var(--line)!important;background:#191c25!important;color:#fff!important;border-radius:10px!important}
.section-dashboard{padding-top:30px}.page-card h1,.credits-page h1{font-size:clamp(28px,4vw,44px)!important;letter-spacing:-.035em}.library-head,.credits-hero,.account-title-row{padding:25px 28px!important;border:1px solid var(--line)!important;background:linear-gradient(120deg,rgba(139,92,246,.12),rgba(17,19,26,.8))!important;border-radius:20px!important;margin-bottom:16px!important}.library-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.library-card{border:1px solid var(--line)!important;background:#11131a!important;border-radius:15px!important;overflow:hidden!important}.library-card video{aspect-ratio:9/16!important;width:100%!important;max-height:440px!important;background:#050608!important;object-fit:cover}.history-card-info{padding:12px!important}.empty-library{min-height:360px!important;display:grid!important;place-content:center!important;text-align:center;border:1px dashed rgba(255,255,255,.14)!important;border-radius:18px!important;background:#0e1016!important}.credits-shop,.credits-help-grid,.payment-trust{border:1px solid var(--line)!important;background:#11131a!important;border-radius:18px!important}.credit-pack-preview{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.credit-pack{background:#0c0e14!important;border:1px solid var(--line)!important;border-radius:16px!important}.credit-pack.featured{border-color:rgba(139,92,246,.58)!important;background:linear-gradient(155deg,rgba(139,92,246,.14),#0d0f15)!important;transform:translateY(-5px)}.pack-select,.auth-primary,.small-btn,.account-credit-cta{border-radius:10px!important;background:linear-gradient(135deg,#7549da,#9a6cf1)!important;color:#fff!important;border:0!important}.account-stats,.admin-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.account-stats>div,.admin-kpis>div{border:1px solid var(--line)!important;background:#11131a!important;border-radius:14px!important;padding:15px!important}.account-columns{display:grid!important;grid-template-columns:360px 1fr!important;gap:14px!important}.account-security-panel,.account-ledger-panel,.admin-user{border:1px solid var(--line)!important;background:#11131a!important;border-radius:16px!important;padding:18px!important}.ledger-row{border-color:var(--line)!important}.admin-search{display:flex;gap:8px;margin:14px 0}.admin-search input{background:#11131a;border:1px solid var(--line);color:#fff;border-radius:10px;padding:10px 12px}.auth-alert{border-radius:12px!important}
@media(max-width:1100px){#regularGenerator{grid-template-columns:1fr}.production-card{grid-column:1;grid-row:auto;position:static}.advanced,.generation-bar{grid-column:1}.content-mode-grid{grid-template-columns:repeat(3,1fr)!important}.library-grid{grid-template-columns:repeat(3,1fr)!important}.result-modal-grid{grid-template-columns:1fr 280px!important}}
@media(max-width:760px){body.app-body{font-size:14px}.sidebar{transform:translateX(-102%);width:min(84vw,300px);transition:transform .22s ease;box-shadow:30px 0 80px rgba(0,0,0,.45)}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:45;opacity:0;pointer-events:none;transition:opacity .2s}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.workspace{margin-left:0}.topbar{height:60px;padding:0 14px}.mobile-menu{display:grid!important;place-items:center;width:38px;height:38px;border:1px solid var(--line);background:#12141c;border-radius:10px}.mobile-menu img{width:18px}.topbar-title span,.profile-menu,.credit-chip small,.result-tab small,.buy-chip img{display:none!important}.topbar-actions{gap:6px}.credit-chip,.result-tab,.buy-chip{height:36px;padding:0 9px}.credit-chip img{display:none}.dashboard{padding:16px 13px 94px}.welcome.vertical-welcome{min-height:auto;padding:20px;margin-bottom:11px}.welcome h1{font-size:30px!important}.welcome p{font-size:13px!important}.mode-header{display:block}.flow-step{display:block;margin:0 0 8px 3px}.tabs{grid-template-columns:repeat(3,1fr);gap:6px!important}.tab{min-height:62px!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:3px!important}.tab img{width:17px!important}.tab span{font-size:10px}.tab small{display:none}.content-mode-picker{padding:12px!important}.content-mode-head strong{display:none}.content-mode-grid{display:flex!important;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.content-mode{min-width:126px!important;scroll-snap-align:start}.content-mode-hint{display:none}.idea-composer{grid-template-columns:1fr!important;padding:13px!important}.prompt-shell textarea{min-height:150px!important}.reference-card{min-height:auto}.production-card{padding:14px!important}.engine-cards{grid-template-columns:repeat(3,1fr)!important}.engine-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important}.engine-icon,.engine-price{display:none!important}.engine-copy strong{font-size:10px!important}.engine-copy small{font-size:8px!important}.audio-mode-grid{grid-template-columns:repeat(2,1fr)}.generation-bar{position:fixed!important;left:10px;right:10px;bottom:10px!important;border-color:rgba(139,92,246,.38)!important}.generation-cost span{display:none}.generation-bar .generate{flex:1}.result-modal{padding:0;place-items:stretch}.result-modal-card{width:100%;height:100%;max-height:none;border-radius:0!important}.result-modal-grid{grid-template-columns:1fr!important}.result-stage{min-height:calc(100vh - 220px)!important;padding:16px!important}.result-phone{height:min(68vh,610px)!important;width:auto!important;aspect-ratio:9/16}.result-details{border-left:0;border-top:1px solid var(--line);padding:16px!important}.result-tip{display:none!important}.library-head,.credits-hero,.account-title-row{padding:19px!important}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.library-card video{max-height:360px!important}.credit-pack-preview{grid-template-columns:1fr!important}.credit-pack.featured{transform:none}.account-stats,.admin-kpis{grid-template-columns:repeat(2,1fr)!important}.account-columns{grid-template-columns:1fr!important}.admin-credit-form{grid-template-columns:1fr 1fr!important}}
@media(max-width:430px){.welcome h1{font-size:27px!important}.platform-row span:not(.vertical-first){display:none}.buy-chip{font-size:0}.buy-chip:after{content:"+";font-size:18px}.content-mode{min-width:116px!important}.library-grid{grid-template-columns:1fr 1fr!important}.library-card video{max-height:300px!important}.result-tab span{display:none}.result-tab{width:36px;padding:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* OROXA 1.5 — workspace reconstruction */
body.app-body{background:
radial-gradient(800px 420px at 12% 0%,rgba(104,71,255,.13),transparent 65%),
radial-gradient(760px 460px at 88% 18%,rgba(29,174,203,.08),transparent 68%),
linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),#07080c!important;background-size:auto,auto,44px 44px,44px 44px!important}
.app-shell{padding-top:72px!important}.sidebar{inset:0 0 auto 0!important;width:100%!important;height:72px!important;min-height:0!important;padding:0 clamp(18px,3vw,46px)!important;display:flex!important;flex-direction:row!important;align-items:center!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:rgba(8,9,14,.88)!important;box-shadow:0 10px 42px rgba(0,0,0,.16)!important}.brand{padding:0 28px 0 0!important;min-width:max-content}.brand-mark{width:38px!important;height:38px!important;border-radius:13px!important;position:relative}.brand-mark:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(139,92,246,.22);border-radius:18px;animation:brandPulse 4s ease-in-out infinite}.brand-copy small{display:none}.side-nav{display:flex!important;align-items:center;gap:3px!important}.side-link{min-height:40px!important;padding:0 13px!important;border-radius:10px!important;font-size:13px!important}.side-link.active{box-shadow:none!important;background:rgba(139,92,246,.13)!important;border:1px solid rgba(139,92,246,.28)}.side-link.active:after{content:"";position:absolute;bottom:-16px;height:2px;width:30px;background:linear-gradient(90deg,var(--violet),var(--cyan));box-shadow:0 0 12px var(--violet)}.side-link{position:relative}.side-spacer{display:block!important;flex:1}.side-plan{display:none!important}.workspace{margin-left:0!important;min-height:calc(100vh - 72px)!important}.topbar{top:72px!important;height:58px!important;padding:0 clamp(18px,3vw,46px)!important;background:rgba(8,9,14,.68)!important}.topbar-title{flex-direction:row!important;align-items:center!important;gap:9px!important}.topbar-title strong{font-size:13px!important}.topbar-title span:before{content:"/";margin-right:9px;color:#4e5260}.topbar-title span{font-size:12px!important}.mobile-menu{display:none!important}.profile-popover{top:48px!important}.dashboard{width:min(1880px,100%)!important;padding:18px clamp(16px,2.4vw,38px) 95px!important}.welcome.vertical-welcome{display:none!important}.studio-grid{margin:0!important}.mode-header{min-height:52px!important;margin:0 0 10px!important;padding:0!important}.flow-step{display:none!important}.tabs{width:auto!important;grid-template-columns:repeat(2,minmax(175px,230px))!important}.tab{min-height:48px!important;grid-template-columns:22px 1fr!important;border-radius:12px!important;background:rgba(16,18,25,.72)!important}.tab.active{background:linear-gradient(135deg,rgba(123,78,230,.2),rgba(20,22,31,.92))!important}.creator-panel{max-width:none!important}
#regularGenerator{display:grid!important;grid-template-columns:290px minmax(520px,1fr) 350px!important;grid-template-rows:auto auto minmax(0,auto)!important;gap:12px!important;align-items:start!important}.production-card{grid-column:1!important;grid-row:1/5!important;position:sticky!important;top:144px!important;padding:14px!important;border-radius:16px!important;background:linear-gradient(165deg,rgba(19,22,31,.97),rgba(10,12,18,.97))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 60px rgba(0,0,0,.2)!important}.content-mode-picker{grid-column:2!important;grid-row:1!important;padding:13px!important}.idea-composer{grid-column:2!important;grid-row:2!important;grid-template-columns:minmax(0,1fr) 188px!important;padding:14px!important}.advanced{grid-column:2!important;grid-row:3!important}.generation-bar{position:fixed!important;left:50%!important;right:auto!important;bottom:17px!important;transform:translateX(-50%)!important;width:min(460px,calc(100vw - 28px))!important;padding:7px 8px 7px 13px!important;border:1px solid rgba(149,105,245,.38)!important;border-radius:15px!important;background:rgba(15,17,24,.9)!important;backdrop-filter:blur(20px)!important;box-shadow:0 15px 50px rgba(0,0,0,.48),0 0 32px rgba(110,67,220,.12)!important;z-index:80!important}.generation-bar .generate{min-width:230px!important}.generation-cost{display:flex!important;flex-direction:column!important}.generation-cost span{font-size:9px!important}.generation-cost strong{font-size:12px!important}.rail-generate{width:100%!important;margin-top:13px!important;display:grid!important;grid-template-columns:22px 1fr!important;grid-template-rows:auto auto!important;text-align:left!important;padding:9px 12px!important}.rail-generate img{grid-row:1/3;width:18px}.rail-generate span{font-size:12px}.rail-generate small{font-size:9px;opacity:.75}.production-head{margin-bottom:9px!important}.production-head strong{font-size:17px}.engine-card{min-height:51px!important}.engine-copy strong{font-size:11px!important}.engine-copy small{font-size:8px!important}.engine-price{font-size:8px!important}.essential-grid{gap:10px!important;margin-top:10px!important}.audio-mode-grid button{min-height:42px!important;padding:6px 8px!important}.audio-mode-grid strong{font-size:10px!important}.scene-language-setting select{height:39px!important}.engine-limit{padding:8px!important;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.02)}
.content-mode-head{margin-bottom:8px!important}.content-mode-head strong{font-size:10px!important}.content-mode-grid{gap:6px!important}.content-mode{min-height:78px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;border-radius:12px!important}.mode-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#7449e0,#4d7df3);margin-bottom:4px;box-shadow:0 7px 18px rgba(92,62,194,.22)}.mode-icon img{width:17px!important;height:17px!important;filter:brightness(0) invert(1)}.mode-icon.review{background:linear-gradient(145deg,#20b889,#167e71)}.mode-icon.beauty{background:linear-gradient(145deg,#f06caa,#9e4bcb)}.mode-icon.fashion{background:linear-gradient(145deg,#f19b62,#d25991)}.mode-icon.talking{background:linear-gradient(145deg,#6586ff,#6054dc)}.mode-icon.pov{background:linear-gradient(145deg,#44cbc3,#177c9d)}.content-mode strong{font-size:10px!important;white-space:nowrap}.content-mode small{font-size:8px!important}.content-mode.selected{box-shadow:inset 0 0 24px rgba(139,92,246,.08),0 8px 25px rgba(0,0,0,.17)!important}.content-mode-hint{max-height:0!important;overflow:hidden!important;margin:0!important;opacity:0}.prompt-shell textarea{min-height:210px!important;font-size:14px!important}.reference-card p{display:none}.reference-drop{min-height:92px!important;margin-top:8px!important}.reference-preview-wrap{display:flex!important;flex-direction:column!important;gap:7px}.reference-preview-wrap.hidden{display:none!important}.reference-preview-wrap>div{display:flex;gap:6px}.reference-preview-wrap button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px}.reference-preview-wrap button img{width:14px}.reference-preview-wrap img{max-height:170px!important;border-radius:9px!important}.advanced summary small{font-size:9px!important}.style-chips{grid-template-columns:repeat(6,1fr)!important}.style-chip{min-width:0!important}.advanced .field textarea{min-height:72px!important}
.result-modal{grid-column:3!important;grid-row:1/5!important;position:sticky!important;top:144px!important;inset:auto!important;z-index:15!important;display:block!important;padding:0!important;min-width:0!important}.result-modal.hidden{display:none!important}.result-modal-backdrop{display:none!important}.result-modal-card{width:100%!important;max-height:calc(100vh - 162px)!important;min-height:620px!important;border-radius:18px!important;overflow:auto!important;background:linear-gradient(160deg,rgba(18,22,32,.98),rgba(9,11,17,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 25px 70px rgba(0,0,0,.22)!important}.result-modal-header{padding:15px 16px!important}.result-modal-header h2{font-size:18px!important}.result-modal-close{display:none!important}.result-modal-grid{display:flex!important;flex-direction:column!important}.result-stage{min-height:465px!important;padding:16px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;background:radial-gradient(circle at 50% 32%,rgba(123,78,230,.18),transparent 42%),#080a10!important}.result-phone{height:430px!important;width:242px!important}.phone-preview-screen{background:linear-gradient(160deg,#0a0c12,#0e1420)!important}.preview-art{filter:drop-shadow(0 0 22px rgba(139,92,246,.36))}.preview-ring{animation:ringDrift 7s ease-in-out infinite}.preview-ring.two{animation-delay:-3s}.progress-box{width:calc(100% - 22px)!important;background:rgba(9,12,19,.86)!important;border:1px solid rgba(116,198,255,.22)!important;box-shadow:0 15px 40px rgba(0,0,0,.32)!important}.progress-track{height:7px!important;overflow:visible!important}.progress-bar{background:linear-gradient(90deg,var(--cyan),#818cf8,var(--violet-2))!important;box-shadow:0 0 15px rgba(111,213,255,.55)!important;position:relative}.progress-bar:after{content:"";position:absolute;right:-3px;top:-2px;width:11px;height:11px;border-radius:50%;background:#e9fbff;box-shadow:0 0 14px #7ce9ff}.result-details{padding:16px!important;border:0!important}.result-details h3{font-size:18px!important;margin:13px 0 6px!important}.result-details p{font-size:11px!important}.result-status-line{gap:6px!important}.result-specs{gap:5px!important}.result-specs span{font-size:9px!important}.result-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.result-actions a{min-height:40px!important;font-size:10px!important}.result-tip{margin-top:10px!important;padding:9px!important}.result-tip small{font-size:8px!important}
.image-editor{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:24px}.image-editor-backdrop{position:absolute;inset:0;background:rgba(3,4,7,.84);backdrop-filter:blur(16px)}.image-editor-card{position:relative;width:min(980px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#11131a;box-shadow:0 35px 110px rgba(0,0,0,.65)}.image-editor-card>header{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.image-editor-card h2{margin:3px 0 0;font-size:22px}.image-editor-card header button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#191c25;color:#fff}.image-editor-layout{display:grid;grid-template-columns:minmax(360px,1fr) 300px}.crop-stage{min-height:620px;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(139,92,246,.12),transparent 48%),#080a0f;position:relative;overflow:hidden}.crop-stage canvas{max-width:100%;max-height:570px;object-fit:contain;border:1px solid rgba(255,255,255,.17);border-radius:12px;box-shadow:0 22px 70px rgba(0,0,0,.45)}.safe-frame{position:absolute;bottom:12px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#8d93a7}.crop-controls{padding:20px;border-left:1px solid var(--line);display:grid;align-content:start;gap:14px}.crop-fit{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.crop-fit button{min-height:46px;border:1px solid var(--line);border-radius:10px;background:#0b0d12;color:#c9ccd6;display:flex;align-items:center;justify-content:center;gap:7px}.crop-fit button img{width:17px}.crop-fit button.selected{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.48);color:#fff}.crop-controls input[type=range]{width:100%;accent-color:#8b5cf6}.color-field{display:grid;grid-template-columns:1fr auto;align-items:center}.color-field label{grid-column:1}.color-field input{grid-column:2;grid-row:1/3;width:48px;height:36px;padding:3px}.color-field span{font-size:9px;color:var(--muted)}.editor-note{display:flex;gap:8px;padding:10px;border:1px solid rgba(68,215,208,.18);border-radius:10px;background:rgba(68,215,208,.05);font-size:10px;color:#b8c7ce}.editor-note img{width:18px}.crop-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:7px}.crop-actions button{min-height:43px;border:1px solid var(--line);border-radius:10px;background:#171923;color:#fff}.crop-actions .generate{border:0}
.credits-page .payment-methods span{min-height:45px!important;background:#0c0e14!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:8px 11px!important}.credits-page .payment-methods img{width:28px!important}.account-card.account-only-card{display:grid!important;grid-template-columns:1fr!important}.account-title-row{background:radial-gradient(420px 190px at 80% 0%,rgba(68,215,208,.1),transparent 70%),linear-gradient(120deg,rgba(139,92,246,.14),rgba(17,19,26,.9))!important}.account-stats>div{min-height:94px;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;position:relative;overflow:hidden}.account-stats>div:before{content:"";position:absolute;width:70px;height:70px;border:1px solid rgba(139,92,246,.15);border-radius:50%;right:-15px;top:-18px}.account-stats strong{font-size:24px!important}.ledger-row{min-height:60px!important}.admin-user:hover,.library-card:hover,.credit-pack:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.25)!important}
@keyframes brandPulse{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.8;transform:scale(1.04)}}@keyframes ringDrift{0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.04);opacity:.72}}
@media(max-width:1380px){#regularGenerator{grid-template-columns:270px minmax(500px,1fr) 320px!important}.content-mode-grid{grid-template-columns:repeat(3,1fr)!important}.result-phone{height:400px!important;width:225px!important}.result-stage{min-height:435px!important}}
@media(max-width:1120px){#regularGenerator{grid-template-columns:270px minmax(0,1fr)!important}.production-card{grid-column:1!important}.content-mode-picker,.idea-composer,.advanced{grid-column:2!important}.result-modal{grid-column:1/3!important;grid-row:5!important;position:relative!important;top:auto!important}.result-modal-card{min-height:0!important;max-height:none!important}.result-modal-grid{display:grid!important;grid-template-columns:1fr 300px!important}.result-stage{min-height:560px!important}.result-phone{height:520px!important;width:292px!important}.result-details{border-left:1px solid var(--line)!important}.style-chips{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:820px){.app-shell{padding-top:60px!important}.sidebar{height:60px!important;padding:0 13px!important}.brand{padding-right:12px!important}.brand-mark{width:34px!important;height:34px!important}.brand-copy{display:none!important}.side-nav{position:fixed;left:10px;right:10px;bottom:10px;height:58px;padding:6px;justify-content:space-around;background:rgba(12,14,20,.94);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 55px rgba(0,0,0,.48);backdrop-filter:blur(18px);z-index:90}.side-link{flex:1;min-width:0;padding:0 5px!important;display:flex!important;flex-direction:column;justify-content:center;gap:2px!important;font-size:8px!important}.side-link img{width:17px!important}.side-link.active:after{display:none}.topbar{top:60px!important;padding:0 12px!important}.topbar-title span{display:none}.dashboard{padding:12px 10px 150px!important}.mode-header{margin-bottom:8px!important}.tabs{width:100%!important;grid-template-columns:1fr 1fr!important}.tab{min-width:0!important}.creator-panel{padding:0!important}#regularGenerator{grid-template-columns:1fr!important}.content-mode-picker{grid-column:1!important;grid-row:1!important}.idea-composer{grid-column:1!important;grid-row:2!important}.production-card{grid-column:1!important;grid-row:3!important;position:relative!important;top:auto!important}.advanced{grid-column:1!important;grid-row:4!important}.result-modal{grid-column:1!important;grid-row:5!important}.generation-bar{bottom:78px!important}.rail-generate{display:none!important}.content-mode-grid{display:flex!important;overflow:auto}.content-mode{min-width:108px!important}.idea-composer{grid-template-columns:1fr!important}.reference-card{min-height:auto!important}.result-modal-grid{display:flex!important}.result-stage{min-height:510px!important}.result-phone{height:480px!important;width:270px!important}.result-details{border-left:0!important}.image-editor{padding:0}.image-editor-card{width:100%;height:100%;max-height:none;border-radius:0}.image-editor-layout{grid-template-columns:1fr}.crop-stage{min-height:52vh;padding:14px}.crop-stage canvas{max-height:49vh}.crop-controls{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.crop-controls>.field:first-child,.crop-controls>.color-field,.editor-note,.crop-actions{grid-column:1/3}}
@media(max-width:520px){.side-link span{font-size:7px}.topbar-actions .credit-chip{display:none}.tabs .tab small{display:block!important}.content-mode{min-height:70px!important}.prompt-shell textarea{min-height:180px!important}.result-stage{min-height:450px!important}.result-phone{height:420px!important;width:236px!important}.generation-bar{width:calc(100vw - 20px)!important}.generation-bar .generate{min-width:0!important}.generation-cost{display:none!important}.crop-controls{grid-template-columns:1fr}.crop-controls>*{grid-column:1!important}.image-editor-card h2{font-size:18px}.crop-stage{min-height:45vh}.crop-stage canvas{max-height:42vh}}
.account-identity{display:flex;align-items:center;gap:15px}.account-avatar-large{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:22px;font-weight:850;background:linear-gradient(145deg,#8b5cf6,#4f46c7);box-shadow:0 12px 30px rgba(100,64,210,.28)}.account-identity h1{margin:2px 0!important;font-size:30px!important}.account-identity .account-email{margin:0!important;color:var(--muted)!important;font-size:12px!important}.account-stats>div>img{position:absolute;right:15px;top:15px;width:24px;opacity:.62}.account-stats>div>small{color:var(--muted);font-size:9px}.payment-showcase{display:flex;align-items:center;justify-content:center;gap:10px;perspective:900px;padding:14px 0 4px}.payment-card{width:150px;aspect-ratio:1.58;border-radius:13px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 35px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);transform:rotate(-2deg);transition:.2s}.payment-card:nth-child(2){transform:translateY(-7px)}.payment-card:nth-child(3){transform:rotate(2deg)}.payment-card:hover{transform:translateY(-6px) rotate(0)}.visa-card{background:linear-gradient(145deg,#172554,#2563eb)}.mastercard-card{background:linear-gradient(145deg,#24262f,#111217)}.diners-card{background:linear-gradient(145deg,#143642,#167d8d)}.payment-card b{font-size:17px;letter-spacing:.08em}.payment-card small{font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.7)}.card-chip{width:25px;height:19px;border-radius:5px;background:linear-gradient(135deg,#f6d685,#a97a29);box-shadow:inset 0 0 0 1px rgba(77,48,8,.25)}.mastercard-card b{display:flex}.mastercard-card b i,.payment-logo.mastercard i{width:24px;height:24px;border-radius:50%;background:#eb3b2f;display:block}.mastercard-card b i+ i,.payment-logo.mastercard i+i{background:#f4a31d;margin-left:-8px;mix-blend-mode:screen}.payment-methods .payment-logo{min-width:76px;justify-content:center;font-size:11px;font-weight:850;letter-spacing:.04em}.payment-logo.visa{color:#90b4ff}.payment-logo.diners{color:#7be0eb}.payment-logo.discover{color:#f3a861}.payment-logo.mastercard{display:flex!important;flex-direction:row!important;gap:0!important}.payment-logo.mastercard i{width:18px;height:18px}@media(max-width:720px){.payment-showcase{overflow:auto;justify-content:flex-start}.payment-card{min-width:138px}.account-identity{align-items:flex-start}.account-avatar-large{width:48px;height:48px;border-radius:15px}.account-title-row{align-items:flex-start!important}.account-credit-cta{font-size:0!important}.account-credit-cta img{margin:0!important}.account-stats>div>img{width:20px}}