:root{--bg:#05040b;--panel:rgba(13,16,31,.72);--panel2:rgba(22,18,43,.82);--line:rgba(173,129,255,.18);--text:#f8f7ff;--muted:#a8a2bf;--purple:#8b5cf6;--purple2:#5b21b6;--cyan:#22d3ee;--gold:#f8c56a;--danger:#ff4d8d;--ok:#35e7a6;--radius:24px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}body{overflow-x:hidden}.cosmic-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% 10%,rgba(139,92,246,.55),transparent 30%),radial-gradient(circle at 75% 25%,rgba(34,211,238,.22),transparent 22%),linear-gradient(180deg,#060513 0%,#090416 50%,#03040a 100%)}.cosmic-bg:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500"><filter id="n"><feTurbulence baseFrequency=".7" numOctaves="2"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity=".28"/></svg>');opacity:.16;mix-blend-mode:screen}.cosmic-bg:after{content:"";position:absolute;inset:-15%;background:conic-gradient(from 210deg at 70% 30%,transparent 0deg,rgba(166,91,255,.5) 22deg,transparent 42deg,transparent 160deg,rgba(104,50,255,.3) 185deg,transparent 215deg);filter:blur(22px);animation:swirl 18s linear infinite}.lightning{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.55;background:linear-gradient(115deg,transparent 0 44%,rgba(212,190,255,.75) 45%,rgba(129,67,255,.15) 46%,transparent 48% 100%),linear-gradient(30deg,transparent 0 55%,rgba(174,80,255,.55) 56%,transparent 58% 100%);clip-path:polygon(0 0,100% 0,100% 60%,0 95%);filter:blur(.2px);animation:flicker 4.8s infinite}.stars{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(rgba(168,85,247,.8) 1px,transparent 1px);background-size:90px 90px,130px 130px;background-position:0 0,30px 20px;opacity:.35}@keyframes swirl{to{transform:rotate(360deg)}}@keyframes flicker{0%,78%,100%{opacity:.22}80%{opacity:.8}81%{opacity:.25}83%{opacity:.7}86%{opacity:.28}}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 320px;min-height:100vh;border-top:1px solid rgba(255,255,255,.08)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 26px;background:rgba(3,4,12,.72);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.logo-mark{width:46px;height:46px;border-radius:17px;background:radial-gradient(circle at 30% 25%,#fff,transparent 13%),conic-gradient(from 180deg,#22d3ee,#8b5cf6,#f8c56a,#8b5cf6,#22d3ee);box-shadow:0 0 34px rgba(139,92,246,.7)}.brand-title{font-size:21px;font-weight:800;line-height:1.05}.brand-sub{font-size:13px;color:#c9bfff}.nav{display:flex;gap:10px}.nav a{color:#eae6ff;text-decoration:none;padding:10px 16px;border-radius:999px;font-size:14px}.nav a.active,.nav a:hover{background:rgba(139,92,246,.26)}.top-actions{display:flex;align-items:center;gap:12px}.pill,.btn{border:1px solid var(--line);background:rgba(13,16,31,.72);color:var(--text);border-radius:16px;padding:11px 15px;font-weight:650}.btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 0 26px rgba(139,92,246,.45);border-color:rgba(255,255,255,.12)}.side{padding:18px;border-right:1px solid var(--line);background:rgba(5,6,16,.6);backdrop-filter:blur(18px)}.side-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.side-link{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;color:#eee;text-decoration:none;margin:5px 0}.side-link.active,.side-link:hover{background:linear-gradient(135deg,rgba(124,58,237,.6),rgba(74,24,150,.65))}.main{padding:28px 34px 42px}.right{padding:28px 18px;border-left:1px solid var(--line);background:rgba(5,6,16,.55);backdrop-filter:blur(16px)}.hero{max-width:960px;margin:18px auto 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(20,17,42,.72);color:#d9d2ff;font-size:13px}.hero h1{font-size:58px;line-height:1.04;margin:22px 0 14px;letter-spacing:-2.2px}.gradient-text{background:linear-gradient(90deg,#fff,#b794ff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#c5bed9;font-size:17px;line-height:1.7;max-width:760px}.composer{margin-top:28px;background:linear-gradient(180deg,rgba(17,20,38,.86),rgba(8,10,22,.82));border:1px solid rgba(176,135,255,.25);box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);border-radius:28px;padding:18px}.composer textarea{width:100%;min-height:94px;resize:vertical;background:transparent;border:0;outline:0;color:var(--text);font-size:16px;line-height:1.7}.tool-row,.option-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tool{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#ece9ff;border-radius:13px;padding:10px 13px;font-size:13px}.dropzone{border:1px dashed rgba(190,160,255,.45);border-radius:18px;text-align:center;padding:30px;margin:16px 0;background:rgba(0,0,0,.18);color:#d8d0ff}.dropzone.drag-active{border-color:#fff;background:rgba(139,92,246,.2)}.chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:10px 13px;cursor:pointer}.chip.active{background:rgba(139,92,246,.35);border-color:#9f7aea}.select{background:rgba(255,255,255,.04);color:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.style-card{height:170px;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(139,92,246,.36),rgba(10,10,20,.85))}.style-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.4),transparent 16%),linear-gradient(140deg,transparent,rgba(0,0,0,.6))}.style-card span{position:absolute;left:16px;bottom:16px;font-weight:750}.project-item,.export-item,.episode-item{display:flex;gap:10px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);margin-bottom:10px}.thumb{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#34206e,#071223)}.mini-title{font-size:14px;font-weight:750}.mini-sub{font-size:12px;color:var(--muted);margin-top:4px}.progress{height:5px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-top:7px}.bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px}.stat b{font-size:24px}.lang-menu{position:relative}.lang-dropdown{display:none;position:absolute;right:0;top:52px;width:240px;background:rgba(10,12,25,.96);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 24px 80px rgba(0,0,0,.5);max-height:430px;overflow:auto}.lang-menu.open .lang-dropdown{display:block}.lang-option{padding:10px;border-radius:12px;cursor:pointer;color:#eee}.lang-option:hover{background:rgba(139,92,246,.25)}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.side,.right{display:none}.cards{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:42px}.nav{display:none}.stats{grid-template-columns:repeat(2,1fr)}}

.badge{display:inline-flex;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;margin-left:8px;color:#d8d9ff}.badge.completed{background:rgba(45,212,191,.18);color:#67ffe5}.badge.failed{background:rgba(255,59,92,.18);color:#ff8aa0}.scene-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);margin:10px 0}.scene-main{min-width:0}.tool.small{padding:6px 10px;font-size:12px}.character-card{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);margin:8px 0}.character-card img{width:44px;height:44px;object-fit:cover;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#22d3ee)}