:root{color-scheme:dark;--bg:#0c0d12;--surface:#14151b;--surface-2:#191a22;--surface-3:#20212a;--line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.13);--text:#f3f3f6;--muted:#aaa8b3;--soft:#6f707c;--accent:#9278ff;--accent-2:#65dce9;--accent-bg:rgba(146,120,255,.12);--gold:#f0cc7d;--violet-rgb:146,120,255;--shadow-soft:0 22px 70px rgba(0,0,0,.28);--shadow-float:0 32px 90px rgba(0,0,0,.42)}
html,body,#root{background:#0c0d12;color:var(--text)}body{background:radial-gradient(circle at 12% 5%,rgba(87,65,160,.17),transparent 28%),radial-gradient(circle at 88% 28%,rgba(38,125,139,.08),transparent 30%),linear-gradient(180deg,#0b0c10,#0e0f15 50%,#0b0c10)}.site-ambient:before{opacity:.05;mix-blend-mode:screen}.ambient-orb{opacity:.11}.orb-a{background:#6e54cc}.orb-b{background:#267f91}.orb-c{background:#5e4198}.cursor-aura{background:radial-gradient(circle,rgba(129,104,237,.08),rgba(101,220,233,.025) 38%,transparent 70%)}
*{scrollbar-color:#3b3d49 #111218}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#111218}::-webkit-scrollbar-thumb{background:#343642;border:2px solid #111218;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#484a5a}
.promo-bar{color:#c6c4ce;border-color:rgba(101,220,233,.12);background:linear-gradient(90deg,rgba(18,27,32,.96),rgba(16,17,23,.95) 48%,rgba(27,22,36,.96));box-shadow:inset 0 -1px rgba(255,255,255,.035)}.promo-bar span{background:linear-gradient(135deg,#72e1ec,#a18aff);color:#11131a}.promo-bar button{color:#83dfe8}.topbar{background:rgba(12,13,17,.82);border-color:rgba(255,255,255,.065);box-shadow:0 12px 36px rgba(0,0,0,.18);backdrop-filter:blur(28px) saturate(1.2)}.topbar:after{background:linear-gradient(90deg,transparent,rgba(116,223,234,.18),rgba(146,120,255,.2),transparent)}.brand{color:#f5f5f7}.brand-symbol i{background:#83e6ef}.brand-symbol i:nth-child(2){background:#a795ff}.brand-symbol i:nth-child(3){background:#568bff}.nav-link{color:#888995}.nav-link:hover{color:#e9e9ef;background:rgba(255,255,255,.045)}.nav-link.active{color:#fff;background:rgba(146,120,255,.11)}.nav-link.active:after{background:linear-gradient(90deg,#6be1eb,#9a7dff);box-shadow:0 0 15px rgba(101,220,233,.32)}.credit-pill,.ghost-icon{color:#d9d8df;border-color:rgba(255,255,255,.08);background:#15161c;box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)}.credit-pill:hover,.ghost-icon:hover{border-color:rgba(146,120,255,.25);box-shadow:0 12px 32px rgba(0,0,0,.26)}.credit-pill small{color:#85858f}.profile-button span{background:linear-gradient(145deg,#9278ff,#5fcbd7);color:#0d1014}
.hero{border-color:rgba(255,255,255,.075);background:radial-gradient(circle at 78% 20%,rgba(52,113,129,.18),transparent 29%),radial-gradient(circle at 13% 80%,rgba(100,72,182,.2),transparent 36%),linear-gradient(128deg,#101119,#11151b 45%,#12101a);box-shadow:0 38px 110px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045)}.hero:before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)}.hero:after{background:linear-gradient(90deg,transparent,rgba(101,220,233,.2),rgba(146,120,255,.18),transparent)}.hero-glow{background:radial-gradient(circle,rgba(97,213,226,.13),rgba(102,72,185,.055) 42%,transparent 70%)}.live-tag{color:#83e8f0;border-color:rgba(101,220,233,.2);background:rgba(101,220,233,.065);box-shadow:0 8px 30px rgba(0,0,0,.16)}.live-tag i{background:#65dce9}.hero h1{color:#f4f4f7}.hero h1 em{background:linear-gradient(90deg,#e5e3ff,#91e5ed 62%,#5abac5);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 24px rgba(101,220,233,.08))}.hero-copy>p{color:#a3a4ae}.primary-button,.generate-button{color:#11131a;border-color:rgba(255,255,255,.1);background:linear-gradient(120deg,#b4a4ff,#70e1eb 72%,#92d9ff);box-shadow:0 16px 40px rgba(89,187,204,.18),0 10px 34px rgba(112,82,218,.18),inset 0 1px rgba(255,255,255,.36)}.primary-button:hover,.generate-button:hover{box-shadow:0 22px 50px rgba(89,187,204,.24),0 14px 42px rgba(112,82,218,.24)}.quiet-button{color:#e3e3e8;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.035);box-shadow:0 10px 30px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)}.quiet-button:hover{border-color:rgba(101,220,233,.25);box-shadow:0 15px 38px rgba(0,0,0,.24)}.quiet-button span{color:#79e1eb}.hero-proof{color:#7e7f8a}.hero-proof b{color:#c9c8d0}.hero-proof span:hover{color:#e5e4e9}.hero-proof>i{background:rgba(255,255,255,.09)}.floating-chip{color:#ececf1;border-color:rgba(255,255,255,.09);background:rgba(22,23,30,.9);box-shadow:0 20px 50px rgba(0,0,0,.36)}.floating-chip small{color:#8b8c97}.floating-chip b{color:#eeeef2}
.quick-section{border-color:rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(17,18,24,.94),rgba(12,13,18,.82) 45%,transparent)}.section-title>div>span,.section-kicker{color:#79dfe9}.section-title h2{color:#f2f2f5}.section-title>p{color:#898a96}.creation-card{color:#f3f3f6;border-color:rgba(255,255,255,.075);background:#15161c;box-shadow:0 16px 42px rgba(0,0,0,.22)}.creation-card:hover{border-color:rgba(126,215,228,.2);box-shadow:0 28px 70px rgba(0,0,0,.38)}.creation-card:before{background:radial-gradient(280px circle at var(--card-x,50%) var(--card-y,50%),rgba(124,223,234,.1),transparent 58%)}.creation-card p,.media-copy p{color:#858691}.creation-card>i{color:#777985}.card-icon,.text-link i{color:#8be0e9}.media-card:hover{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035);box-shadow:0 26px 65px rgba(0,0,0,.3)}.media-copy h3{color:#ececf0}.text-link{color:#a0a1aa}
.studio-head h1,.library-head h1{color:#f2f2f5}.studio-head p,.library-head p{color:#93949f}.studio-head .section-kicker{color:#7edee8}.studio-model-badge,.studio-head .system-mode{color:#d4d3db;border-color:rgba(255,255,255,.08);background:#15161c;box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}.studio-model-badge b{color:#ededf1}.studio-model-badge small{color:#777985}.studio-head .system-mode i{background:#71e2ec}.studio-model-badge i{background:linear-gradient(145deg,#9b82ff,#57cbd8);color:#101218}
.creation-panel,.preview-panel{border-color:rgba(255,255,255,.075);background:linear-gradient(155deg,rgba(23,24,31,.98),rgba(17,18,24,.98));box-shadow:0 28px 85px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)}.creation-panel:before,.preview-panel:before{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(101,220,233,.08),rgba(146,120,255,.1));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.creation-panel:after{background:linear-gradient(#72dce8,#9b7eff);box-shadow:0 0 18px rgba(101,220,233,.3)}.panel-head>div>span,.block-label>span{color:#a894ff;background:linear-gradient(145deg,rgba(146,120,255,.16),rgba(101,220,233,.07));box-shadow:inset 0 1px rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.14)}.panel-head h2,.block-label h2{color:#f2f2f5}.panel-head p,.block-label p{color:#848590}.ai-helper{color:#b9a8ff;border-color:rgba(146,120,255,.18);background:linear-gradient(135deg,rgba(146,120,255,.13),rgba(101,220,233,.055));box-shadow:0 9px 24px rgba(0,0,0,.14)}.ai-helper:hover{box-shadow:0 14px 32px rgba(0,0,0,.23)}
.prompt-shell{border-color:rgba(255,255,255,.08);background:linear-gradient(145deg,#111218,#13141b);box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 28px rgba(0,0,0,.18)}.prompt-shell:focus-within{border-color:rgba(101,220,233,.35)!important;box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 0 1px rgba(101,220,233,.08)!important}.prompt-shell textarea{color:#e9e9ed}.prompt-shell textarea::placeholder{color:#62636e}.prompt-footer{border-color:rgba(255,255,255,.07)}.prompt-footer button{color:#aaaab4}.prompt-footer button span{color:#7ee1ea}.prompt-footer small,.prompt-footer small b{color:#767781}.settings-block,.generation-footer{border-color:rgba(255,255,255,.07)}
.parameter-toolbar{border-color:rgba(255,255,255,.065);background:#101117;box-shadow:inset 0 1px rgba(255,255,255,.03)}.parameter-pill{color:#aaaab4;background:transparent}.parameter-pill i{color:#7d7e89}.parameter-pill:hover,.parameter-pill.open,.parameter-pill.active{color:#ececf1;border-color:rgba(101,220,233,.14);background:#1a1b23;box-shadow:0 9px 25px rgba(0,0,0,.22)}.parameter-pill.active{color:#8fe5ed}.parameter-popover{color:#e3e3e8;border-color:rgba(255,255,255,.09);background:rgba(26,27,35,.98);box-shadow:0 30px 80px rgba(0,0,0,.52),0 6px 20px rgba(0,0,0,.28)}.parameter-popover>p,.duration-popover .popover-heading,.range-labels,.resolution-note,.popover-option small,.count-option span{color:#898a95}.popover-heading b{color:#ededf1}.popover-option,.count-option{color:#c9c9d0}.popover-option:hover,.popover-option.selected,.count-option:hover,.count-option.selected{color:#9de7ed;background:rgba(101,220,233,.075)}.duration-popover input[type=range]{accent-color:#76dfe9}.cost-formula{color:#9798a2!important}.cost-formula b{color:#9de8ee}.resolution-tabs button,.ratio-picker button,.seed-label input,.seed-label button{color:#b9bac2;border-color:rgba(255,255,255,.08);background:#15161d}.resolution-tabs button.selected,.ratio-picker button.selected,.ratio-picker button:hover{color:#9ce7ee;border-color:rgba(101,220,233,.27);background:rgba(101,220,233,.07)}.ratio-picker .frame{border-color:currentColor}.switch-row>span small{color:#83848f}.seed-label input,.seed-label button{color:#d5d5dc}.model-row{border-color:rgba(255,255,255,.075);background:linear-gradient(120deg,#181920,#14151b);box-shadow:inset 0 1px rgba(255,255,255,.035)}.model-logo{color:#11131a;background:linear-gradient(145deg,#a58eff,#63d5e0)}.model-row>div:nth-child(2) span{color:#7e7f89}.model-row>div:nth-child(2) b{color:#e8e8ed}.model-tags span{color:#8b8c96;border-color:rgba(255,255,255,.08)}.model-row>button{color:#9c9da6}.cost-copy span,.cost-copy small{color:#868791}.cost-copy strong{color:#eeeef2}.cost-copy strong i{color:#edca7d}
.preview-panel{background:radial-gradient(circle at 50% 35%,rgba(95,68,165,.2),transparent 32%),linear-gradient(155deg,#17131f,#111219 60%,#16111f)}.preview-canvas{border-color:rgba(255,255,255,.08);background:radial-gradient(circle at 50% 40%,rgba(125,95,211,.17),transparent 31%),linear-gradient(155deg,#13151d,#0f1016);box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.3)}.preview-head h2,.preview-empty h3{color:#f0f0f4}.preview-head span{color:#8e8f99;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.preview-empty p{color:#777985}.preview-spark{color:#89e1ea;border-color:rgba(101,220,233,.16);background:rgba(101,220,233,.075);box-shadow:0 0 40px rgba(101,220,233,.12)}.director-insight{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.035)}.insight-head b,.insight-body b{color:#e7e7eb}.insight-head small,.insight-body small{color:#7c7d88}.insight-head>span{color:#91e2ea;background:rgba(101,220,233,.07)}.insight-head button{color:#91929c}.insight-body>div{border-color:rgba(255,255,255,.07)}.insight-body>div>span{color:#95e4eb}
.filter-bar{border-color:rgba(255,255,255,.07)}.filter-bar button{color:#868791}.filter-bar button.selected{color:#eeeef2}.filter-bar button.selected:after{background:linear-gradient(90deg,#70dfe9,#967bff)}.filter-bar button span{background:#20212a}.search-box{color:#858690;border-color:rgba(255,255,255,.08);background:#15161c}.search-box input{color:#e1e1e6}.task-card:hover{background:rgba(255,255,255,.035);box-shadow:0 24px 60px rgba(0,0,0,.3)}.task-meta h3,.asset-library-grid h3{color:#ededf1}.task-meta p,.asset-library-grid p{color:#7e7f89}.asset-summary article{border-color:rgba(255,255,255,.075);background:#15161c;box-shadow:0 12px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}.asset-summary small{color:#7c7d87}.asset-summary b{color:#eeeef2}.asset-add{color:#888994;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.asset-add:hover{color:#98e5ec;border-color:rgba(101,220,233,.28);background:rgba(101,220,233,.055)}
.image-composer .mode-media,.reference-composer .mode-media{border-color:rgba(255,255,255,.07)}.frame-slot,.reference-drop{color:#9798a2;border-color:rgba(255,255,255,.12);background:#111218}.frame-slot:hover,.reference-drop:hover{color:#8fe4eb;border-color:rgba(101,220,233,.3);background:rgba(101,220,233,.06)}.reference-counts span{color:#8c8d97;border-color:rgba(255,255,255,.08);background:#17181f}.reference-counts span.active{color:#91e4eb;border-color:rgba(101,220,233,.24);background:rgba(101,220,233,.065)}.reference-add{color:#95e3ea;border-color:rgba(101,220,233,.2);background:rgba(101,220,233,.07)}.reference-rules{color:#71727d}.reference-mention-chip{color:#b4a3ff;border-color:rgba(146,120,255,.2);background:rgba(146,120,255,.09)}.reference-mention-menu{color:#e6e6ea;border-color:rgba(255,255,255,.09);background:rgba(26,27,35,.98);box-shadow:0 22px 60px rgba(0,0,0,.48)}.mention-menu-head{color:#92939d}.mention-option b{color:#e3e3e8}.mention-option small{color:#7d7e88}.mention-option.selected,.mention-option:hover{background:rgba(146,120,255,.1)}
.modal-overlay{background:rgba(4,5,8,.68)!important;backdrop-filter:blur(18px) saturate(.78)!important}.app-modal{color:#e9e9ed;border-color:rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(29,30,38,.99),rgba(20,21,28,.99));box-shadow:0 42px 130px rgba(0,0,0,.68),0 10px 34px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.055)}.modal-close{color:#aaaab4;border-color:rgba(255,255,255,.06);background:#252630}.modal-close:hover{color:#fff;background:#30313d}.modal-icon{color:#a994ff;border-color:rgba(146,120,255,.16);background:linear-gradient(145deg,rgba(146,120,255,.18),rgba(101,220,233,.08));box-shadow:0 12px 30px rgba(0,0,0,.22)}.app-modal h2{color:#f0f0f3}.modal-content{color:#aaaab4}.modal-content .modal-row{color:#d9d9df;border-color:rgba(255,255,255,.075);background:#181920;box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)}.modal-content .modal-row:hover{border-color:rgba(101,220,233,.18);box-shadow:0 14px 34px rgba(0,0,0,.28)}.modal-content .modal-row b{color:#e8e8ec}.modal-content .modal-row span{color:#858690}.modal-actions .modal-secondary{color:#c6c6cd;border-color:rgba(255,255,255,.08);background:#23242c}.modal-actions .modal-primary{color:#11131a;background:linear-gradient(135deg,#a790ff,#69dce7);box-shadow:0 13px 32px rgba(88,180,197,.16),0 8px 26px rgba(118,85,216,.16)}.notification-item{border-color:rgba(255,255,255,.07)}.notification-item b,.account-card b{color:#e7e7eb}.notification-item small,.account-card small{color:#82838d}.account-card{background:#181920}
#toast{color:#101218;border-color:rgba(101,220,233,.3);background:linear-gradient(135deg,#a8f0f4,#a99aff);box-shadow:0 20px 55px rgba(0,0,0,.45)}
.prompt-shell textarea::placeholder{color:#7b7c87}
@media(max-width:720px){.topbar{background:rgba(12,13,17,.92)}.hero{background:radial-gradient(circle at 80% 10%,rgba(52,113,129,.15),transparent 32%),linear-gradient(145deg,#11121a,#0e1015)}.creation-panel,.preview-panel{background:#15161c}}