:root{--bg:#f4f3f0;--surface:#fff;--surface-2:#f8f7f4;--surface-3:#eeece8;--line:rgba(31,27,24,.09);--line-strong:rgba(31,27,24,.15);--text:#242220;--muted:#716d68;--soft:#a39e98;--accent:#6d4bd1;--accent-2:#8a6ce1;--accent-bg:rgba(109,75,209,.09);--gold:#a67219;--danger:#cf443d}
html,body,#root{background:var(--bg);color:var(--text)}
.promo-bar{background:linear-gradient(90deg,#eee9fb,#f3f0f8 48%,#f5eee0);border-bottom-color:rgba(109,75,209,.12);color:#5f5967}.promo-bar span{background:#7654d4;color:#fff}.promo-bar button{color:#6544c8}
.topbar{background:rgba(250,249,247,.9);border-bottom-color:var(--line);box-shadow:0 1px 0 #fff8}.brand{color:#242220}.brand-symbol i{background:#7655d3}.brand-symbol i:nth-child(2){background:#9d83e8}.brand-symbol i:nth-child(3){background:#c4b4ef}.nav-link{color:#77716b}.nav-link:hover,.nav-link.active{color:#25221f}.nav-link.active:after{background:#7654d4;box-shadow:0 0 10px #7654d455}.credit-pill,.ghost-icon{background:#fff;color:#615b56;border-color:var(--line)}.credit-pill .credit-gem{color:#a67219}.profile-button span{background:linear-gradient(145deg,#8d6cdf,#5d3fc2);color:#fff}
.hero:before{background-image:linear-gradient(rgba(44,39,35,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(44,39,35,.035) 1px,transparent 1px)}.hero-glow{background:radial-gradient(circle,rgba(123,87,214,.12),rgba(123,87,214,.03) 42%,transparent 70%)}.live-tag{color:#6543c5;border-color:rgba(109,75,209,.2);background:rgba(109,75,209,.07)}.live-tag i,.system-mode i{background:#7654d4;box-shadow:0 0 8px #7654d488}.hero h1 em{background:linear-gradient(90deg,#282421 4%,#7654d4 62%,#a488e8);background-clip:text}.hero-copy>p{color:#6d6863}.quiet-button{background:#fff;border-color:var(--line-strong);color:#4d4844}.quiet-button span{color:#7654d4}.hero-proof{color:#918b85}.hero-proof b{color:#4d4844}.orbit{border-color:rgba(109,75,209,.14)}.floating-chip{background:rgba(255,255,255,.92);border-color:rgba(43,37,32,.1);box-shadow:0 14px 35px #4f423624}.floating-chip>span{color:#6d4bd1}.floating-chip small{color:#938d87}.floating-chip b{color:#34302d}
.quick-section{background:linear-gradient(#eeece8,#f4f3f0);border-top-color:var(--line)}.section-title>div>span,.section-kicker{color:#7452ce}.section-title>p,.studio-head p,.library-head p{color:#77716c}.creation-card{background:#fff;border-color:var(--line);color:var(--text);box-shadow:0 5px 18px rgba(47,39,32,.04)}.creation-card:hover{border-color:rgba(109,75,209,.3);box-shadow:0 16px 38px rgba(47,39,32,.1)}.creation-card p,.media-copy p{color:#77716c}.creation-card>i{color:#9f9993}.card-icon,.text-link i{color:#7654d4}.text-link{color:#68625d}.media-copy h3{color:#2f2b28}.done-status{color:#318765}.working-status{color:#a46f14}
.system-mode{background:#fff;color:#6f6964;border-color:var(--line)}.creation-panel,.preview-panel{background:#fff;border-color:var(--line);box-shadow:0 8px 28px rgba(56,47,39,.045)}.panel-head>div>span,.block-label>span{border-color:rgba(109,75,209,.22);color:#6d4bd1;background:var(--accent-bg)}.panel-head p,.block-label p{color:#89837d}.ai-helper{border-color:rgba(109,75,209,.2);background:var(--accent-bg);color:#6543c5}.prompt-shell{background:#faf9f7;border-color:var(--line)}.prompt-shell:focus-within{border-color:rgba(109,75,209,.42);box-shadow:0 0 0 3px rgba(109,75,209,.07)}.prompt-shell textarea{color:#292522}.prompt-shell textarea::placeholder{color:#aaa49d}.prompt-footer button{color:#6f6964}.prompt-footer button span{color:#6d4bd1}.prompt-footer>#file-name{color:#807a74}.prompt-footer small{color:#aaa49d}.prompt-footer small b{color:#706a65}.settings-block,.generation-footer{border-color:var(--line)}
.parameter-pill{background:#faf9f7;color:#5f5a55;border-color:var(--line-strong)}.parameter-pill:hover,.parameter-pill.open{border-color:rgba(109,75,209,.42);background:var(--accent-bg);color:#4d31a3}.parameter-pill.active{border-color:rgba(109,75,209,.38);color:#6543c5}.parameter-pill i{color:#77716c}.parameter-popover{background:rgba(255,255,255,.98);border-color:var(--line-strong);box-shadow:0 18px 55px rgba(54,45,38,.18)}.popover-option{color:#56514c}.popover-option:hover,.popover-option.selected,.count-option:hover,.count-option.selected{background:rgba(109,75,209,.08);color:#6543c5}.popover-option small,.count-option span,.parameter-popover>p,.duration-popover .popover-heading,.range-labels,.resolution-note{color:#8b8580}.popover-heading b{color:#37322f}.duration-popover input[type=range]{accent-color:#7654d4}.cost-formula{color:#79736e!important}.cost-formula b{color:#6543c5}.resolution-tabs button,.ratio-picker button,.seed-label input,.seed-label button{background:#faf9f7;color:#6d6762;border-color:var(--line)}.resolution-tabs button.selected,.ratio-picker button.selected,.ratio-picker button:hover{border-color:rgba(109,75,209,.42);color:#6543c5;background:var(--accent-bg)}.count-option{color:#4f4a46}.switch-row>span small{color:#8b8580}.switch-row>i{background:#d5d1cc}.switch-row>i:after{background:#fff;box-shadow:0 1px 4px #51483e33}.seed-label input,.seed-label button{color:#4e4945}.model-row{background:#faf9f7;border-color:var(--line)}.model-logo{background:linear-gradient(135deg,#aa91ea,#6846c7);color:#fff}.model-row>div:nth-child(2) span{color:#88827c}.model-tags span{color:#77716c;border-color:var(--line)}.model-row>button{color:#77716c}.cost-copy span,.cost-copy small{color:#837d77}.cost-copy strong i{color:#a67219}.generate-button,.primary-button{background:linear-gradient(135deg,#7e5bd8,#6845c7);border-color:#5f3eba;color:#fff;box-shadow:0 9px 25px rgba(92,61,184,.18)}.generate-button:hover,.primary-button:hover{box-shadow:0 12px 32px rgba(92,61,184,.25)}
.preview-head span{color:#746e68;border-color:var(--line)}.preview-canvas{background:#f7f5f2;border-color:var(--line)}.preview-grid-lines{background-image:linear-gradient(rgba(38,33,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(38,33,29,.035) 1px,transparent 1px)}.preview-spark{color:#6d4bd1;background:var(--accent-bg);border-color:rgba(109,75,209,.2);box-shadow:0 0 30px rgba(109,75,209,.1)}.preview-empty h3{color:#48433f}.preview-empty p{color:#8b8580}.director-insight{background:#faf9f7;border-color:var(--line)}.insight-head>span{color:#6d4bd1;background:var(--accent-bg)}.insight-head small,.insight-body small{color:#8b8580}.insight-head button{color:#77716c}.insight-body>div{border-color:var(--line)}.insight-body>div>span{color:#6d4bd1}
.filter-bar{border-color:var(--line)}.filter-bar button{color:#817b75}.filter-bar button.selected{color:#302c29}.filter-bar button.selected:after{background:#7654d4}.filter-bar button span{background:#e9e5df}.search-box{background:#fff;border-color:var(--line);color:#817b75}.search-box input{color:#4e4945}.task-meta h3,.asset-library-grid h3{color:#332f2c}.task-meta p,.asset-library-grid p{color:#817b75}.asset-summary article{background:#fff;border-color:var(--line);box-shadow:0 4px 15px rgba(55,46,38,.035)}.asset-summary article>span{color:#6d4bd1;background:var(--accent-bg)}.asset-summary small{color:#807a74}.asset-add{background:#fbfaf8;border-color:#c8c2bc;color:#807a74}
#toast{background:#6d4bd1;color:#fff;border-color:#5f3eba;box-shadow:0 18px 44px rgba(54,40,93,.2)}