:root{--bg:#030607;--page:#030607;--board:#090d0f;--card:#0e1316;--card-raised:#141a1d;--field:#070a0c;--edge:rgba(255,255,255,.085);--text:#f6f8f9;--muted:#b5bec1;--soft:#718086;--accent:#8ce9ef;--accent-2:#51cbd5;--accent-bg:rgba(140,233,239,.09)}
html,body,#root{background:#030607}body{background:radial-gradient(circle at 86% 8%,rgba(55,159,168,.075),transparent 27%),radial-gradient(circle at 8% 0,rgba(91,210,218,.045),transparent 24%),#030607}.ambient-orb{opacity:.05}.orb-a{background:#58ccd5}.orb-b{background:#24747a}.orb-c{background:#153e42}.cursor-aura{background:radial-gradient(circle,rgba(140,233,239,.055),rgba(140,233,239,.018) 38%,transparent 70%)}
.promo-bar{background:linear-gradient(90deg,#071113,#080c0d 52%,#0d0f0f);border-color:rgba(140,233,239,.1)}.topbar{background:rgba(3,6,7,.9);border-color:rgba(255,255,255,.07);box-shadow:0 14px 38px rgba(0,0,0,.28)}.nav-link.active{background:transparent}.nav-link.active:after{background:#8ce9ef;box-shadow:0 0 16px rgba(140,233,239,.38)}
.hero{border-color:rgba(255,255,255,.065);background:radial-gradient(circle at 77% 34%,rgba(66,169,177,.1),transparent 30%),linear-gradient(125deg,#05090a,#030607 62%,#060b0c);box-shadow:0 36px 105px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.03)}.hero-glow{background:radial-gradient(circle,rgba(92,205,213,.1),rgba(51,128,134,.025) 44%,transparent 70%)}.live-tag{background:rgba(140,233,239,.045)}.hero h1 em{background:linear-gradient(90deg,#e6fbfc,#9ce8ec 58%,#54bec6);background-clip:text;-webkit-text-fill-color:transparent}.primary-button,.generate-button{background:linear-gradient(135deg,#d9fafc,#82e4ea);color:#092023;box-shadow:0 10px 32px rgba(99,219,227,.14),inset 0 1px rgba(255,255,255,.55)}
.studio-shell{background:linear-gradient(145deg,#080c0e,#050809);border-color:rgba(255,255,255,.07)}.creation-panel,.preview-panel{background:linear-gradient(155deg,#101518,#0a0e10);border-color:rgba(255,255,255,.085)}.panel-head,.settings-block,.generation-footer,.preview-head,.director-insight{background:#12171a}.prompt-shell,.reference-drop,.frame-slot{background:#070b0d}.model-row{background:#12171a}.parameter-toolbar{background:#0d1113}.parameter-pill:hover,.parameter-pill.open,.parameter-pill.active{background:#171e21}.library-head,.task-card,.asset-library-grid article,.asset-summary article{background:#0e1316}.quick-section,.projects-preview{background:linear-gradient(150deg,#090d0f,#050809)}

/* Restrained dark entry cards: color is used as light, not as a solid fill. */
.home-entry-grid{gap:16px;margin-top:28px;margin-bottom:28px}.home-entry-card{--entry-accent:#8ce9ef;isolation:isolate;min-height:220px;padding:28px 30px 25px;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:radial-gradient(circle at 88% 16%,rgba(140,233,239,.11),transparent 34%),linear-gradient(135deg,#101619,#080c0e 68%,#0b1113);box-shadow:0 22px 65px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s}.home-entry-card:before{content:"";position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--entry-accent),transparent);opacity:.62}.home-entry-card:after{content:"";position:absolute;z-index:-1;right:-60px;bottom:-115px;width:260px;height:260px;border:1px solid color-mix(in srgb,var(--entry-accent) 16%,transparent);border-radius:50%;box-shadow:0 0 0 38px color-mix(in srgb,var(--entry-accent) 3%,transparent),0 0 0 76px color-mix(in srgb,var(--entry-accent) 2%,transparent)}.home-entry-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--entry-accent) 32%,transparent);box-shadow:0 32px 85px rgba(0,0,0,.44),0 0 40px color-mix(in srgb,var(--entry-accent) 7%,transparent),inset 0 1px rgba(255,255,255,.06)}
.home-entry-card>span{position:relative;z-index:2;height:25px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--entry-accent) 32%,transparent);background:rgba(3,7,8,.58);color:var(--entry-accent);font-size:9px;letter-spacing:1.2px}.home-entry-card h2{position:relative;z-index:2;margin:17px 0 7px;color:#f7f9fa;font-size:25px;letter-spacing:-.65px}.home-entry-card p{position:relative;z-index:2;max-width:72%;min-height:44px;color:#aeb9bd;font-size:12px;line-height:1.75}.home-entry-card>i{position:relative;z-index:3;margin-top:auto;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);color:#eaf4f5;font-size:10px;transition:color .2s,border-color .2s,background .2s}.home-entry-card:hover>i{color:var(--entry-accent);border-color:color-mix(in srgb,var(--entry-accent) 25%,transparent);background:color-mix(in srgb,var(--entry-accent) 6%,transparent)}.home-entry-card>b{right:25px;bottom:-18px;z-index:1;color:color-mix(in srgb,var(--entry-accent) 8%,transparent);font-size:108px;letter-spacing:-8px;text-shadow:0 0 55px color-mix(in srgb,var(--entry-accent) 8%,transparent)}
.guide-entry{--entry-accent:#8ce9ef;background:radial-gradient(circle at 86% 18%,rgba(79,184,192,.115),transparent 35%),linear-gradient(135deg,#101619,#080c0e 68%,#091113)}.recharge-entry{--entry-accent:#efd69c;background:radial-gradient(circle at 87% 17%,rgba(213,181,112,.105),transparent 36%),linear-gradient(135deg,#151510,#0d0e0c 65%,#11100c)}.recharge-entry>b{right:17px;bottom:-12px;color:rgba(239,214,156,.07);font-size:92px;text-shadow:0 0 55px rgba(239,214,156,.06)}
.credits-view{background:transparent}.credits-overview article,.package-section,.credit-history{background:#0c1012}.credit-package{background:#111619}.credit-package:hover{background:#151c1f}.credit-package.recommended{border-color:rgba(140,233,239,.22);background:radial-gradient(circle at 100% 0,rgba(140,233,239,.075),transparent 40%),#111619}.credit-package.value{border-color:rgba(239,214,156,.2);background:radial-gradient(circle at 100% 0,rgba(239,214,156,.06),transparent 40%),#111619}
/* Final usability pass: readable supporting text and real video results. */
.section-kicker{font-size:11px}.studio-model-badge small{font-size:11px}.panel-head p,.block-label p{font-size:12px}.model-row>div:nth-child(2) span,.model-tags span{font-size:11px}.cost-copy span,.cost-copy small{font-size:12px}.preview-head span{font-size:11px}.preview-empty p,.insight-head small,.insight-body small{font-size:12px}.task-meta p,.asset-library-grid p,.asset-summary small{font-size:11px}
.preview-canvas.has-video{display:block;background:#020405}.preview-video-result{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#020405}.preview-video-result video{width:100%;height:100%;object-fit:contain;background:#000}.video-result-actions{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:center;gap:9px;padding:34px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}.video-result-actions a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(12,17,19,.88);color:#eefcfd;font-size:12px;font-weight:650;text-decoration:none;backdrop-filter:blur(14px);pointer-events:auto}.video-result-actions a:last-child{border-color:rgba(140,233,239,.34);background:linear-gradient(135deg,#d9fafc,#82e4ea);color:#092023}.modal-video-result{position:relative;margin:4px 0 16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#020405;aspect-ratio:16/10}.modal-video-result video{width:100%;height:100%;object-fit:contain;background:#000}.modal-video-result .video-result-actions{left:8px;right:8px;bottom:8px}.modal-video-result .video-result-actions a{min-height:34px;font-size:11px}

@media(max-width:720px){
  main{padding-bottom:78px}.home-entry-card{min-height:225px}.home-entry-card p{max-width:86%}
  .topbar{z-index:75;height:62px;padding:0 14px;backdrop-filter:none;-webkit-backdrop-filter:none}.topbar nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:70;height:60px;margin:0;padding:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:rgba(8,12,14,.94);box-shadow:0 18px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(24px) saturate(1.2)}
  .topbar nav .nav-link,.topbar nav .nav-link[data-view="credits"]{height:50px;margin:0;padding:0 3px;display:flex!important;align-items:center;justify-content:center;border-radius:14px;font-size:12px;line-height:1;white-space:nowrap;word-break:keep-all}.nav-link.active{background:rgba(140,233,239,.09)}.nav-link.active:after{left:18%;right:18%;bottom:4px}
  .parameter-popover{bottom:82px!important;z-index:80}
  .top-actions{gap:7px}.ghost-icon{display:none}.credit-pill{height:38px;padding:0 11px}.credit-pill small{display:none}.profile-button{display:grid!important;width:38px;height:38px}.profile-button span{width:38px;height:38px}
  .panel-head p,.block-label p,.cost-copy span,.cost-copy small,.preview-empty p,.insight-head small,.insight-body small,.model-row>div:nth-child(2) span,.model-tags span,.task-meta p,.asset-library-grid p,.asset-summary small{font-size:12px!important}
  .history-row{font-size:12px}.history-labels{font-size:11px}.credits-overview article>small,.balance-card small,.credit-package dt,.credit-package dd,.package-top>span,.package-top b small,.credits-section-title p,.credits-section-title>span{font-size:12px}.video-result-actions{left:8px;right:8px;bottom:8px;gap:7px}.video-result-actions a{min-height:36px;padding:0 11px;font-size:11px}
}

@media(max-width:420px){.topbar{padding:0 12px}.brand strong{display:none}.credit-pill{padding:0 9px}.credit-pill b{font-size:12px}}