:root{
  --bg:#090817;--panel:#111027;--panel2:#171431;--line:rgba(154,142,255,.2);--line2:rgba(118,225,255,.35);
  --text:#f7f5ff;--muted:#938eae;--blue:#61dcff;--cyan:#70f0d2;--violet:#9d7bff;--pink:#ff78b7;--coral:#ff8d72;
  background:#090817;color:var(--text)
}
body{background:radial-gradient(circle at 72% 0,rgba(110,72,218,.2),transparent 34%),radial-gradient(circle at 28% 90%,rgba(46,196,206,.11),transparent 30%),#090817}
.studio-main{background:linear-gradient(145deg,rgba(8,8,22,.98),rgba(13,11,31,.98));overflow:auto}
.studio-main:before{background-image:radial-gradient(circle,rgba(141,125,255,.6) 0 .7px,transparent 1px);background-size:48px 48px;opacity:.12}
.sidebar{width:224px;background:linear-gradient(180deg,#0d0b21 0,#090817 70%);border-right:1px solid rgba(154,142,255,.18)}
.brand-mark{width:42px;height:42px;padding:2px;background:linear-gradient(145deg,#60e6ff,#9a74ff 54%,#ff86b9);box-shadow:0 0 26px rgba(116,111,255,.34);overflow:hidden}
.brand-mark img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.brand strong{font-size:15px;letter-spacing:.03em}.brand small{color:#9289bc;letter-spacing:.1em}
.nav-label{color:#696184}.mode-nav,.utility-nav{gap:5px}
.mode-nav button,.utility-nav button{border-radius:12px;color:#9993b4;transition:transform .18s,border-color .18s,background .18s,color .18s}
.mode-nav button:hover,.utility-nav button:hover{transform:translateX(3px);background:rgba(117,94,207,.12);border-color:rgba(157,127,255,.24)}
.mode-nav button.active,.utility-nav button.active{background:linear-gradient(105deg,rgba(98,214,255,.14),rgba(143,104,255,.2));border-color:rgba(108,219,255,.4);box-shadow:inset 3px 0 #6ce0ff,0 10px 26px rgba(4,3,20,.3)}
.mode-nav button span,.utility-nav button span{color:#72dcff}.sidebar-spacer{min-height:24px}
.topbar{height:64px;padding:0 24px;background:rgba(10,8,25,.76);border-bottom:1px solid rgba(154,142,255,.18)}
.topbar h1{font-size:15px}.topbar p{color:#7e779a}.points-pill{background:linear-gradient(120deg,rgba(18,19,49,.95),rgba(33,24,66,.95));border-color:rgba(119,211,255,.3)}
.points-pill span{color:#73e4ff}.points-pill small{color:#8a83a6}
.primary-button{background:linear-gradient(120deg,#67e1ff,#8c78ff 54%,#ff80b6);color:#0a0820;box-shadow:0 13px 34px rgba(116,103,255,.28);transition:transform .2s,filter .2s,box-shadow .2s}
.primary-button:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 17px 42px rgba(116,103,255,.38)}

.creation-page-v2{position:relative;z-index:2;width:max-content;min-width:100%;padding:18px 24px 34px}
.storyboard-strip{display:flex;align-items:center;gap:15px;width:1486px;min-height:88px;margin-bottom:15px;padding:10px 13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(110deg,rgba(20,17,48,.91),rgba(13,18,42,.78));box-shadow:0 16px 38px rgba(2,2,12,.24)}
.storyboard-label{display:grid;gap:3px;width:44px}.storyboard-label b{font-size:11px}.storyboard-label span{color:#77708f;font-size:8px}
.storyboard-list{display:flex;align-items:center;gap:9px;max-width:1410px;padding:2px;overflow-x:auto;scrollbar-width:thin}
.shot-card{position:relative;flex:0 0 105px;width:105px;height:65px;padding:0;border:1px solid rgba(154,142,255,.24);border-radius:11px;background:#0b0b1d;color:#fff;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.shot-card:hover{transform:translateY(-2px);border-color:#72e2ff}.shot-card.active{border-color:#6ee9ff;box-shadow:0 0 0 2px rgba(110,233,255,.18),0 9px 22px rgba(6,204,241,.16)}
.shot-media{position:absolute;inset:0;display:grid;place-items:center}.shot-media:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 35%,rgba(5,4,17,.8))}
.shot-media img,.shot-media video{width:100%;height:100%;object-fit:cover}.shot-empty{color:#6a6486;font-size:20px}
.shot-card>b{position:absolute;left:7px;bottom:5px;z-index:2;font-size:9px;letter-spacing:.08em}.shot-card>i{position:absolute;top:3px;right:3px;z-index:3;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(37,16,47,.85);color:#ff8fac;font-size:13px;font-style:normal;opacity:0;transition:opacity .18s}.shot-card:hover>i{opacity:1}
.shot-card.add-shot{display:grid;place-items:center;align-content:center;gap:2px;border-style:dashed;background:linear-gradient(135deg,rgba(38,34,78,.5),rgba(17,29,56,.5));color:#8a82a7}.shot-card.add-shot span{font-size:20px;color:#7fe6ff}.shot-card.add-shot small{font-size:8px}

.creation-grid-v2{display:grid;grid-template-columns:770px 276px 408px;gap:16px;align-items:start}
.creation-main{width:770px;min-width:0}
.preview-panel{width:770px;height:430px;min-height:0;border-color:rgba(129,119,229,.24);border-radius:18px;background:linear-gradient(145deg,rgba(13,13,34,.96),rgba(11,17,38,.9));box-shadow:0 26px 70px rgba(2,2,14,.25)}
.preview-panel:before{background:radial-gradient(circle at 68% 25%,rgba(121,88,255,.16),transparent 24%),linear-gradient(rgba(145,132,226,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(145,132,226,.045) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}
.preview-empty b{border-color:rgba(116,219,255,.35);background:linear-gradient(145deg,rgba(61,53,124,.54),rgba(22,40,73,.62));color:#78e1ff;box-shadow:0 14px 32px rgba(4,4,20,.3)}
.preview-empty strong{color:#e9e5ff}.preview-empty small{color:#77718f}
.preview-status{border-color:rgba(115,225,255,.3);background:rgba(14,11,34,.84)}
.progress{background:#211d3d}.progress i{background:linear-gradient(90deg,#65e4ff,#9977ff,#ff79b5)}

.prompt-card,.reference-section{margin-top:12px;border-color:rgba(154,142,255,.2);border-radius:16px;background:linear-gradient(135deg,rgba(18,16,43,.88),rgba(12,19,40,.78));box-shadow:0 14px 36px rgba(2,2,12,.18)}
.prompt-card{padding:14px}.prompt-head{margin-bottom:6px}.prompt-head label{font-size:11px}.prompt-head label small{color:#81799b}
.optimize-button{border-color:rgba(113,225,255,.38);background:linear-gradient(110deg,rgba(49,109,157,.18),rgba(102,76,176,.19));color:#8ce9ff;transition:transform .18s,box-shadow .18s}.optimize-button:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(77,176,222,.16)}
.mention-editor,.prompt-highlight,.mention-editor textarea{min-height:108px}.prompt-highlight,.mention-editor textarea{padding:10px 3px;color:#f5f2ff;font-size:13px;line-height:1.65}
.mention-editor textarea::placeholder{color:rgba(193,184,222,.42)!important;opacity:1;font-size:11px}
.mention-menu{left:8px;right:8px;top:43px;border-color:rgba(130,218,255,.34);background:rgba(18,15,42,.98);box-shadow:0 24px 64px rgba(1,1,10,.58)}
.prompt-highlight mark{border-radius:5px}.mention-color-0{background:rgba(75,208,255,.18)!important;color:#79e7ff!important}.mention-color-1{background:rgba(157,113,255,.21)!important;color:#c6a9ff!important}.mention-color-2{background:rgba(80,234,192,.16)!important;color:#83f2d2!important}.mention-color-3{background:rgba(255,144,93,.18)!important;color:#ffb28e!important}.mention-color-4{background:rgba(255,104,176,.18)!important;color:#ff9acb!important}
.reference-heading b{font-size:11px}.reference-heading span{color:#79728e}.reference-flow{gap:8px}
.reference-actions{display:flex;gap:6px}.asset-library-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 2px;padding:9px;border:1px solid rgba(132,218,255,.2);border-radius:12px;background:rgba(8,9,26,.75);max-height:210px;overflow:auto}.asset-library-menu button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;gap:0 8px;align-items:center;min-width:0;padding:6px;border:1px solid rgba(147,135,224,.18);border-radius:9px;background:#12102c;color:#fff;text-align:left}.asset-library-menu button:hover{border-color:#6de2ff;background:#1b1740}.asset-library-menu button>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:#1b2142;overflow:hidden}.asset-library-menu img{width:100%;height:100%;object-fit:cover}.asset-library-menu b,.asset-library-menu small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-library-menu b{font-size:8px}.asset-library-menu small{color:#77718f;font-size:7px}
.reference-card{width:180px;height:66px;border-color:rgba(152,139,239,.3);background:rgba(12,13,34,.83);transition:transform .18s,border-color .18s,background .18s}.reference-card:hover{transform:translateY(-2px);border-color:#72e4ff;background:#19163c}
.reference-card.uploaded{border-color:rgba(95,234,195,.32)}.reference-thumb{width:48px;height:48px;flex-basis:48px;background:linear-gradient(145deg,#1b1740,#12283d);color:#74e3ff}.reference-copy small{color:#7f769b}.asset-unbind{border-color:#4d4779;background:#1a173b;color:#91e8ff}.asset-delete{border-color:#ab496c;background:#702340}.unbind-all{border-color:#514a7a;background:#171432;color:#aaa3c8}.hover-preview{border-color:rgba(130,218,255,.3);background:#100e29}.media-load-error{background:repeating-linear-gradient(135deg,#211b3c,#211b3c 8px,#18152e 8px,#18152e 16px)}.media-load-error:after{content:"预览加载失败";color:#a9a1c4;font-size:8px}

.settings-column{display:flex;width:276px;gap:10px}.setting-card{padding:16px;border-color:rgba(154,142,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(23,20,52,.9),rgba(13,18,40,.84));box-shadow:0 15px 38px rgba(2,2,13,.2)}
.setting-card h3{margin-bottom:13px;color:#dcd7f4}.range-line strong{font-size:18px}.setting-card input[type=range]{accent-color:#8f7cff}.segmented{gap:6px}.segmented button{min-width:52px;border-color:rgba(139,127,219,.24);background:#11112c;color:#8d87a6}.segmented button:hover{border-color:#6adfff}.segmented button.active{border-color:#6be3ff;background:linear-gradient(120deg,rgba(49,127,166,.3),rgba(105,72,171,.3));color:#c9f6ff}
.generate-button{height:50px;margin-top:2px;border-radius:14px}.helper-text{color:#77718e}

.agent-reserved{position:relative;width:408px;height:871px;padding:26px;border:1px solid rgba(157,123,255,.28);border-radius:22px;background:radial-gradient(circle at 50% 12%,rgba(116,91,223,.22),transparent 25%),linear-gradient(160deg,rgba(22,17,54,.94),rgba(9,16,36,.92));box-shadow:inset 0 1px rgba(255,255,255,.04),0 28px 80px rgba(2,2,14,.28);overflow:hidden}
.agent-reserved:before{position:absolute;inset:0;content:"";background:linear-gradient(120deg,transparent 28%,rgba(106,229,255,.05),transparent 72%);transform:translateX(-100%);animation:agent-scan 8s ease-in-out infinite}
.agent-orb{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:88px auto 38px;border:1px solid rgba(119,228,255,.32);border-radius:50%;background:radial-gradient(circle,rgba(121,231,255,.22),rgba(130,92,255,.12) 48%,transparent 70%);box-shadow:0 0 70px rgba(113,101,255,.22)}
.agent-orb span{position:absolute;width:11px;height:11px;border-radius:50%;background:#78e8ff;box-shadow:0 0 18px #78e8ff;animation:agent-dot 2.4s ease-in-out infinite}.agent-orb span:first-child{transform:translateX(-24px)}.agent-orb span:last-child{transform:translateX(24px)}.agent-orb span:nth-child(2){animation-delay:.22s}.agent-orb span:last-child{animation-delay:.44s}
.agent-reserved>div:nth-child(3){position:relative;text-align:center}.agent-reserved b{font-size:19px}.agent-reserved p{max-width:310px;margin:13px auto 0;color:#8b84a3;font-size:10px;line-height:1.8}
.agent-grid{position:relative;display:grid!important;grid-template-columns:1fr 1fr;gap:9px;margin-top:44px}.agent-grid span{padding:13px;border:1px solid rgba(149,135,231,.18);border-radius:12px;background:rgba(17,15,42,.58);color:#918ba8;font-size:9px;text-align:center}
.agent-coming{position:absolute;left:26px;right:26px;bottom:25px;padding:12px;border:1px dashed rgba(114,222,255,.25);border-radius:12px;color:#6edff8;text-align:center;font-size:9px;letter-spacing:.2em}
@keyframes agent-dot{0%,100%{opacity:.35;transform:translateY(2px) scale(.75)}50%{opacity:1;transform:translateY(-3px) scale(1)}}
@keyframes agent-scan{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}

.task-row,.provider-card,.account-card,.admin-card{border-color:rgba(154,142,255,.2);background:linear-gradient(145deg,rgba(20,17,46,.84),rgba(12,18,39,.82))}.page-heading h2{color:#f4f1ff}.page-heading p{color:#837c9b}

.optimizer-admin-card{max-width:none}.optimizer-editor{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;margin-top:16px}.optimizer-tabs{display:flex;flex-direction:column;gap:5px;padding:8px;border:1px solid rgba(150,135,236,.18);border-radius:14px;background:rgba(9,8,25,.58)}.optimizer-tabs button{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9992b2;text-align:left;font-size:9px}.optimizer-tabs button span{display:grid;place-items:center;width:18px;color:#70e2ff}.optimizer-tabs button:hover{border-color:rgba(112,226,255,.24);background:rgba(112,226,255,.06)}.optimizer-tabs button.active{border-color:rgba(112,226,255,.38);background:linear-gradient(110deg,rgba(67,197,234,.12),rgba(147,109,255,.17));color:#fff;box-shadow:inset 3px 0 #70e2ff}.optimizer-panels{min-width:0}.optimizer-prompt-panel{display:none}.optimizer-prompt-panel.active{display:block}.optimizer-prompt-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px}.optimizer-prompt-panel header b{font-size:11px}.optimizer-prompt-panel header p{margin:5px 0 0;color:#817a9b;font-size:8px}.optimizer-prompt-panel header button{padding:6px 9px;border:1px solid rgba(255,142,185,.26);border-radius:8px;background:rgba(255,112,171,.08);color:#ff9fc6;font-size:8px}.optimizer-prompt-panel textarea{margin:0;min-height:410px;font-family:"Cascadia Code","Microsoft YaHei",monospace;font-size:10px}.optimizer-source{grid-column:1/-1;margin:0;padding:10px 12px;border:1px dashed rgba(110,226,255,.22);border-radius:10px;color:#7f9fb4;font-size:8px;line-height:1.7}

.assets-page{max-width:1480px}.asset-library-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px;border:1px solid rgba(155,139,245,.23);border-radius:22px;background:radial-gradient(circle at 82% 18%,rgba(255,122,183,.17),transparent 28%),linear-gradient(130deg,rgba(25,20,59,.95),rgba(12,20,43,.88));box-shadow:0 24px 60px rgba(2,2,14,.24)}.asset-eyebrow{color:#72e4ff;font-size:8px;letter-spacing:.24em}.asset-library-hero h2{margin:7px 0 8px;font-size:25px}.asset-library-hero p{margin:0;color:#918aa9;font-size:9px}.asset-page-upload{position:relative;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;gap:1px 9px;align-items:center;min-width:170px;padding:12px 15px;border:1px dashed rgba(115,229,255,.4);border-radius:14px;background:rgba(28,27,68,.7);cursor:pointer;transition:transform .18s,border-color .18s}.asset-page-upload:hover{transform:translateY(-2px);border-color:#ff94c5}.asset-page-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.asset-page-upload>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#66e5ff,#9f7cff,#ff88bc);color:#120d2b;font-size:22px;font-weight:900}.asset-page-upload b{font-size:10px}.asset-page-upload small{color:#827b9d;font-size:8px}.asset-toolbar{display:flex;align-items:center;justify-content:space-between;margin:15px 0 12px}.asset-toolbar>span{color:#7f7898;font-size:8px}.asset-filters{display:flex;gap:7px}.asset-filters button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(145,132,226,.2);border-radius:20px;background:#12102c;color:#8f88aa;font-size:9px}.asset-filters button span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#211d47;color:#aaa1ca;font-size:7px}.asset-filters button.active{border-color:#72e3ff;background:linear-gradient(120deg,rgba(78,205,238,.15),rgba(150,109,255,.18));color:#fff}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.library-card{position:relative;min-width:0;padding:9px;border:1px solid rgba(150,136,230,.2);border-radius:17px;background:linear-gradient(145deg,rgba(21,18,49,.92),rgba(12,17,38,.9));box-shadow:0 16px 38px rgba(2,2,13,.18);overflow:hidden;transition:transform .18s,border-color .18s}.library-card:hover{transform:translateY(-3px);border-color:rgba(113,226,255,.42)}.library-preview{position:relative;height:145px;border-radius:12px;background:radial-gradient(circle,#292251,#111028 70%);overflow:hidden}.library-preview>img{width:100%;height:100%;object-fit:contain}.library-kind{position:absolute;left:8px;top:8px;padding:4px 7px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(10,8,28,.74);color:#d8d2ec;font-size:7px;backdrop-filter:blur(8px)}.asset-audio-art{display:grid;place-items:center;height:100%}.asset-audio-art>span{font-size:42px;color:#9d83ff;text-shadow:0 0 28px rgba(112,225,255,.38)}.asset-audio-art audio{position:absolute;left:10px;right:10px;bottom:10px;width:calc(100% - 20px);height:30px}.library-info{padding:11px 3px 5px}.library-info>b,.library-info>p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-info>b{font-size:10px}.library-info>p{margin:5px 0 8px;color:#83dff5;font-size:7px}.library-info>div{display:flex;justify-content:space-between;color:#77708f;font-size:7px}.library-delete{position:absolute;right:13px;top:13px;display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid rgba(255,129,172,.24);border-radius:11px;background:rgba(53,18,43,.78);color:#ff9abe;font-size:7px;opacity:0;transform:translateY(-3px);transition:.18s}.library-card:hover .library-delete{opacity:1;transform:none}.library-delete span{font-size:13px}.asset-empty{grid-column:1/-1;display:grid;place-items:center;min-height:360px;padding:30px;border:1px dashed rgba(149,135,230,.25);border-radius:20px;color:#837c99;text-align:center}.asset-empty img{width:88px;height:88px;border-radius:50%;box-shadow:0 0 36px rgba(145,113,255,.28)}.asset-empty b{margin-top:15px;color:#e8e3f7}.asset-empty p{max-width:370px;margin:6px 0 0;font-size:9px;line-height:1.7}

body.modal-open{overflow:hidden}.cute-confirm{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.cute-confirm-backdrop{position:absolute;inset:0;border:0;background:rgba(5,3,18,.72);backdrop-filter:blur(8px)}.cute-confirm-card{position:relative;width:min(430px,calc(100vw - 32px));padding:35px 31px 27px;border:1px solid rgba(123,229,255,.42);border-radius:27px;background:radial-gradient(circle at 50% 0,rgba(255,130,189,.2),transparent 35%),linear-gradient(155deg,#211944,#10142f);box-shadow:0 34px 110px rgba(1,1,12,.68),inset 0 1px rgba(255,255,255,.08);text-align:center;animation:cute-pop .2s ease-out}.cute-confirm-mascot{position:relative;width:82px;height:82px;margin:-13px auto 17px;padding:3px;border-radius:50%;background:linear-gradient(135deg,#73e8ff,#a77cff,#ff8bbf);box-shadow:0 13px 34px rgba(135,106,255,.35)}.cute-confirm-mascot img{width:100%;height:100%;border-radius:50%;object-fit:cover}.cute-confirm-mascot span{position:absolute;right:-2px;top:-2px;display:grid;place-items:center;width:25px;height:25px;border:3px solid #211944;border-radius:50%;background:#ff7eaa;color:#fff;font-size:13px;font-weight:900}.cute-confirm-card h2{margin:0;color:#fff;font-size:20px}.cute-confirm-card p{min-height:42px;margin:12px auto 21px;color:#aaa2c0;font-size:10px;line-height:1.8}.cute-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cute-confirm-actions button{height:43px;border-radius:13px;font-weight:800}.cute-cancel{border:1px solid rgba(155,140,231,.26);background:#171432;color:#a9a1c1}.cute-danger{border:0;background:linear-gradient(120deg,#ff86b9,#ff727e);color:#30101c;box-shadow:0 10px 25px rgba(255,103,145,.23)}.cute-primary{border:0;background:linear-gradient(120deg,#69e3ff,#9c7dff);color:#100d28}@keyframes cute-pop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
.auth-view{background:radial-gradient(circle at 20% 18%,rgba(124,86,234,.24),transparent 35%),radial-gradient(circle at 60% 78%,rgba(55,207,217,.12),transparent 34%),#090817}.auth-panel{background:rgba(10,8,25,.78);border-left-color:rgba(154,142,255,.18)}.auth-card{border-color:rgba(129,219,255,.25);background:linear-gradient(145deg,rgba(27,21,63,.96),rgba(13,18,40,.95));box-shadow:0 38px 110px rgba(1,1,10,.48)}.auth-copy p{color:#7ce7ff}.auth-copy h1 em{color:#b099ff}.auth-copy span{color:#aaa3bd}.auth-tabs{background:#0d0b24}.auth-tabs button.active{background:linear-gradient(120deg,#23204c,#1a3152)}.auth-form input{border-color:rgba(142,130,223,.24);background:#0c0b22}.auth-form input:focus{border-color:#75e3ff;box-shadow:0 0 0 3px rgba(104,222,255,.09)}

@media(max-width:1740px){.creation-grid-v2{grid-template-columns:770px 276px}.storyboard-strip{width:1062px}.agent-reserved{display:none}}
@media(max-width:1320px){.creation-grid-v2{grid-template-columns:minmax(600px,770px) 260px}.creation-main,.preview-panel{width:100%}.preview-panel{height:auto;aspect-ratio:77/43}.storyboard-strip{width:100%}.creation-page-v2{width:auto}.settings-column{width:260px}}
@media(max-width:980px){.creation-grid-v2{grid-template-columns:1fr}.creation-main,.settings-column{width:100%}.settings-column{display:grid;grid-template-columns:repeat(3,1fr)}.settings-column .generate-button,.settings-column .helper-text{grid-column:1/-1}.preview-panel{height:auto}.storyboard-strip{align-items:flex-start}.storyboard-label{padding-top:12px}}
@media(max-width:760px){.creation-page-v2{padding:12px}.storyboard-strip{min-height:82px;padding:8px}.shot-card{flex-basis:94px;width:94px;height:58px}.settings-column{grid-template-columns:1fr}.reference-card{width:calc(50% - 4px)}}
@media(max-width:760px){.optimizer-editor{grid-template-columns:1fr}.optimizer-tabs{flex-direction:row;overflow:auto}.optimizer-tabs button{flex:0 0 150px}.asset-library-hero{align-items:flex-start;flex-direction:column}.asset-page-upload{width:100%}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-delete{opacity:1;transform:none}}
@media(max-width:760px){.asset-library-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.reference-card{width:100%}.topbar p{display:none}.storyboard-label{display:none}.preview-panel{min-height:240px}.agent-reserved{display:none}.asset-library-menu{grid-template-columns:1fr}}

.system-style-layer{position:fixed;inset:0;z-index:0;pointer-events:none;background:#090817;overflow:hidden}.system-style-layer img,.system-style-layer video{width:100%;height:100%;object-fit:cover}.auth-view,.studio-view{position:relative;z-index:1}.has-system-style .auth-view{background:linear-gradient(120deg,rgba(9,8,23,.78),rgba(9,8,23,.65))}.has-system-style .studio-main{background:linear-gradient(145deg,rgba(7,10,29,.86),rgba(10,12,34,.78))}.has-system-style .sidebar{background:rgba(5,7,25,.9);backdrop-filter:blur(12px)}
.workflow-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.text-field-card{grid-column:1/-1}.control-field-card{display:grid;gap:8px;padding:12px;border:1px solid rgba(139,123,229,.2);border-radius:13px;background:rgba(8,10,31,.75);color:#aaa4c1;font-size:9px}.control-field-card select{height:36px;padding:0 10px;border:1px solid rgba(135,119,220,.28);border-radius:9px;background:#0c0d28;color:#f1efff}.emotion-control span{display:flex;justify-content:space-between}.emotion-control output{color:#75ddff;font-weight:800}.emotion-control input{width:100%;accent-color:#9a76ff}.toggle-control{display:flex;align-items:center;justify-content:space-between}.toggle-control input{width:18px;height:18px;accent-color:#9b7cff}
.result-view{position:absolute;inset:0;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) 48px;background:#05040f}.result-media{position:relative;min-height:0;overflow:hidden}.result-media video,.result-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#020208}.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:7px 12px;border-top:1px solid rgba(137,125,222,.22);background:rgba(12,10,31,.96)}.result-actions>span{margin-right:auto;color:#7e7897;font-size:8px}.result-download{position:static;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(116,225,255,.4);border-radius:10px;background:linear-gradient(110deg,rgba(72,183,222,.2),rgba(129,91,216,.25));color:#dff9ff;font-size:9px;font-weight:800;text-decoration:none}.result-download:hover{background:rgba(113,88,218,.82)}.audio-result .preview-empty{display:grid;place-items:center;align-content:center}.audio-result audio{width:min(520px,80%);margin-top:18px}.media-error{position:absolute;inset:auto 18px 18px;z-index:3;padding:10px 12px;border:1px solid rgba(255,117,155,.4);border-radius:10px;background:rgba(65,18,43,.9);color:#ffd6e4;font-size:9px;text-align:center}
.system-style-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:16px}.system-style-preview{position:relative;min-height:230px;border:1px solid rgba(135,119,220,.28);border-radius:16px;background:#070819;overflow:hidden}.system-style-preview img,.system-style-preview video{width:100%;height:230px;object-fit:cover;opacity:var(--preview-opacity,.18)}.system-style-preview>div{display:grid;place-items:center;align-content:center;height:230px;color:#77708f}.system-style-preview>div span{font-size:28px}.system-style-controls{display:grid;gap:11px}.system-style-controls output{float:right;color:#75ddff;font-weight:800}.system-style-controls input[type=range]{padding:0;border:0;accent-color:#9a76ff}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.experience-grid>section{padding:15px;border:1px solid rgba(143,128,226,.2);border-radius:14px;background:rgba(8,7,25,.46)}.experience-grid h4{margin:0 0 13px;color:#e8e2ff;font-size:11px}.experience-grid label{margin-top:10px}.experience-grid textarea{min-height:132px}.system-bgm-preview{display:grid;place-items:center;min-height:62px;margin-bottom:10px;border:1px dashed rgba(112,222,255,.25);border-radius:11px;background:rgba(9,9,29,.54);color:#7f7898}.system-bgm-preview audio{width:calc(100% - 16px);height:36px}.announcement-enabled{padding-top:0!important}.queue-note{margin:14px 0 0;padding:10px 12px;border:1px dashed rgba(106,226,255,.22);border-radius:10px;color:#7e9bb0;font-size:8px;line-height:1.7}
.bgm-toggle{display:flex;align-items:center;gap:7px;height:38px;margin-left:auto;padding:0 12px;border:1px solid rgba(116,225,255,.28);border-radius:20px;background:linear-gradient(120deg,#19143d,#132646);color:#dffaff}.bgm-toggle+ .points-pill{margin-left:8px}.bgm-toggle span{color:#76e6ff;font-size:15px}.bgm-toggle small{font-size:8px}.bgm-toggle.muted{filter:saturate(.5);color:#8b849e}.announcement-bar{position:relative;z-index:9;display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;padding:9px 24px;border-bottom:1px solid rgba(131,215,255,.2);background:rgba(39,27,78,var(--system-ui-opacity,.84));backdrop-filter:blur(14px);color:#d9d2ee}.announcement-bar>span{font-size:14px}.announcement-bar>b{color:#7ce6ff;font-size:9px}.announcement-bar>p{margin:0;white-space:pre-wrap;font-size:9px;line-height:1.6}
:root{--system-ui-opacity:.84}.has-custom-ui-opacity .sidebar,.has-custom-ui-opacity .topbar,.has-custom-ui-opacity .storyboard-strip,.has-custom-ui-opacity .preview-panel,.has-custom-ui-opacity .prompt-card,.has-custom-ui-opacity .reference-section,.has-custom-ui-opacity .setting-card,.has-custom-ui-opacity .agent-reserved,.has-custom-ui-opacity .task-row,.has-custom-ui-opacity .provider-card,.has-custom-ui-opacity .account-card,.has-custom-ui-opacity .admin-card,.has-custom-ui-opacity .asset-library-hero,.has-custom-ui-opacity .library-card,.has-custom-ui-opacity .auth-panel,.has-custom-ui-opacity .auth-card{background:rgba(12,10,32,var(--system-ui-opacity))!important;backdrop-filter:blur(12px)}.has-custom-ui-opacity .studio-main{background:rgba(8,7,24,var(--system-ui-opacity))}.has-custom-ui-opacity .experience-grid>section{background:rgba(8,7,25,var(--system-ui-opacity))}
@media(max-width:760px){.experience-grid,.system-style-layout{grid-template-columns:1fr}.announcement-bar{padding:8px 15px}.bgm-toggle small{display:none}}
.account-stats small{display:block;margin-top:6px;color:#655f7d;font-size:8px;line-height:1.5}
@media(max-width:900px){.workflow-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.system-style-layout{grid-template-columns:1fr}}@media(max-width:520px){.workflow-controls{grid-template-columns:1fr}}
@media(max-width:480px){.library-grid{grid-template-columns:1fr}.asset-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.cute-confirm-card{padding:30px 20px 22px}.optimizer-prompt-panel textarea{min-height:330px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.agent-reserved:before,.agent-orb span{animation:none!important}}