:root{
  --bg:#f7f8ff;--bg2:#eef7ff;--panel:rgba(255,255,255,.78);--panel2:rgba(255,255,255,.58);--line:#e7eaf5;--text:#101828;--muted:#64748b;
  --purple:#9b5cff;--pink:#ff5fa2;--blue:#35a8ff;--cyan:#49d3ee;--orange:#ff9a3d;--green:#36d481;--shadow:0 22px 60px rgba(44,54,92,.12);--soft:0 10px 26px rgba(64,80,130,.10)
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none}.muted{color:var(--muted)!important}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 16% 12%,rgba(255,139,205,.36),transparent 28%),radial-gradient(circle at 80% 8%,rgba(123,111,255,.24),transparent 30%),radial-gradient(circle at 8% 88%,rgba(27,203,236,.48),transparent 34%),radial-gradient(circle at 88% 82%,rgba(255,150,66,.22),transparent 30%),linear-gradient(135deg,#fff 0%,#f8fbff 46%,#f3eeff 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 0 42%,rgba(150,59,255,.18) 42% 55%,rgba(18,190,225,.20) 55% 100%);filter:blur(40px);opacity:.75}
.public-bg{background:transparent;min-height:100vh}.text-secondary-light{color:var(--muted)}.landing-wrap .hero-panel,.glass-card{background:var(--panel);border:1px solid rgba(255,255,255,.76);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-panel{padding:36px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:34px;background:var(--panel);border:1px solid rgba(255,255,255,.72);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.form-control,select,textarea{background:rgba(255,255,255,.82)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}textarea::placeholder,input::placeholder{color:#9aa7bd!important}.btn{border-radius:14px}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--pink));border:0;box-shadow:0 12px 22px rgba(155,92,255,.22)}.btn-dark{background:#eef3fb;color:#24324a;border:1px solid var(--line)}.btn-outline-light{border-color:var(--line);color:var(--text);background:#fff}.btn-light{background:#fff;color:#334155;border:1px solid var(--line)}
.app-bg{background:transparent}.app-shell{display:flex;min-height:100vh;padding:18px;gap:18px}.sidebar{width:292px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:22px 16px;position:sticky;top:18px;height:calc(100vh - 36px);overflow:auto;box-shadow:var(--shadow);backdrop-filter:blur(22px)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;background:conic-gradient(from 160deg,var(--blue),var(--purple),var(--pink),var(--orange),var(--cyan));box-shadow:0 12px 25px rgba(155,92,255,.28)}.brand small{display:block;color:var(--muted)}.sidebar nav a{display:flex;gap:10px;align-items:center;color:#40516d;padding:13px 14px;border-radius:15px;margin:5px 0;font-weight:650}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(229,242,255,.9));color:#bd1687;box-shadow:var(--soft);border-left:3px solid var(--purple)}.sidebar-card{background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:14px;margin-top:18px;box-shadow:var(--soft)}.user-card{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 20%,#fff,transparent 18%),linear-gradient(135deg,var(--blue),var(--purple),var(--pink))}.user-card small,.plan-card small{display:block;color:var(--muted)}.plan-card{background:linear-gradient(135deg,rgba(255,246,232,.9),rgba(255,223,239,.82))}
.main{flex:1;padding:10px 14px 30px;min-width:0}.topbar{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-bottom:24px;padding:8px 0}.search-pill{margin-right:auto;min-width:300px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:var(--soft);border-radius:24px;padding:13px 18px;color:#8a97aa}.tool-btn{border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.74);box-shadow:var(--soft);color:#334155;border-radius:16px;padding:11px 16px}.font-tools{display:flex;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);border-radius:16px;overflow:hidden;box-shadow:var(--soft)}.font-tools button{background:transparent;color:#334155;border:0;padding:11px 15px;font-weight:700}.font-tools button:hover{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 26px}.page-head h1{font-size:30px;margin:0;font-weight:850;letter-spacing:-.03em}.page-head p{color:var(--muted);margin:.35rem 0}.date-badge{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);padding:10px 14px;border-radius:16px;box-shadow:var(--soft);white-space:nowrap}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-card,.panel,.output-card,.summary-bar{background:var(--panel);border:1px solid rgba(255,255,255,.82);border-radius:25px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.stat-card b{font-size:34px;display:block;letter-spacing:-.04em}.stat-card span,.stat-card small{color:var(--muted)}.stat-card span{font-weight:650}.sparkline{height:42px;margin-top:18px;border-radius:18px;background:linear-gradient(90deg,currentColor 0 8%,transparent 8% 13%,currentColor 13% 25%,transparent 25% 33%,currentColor 33% 55%,transparent 55% 62%,currentColor 62% 78%,transparent 78% 85%,currentColor 85%);opacity:.28;clip-path:polygon(0 70%,12% 50%,25% 80%,38% 28%,50% 75%,65% 38%,80% 70%,100% 25%,100% 100%,0 100%)}.accent-purple{color:var(--purple)}.accent-pink{color:var(--pink)}.accent-blue{color:var(--blue)}.accent-orange{color:var(--orange)}
.bento-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.chart-card{min-height:330px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-head h3,.glass-card h3{font-size:21px;margin:0;font-weight:850}.card-head span,.card-head a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:#31506f;font-weight:700}.bar-chart{height:200px;display:flex;align-items:end;gap:24px;padding:20px 20px 6px;border-bottom:1px solid #e9edf7}.bar-chart i{display:block;flex:1;border-radius:22px 22px 6px 6px;background:linear-gradient(180deg,var(--purple),var(--pink),var(--orange));box-shadow:0 8px 24px rgba(155,92,255,.2);opacity:.82}.bar-chart i:nth-child(1){background:linear-gradient(#73a7ff,#8bc5ff)}.bar-chart i:nth-child(2){background:linear-gradient(#a782ff,#d88cff)}.bar-chart i:nth-child(6){background:linear-gradient(#b9f585,#56d18a)}.bar-chart i:nth-child(7){background:linear-gradient(#7fe0f5,#55b9f4)}.mini-status{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.mini-status span{background:linear-gradient(135deg,#e9fff2,#fff);border-radius:18px;padding:14px;color:#0f8d4a}.mini-status span:nth-child(2){background:linear-gradient(135deg,#eaf3ff,#fff);color:#1674e7}.mini-status span:nth-child(3){background:linear-gradient(135deg,#fff2e7,#fff);color:#e56a00}.mini-status b{display:block;font-size:25px}.recent-card{min-height:330px}.project-list{display:grid}.project-list div{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #eef1f8}.project-list small{display:block;color:var(--muted);margin-top:3px}.thumb{width:54px;height:54px;border-radius:14px;grid-row:span 2;background:linear-gradient(135deg,var(--purple),var(--blue))}.t2{background:linear-gradient(135deg,var(--blue),var(--cyan))}.t3{background:linear-gradient(135deg,var(--orange),#fff0d8)}.t4{background:linear-gradient(135deg,#121826,var(--pink))}.quick-actions{grid-column:span 1}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px}.action-grid a{color:#334155;text-align:center}.action-grid span{width:60px;height:60px;border-radius:18px;margin:auto auto 10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:28px;box-shadow:0 18px 32px rgba(155,92,255,.22)}.action-grid a:nth-child(2) span{background:linear-gradient(135deg,var(--pink),#ff7857)}.action-grid a:nth-child(3) span{background:linear-gradient(135deg,#258cff,var(--blue))}.action-grid a:nth-child(4) span{background:linear-gradient(135deg,var(--orange),#ffc04d)}.action-grid a:nth-child(5) span{background:linear-gradient(135deg,var(--green),#57d7a1)}.action-grid small{display:block;color:var(--muted)}.status-card p{display:flex;justify-content:space-between;border-bottom:1px solid #eef1f8;padding:10px 0;margin:0}.status-card b{color:#14a75b;background:#e9fff2;border-radius:999px;padding:4px 10px}.tip-card{background:linear-gradient(135deg,#fff3d9,#ffd5f0,#cf9dff)}
.setup-grid{display:grid;grid-template-columns:2fr 1.4fr 1.2fr 1.2fr 1.4fr;gap:14px}.studio-setup-v2{grid-template-columns:2fr 1.25fr 1.1fr 1.1fr 1.25fr}.panel label{display:block;color:#40516d;font-weight:800;margin-bottom:10px}.panel textarea,.panel select{width:100%;padding:12px}.idea-panel textarea{min-height:120px}.toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-row label{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;margin:0}.toggle-row input{accent-color:var(--purple)}.nav-tabs{border:0;gap:8px}.nav-tabs .nav-link{color:#40516d;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);border-radius:18px 18px 0 0;padding:14px 28px;font-weight:750}.nav-tabs .nav-link.active{color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent}.output-zone{border:1px solid rgba(255,255,255,.85);border-radius:0 24px 24px 24px;padding:16px;background:rgba(255,255,255,.54);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.output-card>div:first-child,.output-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy-btn{background:#fff;border:1px solid var(--line);color:#334155;border-radius:12px;padding:7px 13px}.prompt-output{white-space:pre-wrap;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:190px;color:#172033;font-size:var(--output-font,16px);line-height:1.7;box-shadow:inset 0 1px 0 #fff}.font-small{--output-font:14px}.font-normal{--output-font:16px}.font-large{--output-font:20px}.font-xlarge{--output-font:24px}.settings-box{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.settings-box label{color:var(--muted)}.summary-bar{display:flex;gap:30px;margin-top:18px}.summary-bar b{color:#bd1687}.workspace-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.scene-list-card{background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:16px;box-shadow:var(--soft)}.scene-list{display:grid;gap:10px}.scene-pill{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;color:#334155;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:left}.scene-pill:hover,.scene-pill.active{border-color:var(--purple);background:linear-gradient(90deg,#fff,#f3eaff)}.scene-pill span{color:var(--muted);font-size:13px}.prompt-meta{margin-top:10px;color:var(--muted);font-size:14px}.duration-guide{margin-top:16px;background:linear-gradient(135deg,#f3eaff,#eaf7ff);border:1px solid #e2d7ff;border-radius:18px;padding:14px;display:grid;gap:6px;color:#574c86}.voice-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.settings-panel{display:grid;gap:10px;align-content:start}.settings-panel select{padding:10px}.tip-box{background:rgba(54,212,129,.14);border:1px solid rgba(54,212,129,.35);border-radius:16px;padding:12px;color:#187344;margin-top:8px}.thumb-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.thumb-preview-card{background:var(--panel);border:1px solid rgba(255,255,255,.85);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.fake-thumb{height:420px;border-radius:22px;border:1px solid rgba(255,255,255,.9);background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.9),transparent 18%),linear-gradient(145deg,#87c7ff,#b691ff 40%,#ff8abd 75%,#ffd581);display:grid;place-items:end center;padding:28px;text-align:center;box-shadow:inset 0 0 80px rgba(255,255,255,.35)}.fake-thumb span{font-weight:900;font-size:30px;line-height:1.05;color:#fff;text-shadow:0 4px 20px rgba(55,39,95,.55)}
.style-stage-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.style-form{display:grid;gap:12px}.style-form textarea{width:100%;padding:12px;min-height:92px}.style-form label{font-weight:800;color:#40516d}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.style-check{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;height:44px}.stage-checklist{display:grid;gap:10px}.stage-checklist span{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;color:#40516d}.style-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.style-card{background:var(--panel);border:1px solid rgba(255,255,255,.88);border-radius:24px;padding:18px;display:grid;gap:12px;box-shadow:var(--soft)}.style-card.inactive{opacity:.58}.style-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.style-card h4{margin:0}.style-card-head span,.style-meta span{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 9px;white-space:nowrap;color:#576680}.style-card p{color:#59697f;margin:0;min-height:74px}.style-meta{display:flex;gap:8px;flex-wrap:wrap}.style-actions{display:flex;gap:8px;flex-wrap:wrap}.style-actions form{display:inline}.style-file-table{--bs-table-bg:rgba(255,255,255,.7);--bs-table-border-color:#e8ecf5;color:var(--text)}.alert{border-radius:18px}.app-footer{margin-top:28px;color:#7d8aa1;font-size:13px;display:flex;gap:10px}
.focus-mode .sidebar,.focus-mode .topbar .search-pill,.focus-mode .page-head,.focus-mode .setup-grid{display:none}.focus-mode .app-shell{display:block}.focus-mode .main{padding:16px;max-width:1400px;margin:auto}.focus-mode .prompt-output{min-height:520px}.focus-mode .output-zone{max-width:1200px;margin:auto}.font-xlarge .prompt-output{line-height:1.85}
@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.app-shell{display:block;padding:10px}.sidebar{width:100%;height:auto;position:relative;top:0;margin-bottom:14px}.setup-grid,.studio-setup-v2,.style-stage-grid,.two-cols,.workspace-grid,.voice-grid,.thumb-grid{grid-template-columns:1fr}.topbar{justify-content:flex-start;flex-wrap:wrap}.search-pill{min-width:unset;width:100%;order:-1}.main{padding:10px}.summary-bar{display:grid;gap:10px}.nav-tabs .nav-link{padding:12px}.scene-list{grid-template-columns:repeat(2,minmax(0,1fr))}.style-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fake-thumb{height:360px}}
@media(max-width:650px){.grid-4,.mini-status,.action-grid,.style-cards-grid{grid-template-columns:1fr}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.page-head{display:block}.page-head h1{font-size:24px}.date-badge{display:inline-block;margin-top:8px}.prompt-output{min-height:260px}.font-tools button{padding:8px 10px}.scene-list{grid-template-columns:1fr}.fake-thumb{height:300px}.fake-thumb span{font-size:24px}.style-actions .btn,.style-actions form{width:100%}}