@charset "UTF-8";
:root{color-scheme:dark;--paper:#101216;--surface:#191c22;--soft:#151a23;--text:#d1d9e7;--muted:#7e8ba1;--line:#2a303b;--accent:#8facdf;--sidebar:#0e1014;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-size:14px;color:var(--text);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #7799ec;outline-offset:3px}textarea:focus,input:focus,select:focus{outline:2px solid #5f7db8;outline-offset:1px}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{display:flex;min-height:100dvh}.sidebar{width:224px;background:var(--sidebar);border-right:1px solid #232731;color:#bac2d0;padding:25px 16px 19px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:650;padding:0 9px;width:fit-content;color:#eef2fa}.brand-mark{width:36px;height:36px;border:1px solid #3a4c72;background:#202d48;color:#a2bcff;border-radius:10px;font-size:23px;font-weight:600;display:grid;place-items:center}.brand-sub{display:block;font-size:8px;letter-spacing:3px;margin-top:3px;font-weight:450;color:#748198}.new-chat{display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;border:1px solid #354769;border-radius:7px;background:#202c43;color:#b5cbff;margin:29px 0 26px;font-size:12px;font-weight:550}.new-chat:hover{background:#283751}.new-chat .icon{width:16px;height:16px}.new-chat>span{margin-left:auto;color:#7188b1}.nav-label{font-size:10px;letter-spacing:1px;color:#697385;padding:0 10px}.main-nav{display:flex;flex-direction:column;gap:5px;margin-top:10px}.nav-item{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#919cad;padding:11px 12px;text-align:left;font-size:12px;transition:background .15s,color .15s}.nav-item:hover{background:#1a1e26;color:#d3dbea}.nav-item.active{background:#1d2a42;border-color:#2b3d5c;color:#a8c3ff}.nav-item .icon{width:17px;height:17px}.nav-dot{display:none;width:4px;height:4px;background:#8faef1;border-radius:50%;margin-left:auto}.active .nav-dot{display:block}.nav-count{margin-left:auto;font-size:9px;background:#2a3343;padding:2px 5px;border-radius:4px;color:#a4b3cd}.history-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 9px 6px}.history-heading .nav-label{padding:0}.tiny-button{border:0;background:none;color:#68758a;padding:2px;font-size:10px}.chat-history{flex:1;min-height:40px;overflow:auto;scrollbar-width:thin;scrollbar-color:#303845 transparent}.history-item{border:0;background:none;width:100%;color:#78869c;padding:8px 10px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;border-radius:5px}.history-item:hover,.history-item.active{color:#bdc9df;background:#1b2029}.history-empty{font-size:10px;color:#526176;line-height:1.8;padding:7px 10px}.sidebar-bottom{margin-top:18px;padding-top:14px;border-top:1px solid #242a34}.sidebar-note{display:flex;gap:10px;align-items:center;margin:0 7px 15px}.sidebar-service-dot{width:7px;height:7px;border-radius:50%;background:#719e93;box-shadow:0 0 0 4px #719e9310}.sidebar-note p{font-size:11px;line-height:1.9;margin:0;color:#aab4c4}.sidebar-note small{font-size:9px;color:#59697e}.sidebar-link{display:flex;align-items:center;width:100%;gap:10px;font-size:11px;color:#8f9cb1;background:none;border:0;padding:10px}.sidebar-link .icon{width:16px;height:16px}.sidebar-link>span:last-child{margin-left:auto;color:#54657e}.sidebar-link:hover{color:#c2d5ff;background:#161d28;border-radius:6px}.main-area{margin-left:224px;flex:1;min-width:0}.topbar{height:66px;border-bottom:1px solid #262c36;display:flex;align-items:center;justify-content:space-between;padding:0 29px;background:#12151b;position:relative;z-index:3}.breadcrumbs{display:flex;gap:13px;align-items:center;font-size:11px;color:#6d798f}.breadcrumbs>span{color:#38465d}.breadcrumbs>b{font-weight:500;color:#c0cadb}.topbar-actions{display:flex;align-items:center;gap:14px}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#8c9bb2;background:none;border:1px solid #2b3545;border-radius:6px;padding:7px 10px}.connection:hover{border-color:#445779;color:#c0d2f5}.status-dot{width:5px;height:5px;background:#6d788a;border-radius:50%;flex:none}.connection.online .status-dot{background:#77a395;box-shadow:0 0 0 3px #77a39510}.connection.error .status-dot{background:#cc8b6e}.mobile-new-chat{display:none;background:none;border:0;color:#8fa7d3;padding:4px}.account-notice,.error-notice{margin:17px 29px 0;padding:11px 15px;border-radius:8px;font-size:11px;line-height:1.8}.account-notice{background:#30281b;border:1px solid #54422b;color:#c7ae7b;display:flex;align-items:center;justify-content:space-between;gap:12px}.account-notice>a{font-weight:550;white-space:nowrap;color:#dac394}.error-notice,.form-error{background:#342326;color:#e3a29c;border:1px solid #593436}.view{max-width:1450px;margin:0 auto}
.overview-view{padding:28px 29px 42px}.dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.dashboard-title h1{font-size:23px;font-weight:600;color:#edf1f8;margin:0 0 9px}.dashboard-title p{font-size:11px;color:#7e8ba0;margin:0;line-height:1.8}.service-pill{font-size:10px;color:#8fa7ce;background:#1a2231;border:1px solid #2b3b57;border-radius:6px;padding:8px 10px;display:flex;align-items:center;gap:7px;white-space:nowrap}.service-pill>span{width:5px;height:5px;border-radius:50%;background:#7c9cda}.dashboard-welcome{display:flex;align-items:center;gap:14px;border:1px solid #2c3c59;background:#172033;border-radius:9px;padding:20px;margin-bottom:22px}.dashboard-welcome-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #354c71;border-radius:10px;background:#22324d;color:#8eb0fa;flex:none}.dashboard-welcome-icon .icon{width:22px;height:22px}.dashboard-welcome>div{flex:1;min-width:0}.dashboard-welcome b{font-size:13px;font-weight:550;color:#bdcff0}.dashboard-welcome p{font-size:11px;line-height:1.8;color:#7e92b5;margin:7px 0 0}.dashboard-welcome .secondary-button{background:#243653;border-color:#384d70;color:#adc8f8;white-space:nowrap}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-card{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:18px 20px}.metric-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9ca6b8;font-size:11px}.metric-heading .icon{width:16px;height:16px;color:#5d6d87}.metric-card strong{display:block;font-size:30px;line-height:1.4;font-weight:550;color:#e7edf8;margin:15px 0 8px;font-variant-numeric:tabular-nums}.metric-card p{font-size:10px;color:#66758e;margin:0;line-height:1.7}.dashboard-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:22px}.dashboard-card{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:21px;min-width:0}.dashboard-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.dashboard-card-heading h2{font-size:13px;font-weight:550;margin:0;color:#cdd5e2}.dashboard-card-heading button{font-size:10px;color:#829ac2;background:none;border:0;padding:0}.dashboard-card-heading button>span{color:#586e94;margin-left:4px}.dashboard-muted{font-size:10px;color:#5e6e88}.dashboard-empty{margin:0;padding:49px 10px;text-align:center;font-size:11px;line-height:1.8;color:#61718b}.overview-recent{display:flex;flex-direction:column;min-height:203px}.overview-task{width:100%;border:0;border-bottom:1px solid #252d3b;background:none;padding:13px 0;display:flex;align-items:center;gap:14px;text-align:left}.overview-task:last-child{border:0}.overview-task>span:first-child{min-width:0;flex:1}.overview-task b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:450;color:#aebbd0}.overview-task small{display:block;font-size:9px;color:#5d708d;margin-top:6px}.overview-task-badge{border-radius:4px;padding:4px 7px;background:#1e3237;color:#7ea6a1;font-size:9px;white-space:nowrap}.overview-task-badge.warning{background:#382f23;color:#b69c73}.small-status-dot{width:5px;height:5px;background:#799e91;border-radius:50%}.service-details>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;font-size:11px}.service-details>div>span{color:#6f7d93}.service-details b{font-size:10px;font-weight:500;color:#a5b4cc}.service-details .service-address{display:block;margin:23px 0 0;padding-top:17px;border-top:1px solid #29313f}.service-address code{display:block;margin-top:9px;color:#8fa6ce;background:#121821;border:1px solid #283448;padding:10px;border-radius:5px;overflow-wrap:anywhere;font-size:10px;font-family:Consolas,monospace}.dashboard-note{font-size:10px;line-height:1.9;color:#596a83;margin:15px 0 0}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.setup-step{display:flex;gap:10px;align-items:flex-start;min-width:0;padding-right:10px}.setup-step+.setup-step{border-left:1px solid #2b3444;padding-left:19px}.step-number{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:6px;border:1px solid #34445e;background:#202c40;color:#8da9d8;font-size:10px}.setup-step>div{min-width:0;flex:1}.setup-step b{font-size:11px;font-weight:500;color:#b7c3d7}.setup-step p{font-size:10px;color:#657794;line-height:1.8;margin:9px 0 11px}.setup-step button,.setup-step a{border:0;background:none;padding:0;font-size:10px;color:#82a6e5}.setup-status{font-size:8px;white-space:nowrap;border:1px solid #303d53;background:#1c2635;padding:3px 5px;border-radius:4px;color:#7d94ba}
.chat-view{min-height:calc(100dvh - 67px);display:flex;flex-direction:column;padding:0 42px}.welcome{width:100%;max-width:890px;margin:auto;padding:54px 0 36px}.eyebrow{display:flex;align-items:center;gap:7px;color:#7f94b9;font-size:9px;font-weight:550;letter-spacing:1.8px}.eyebrow>span{width:4px;height:4px;border-radius:50%;background:#7e9ed7}.welcome h1,.page-heading h1{font-size:30px;letter-spacing:-.5px;font-weight:550;color:#e1e8f5;margin:20px 0 15px;line-height:1.5}.welcome h1>span{color:#8193b3;font-weight:400;margin-left:12px}.welcome-description{color:#7c8aa1;font-size:12px;line-height:2;margin:0}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:30px 0 25px}.suggestions>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:20px 17px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.suggestions>button:hover{border-color:#465e86}.suggestion-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;font-size:18px;margin-bottom:16px}.suggestion-icon.amber{color:#b8a27f;background:#342e25}.suggestion-icon.green{color:#86a3a1;background:#243236}.suggestion-icon.blue{color:#8d9fc2;background:#283144}.suggestions b{font-size:12px;font-weight:500;color:#b8c4d8}.suggestions small{font-size:10px;color:#667994;margin-top:9px}.suggestion-arrow{position:absolute;right:17px;top:20px;color:#51688d;font-size:15px}.creative-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:10px}.creative-links>span{color:#5b6f8e}.creative-links>button{display:flex;align-items:center;gap:7px;padding:7px 9px;border:0;background:none;font-size:10px;color:#849fc8}.creative-links>button:hover{background:#1b283d;border-radius:5px}.creative-links .icon{width:14px;height:14px}.composer-wrap{width:100%;max-width:890px;margin:15px auto 0;padding:10px 0 19px;position:sticky;bottom:0;background:var(--paper);z-index:2}.chat-composer{border:1px solid #34425a;border-radius:10px;background:#1a202a;padding:16px 16px 11px}.chat-composer:focus-within{border-color:#4a6694}.chat-composer textarea{border:0;background:none;resize:none;width:100%;color:#c4cee0;font-size:12px;line-height:1.9;min-height:54px;max-height:220px;outline:none!important;padding:0 2px}.chat-composer textarea::placeholder{color:#586e90}.composer-toolbar{display:flex;align-items:center;gap:11px;min-height:30px}.model-tag{display:flex;gap:5px;align-items:center;font-size:10px;color:#8aa3cb}.model-tag>.icon{width:13px;height:13px}.small-dot{width:4px;height:4px;background:#718fae;border-radius:50%;margin-left:4px}.input-tip{margin-left:auto;color:#50688b;font-size:9px}.send-button{width:32px;height:32px;display:grid;place-items:center;background:#47699e;color:#d9e7ff;border:1px solid #5579b1;border-radius:6px;flex:none}.send-button .icon{width:17px;height:17px}.composer-footnote{font-size:9px;color:#4a607f;text-align:center;margin:11px 0 0;line-height:1.7}.stop-button{font-size:10px;border:1px solid #425775;background:#253248;padding:7px 10px;border-radius:5px;margin-left:auto;color:#a8bbda}.messages{width:100%;max-width:890px;margin:0 auto;padding:30px 0 14px;display:flex;flex-direction:column;gap:25px}.messages:empty{display:none}.message{display:flex;gap:13px;align-items:flex-start}.message-avatar{flex:none;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#263652;color:#92b2e8;font-size:15px}.message.user .message-avatar{background:#272d36;color:#929faf;font-size:10px}.message-main{min-width:0;flex:1}.message-heading{font-size:10px;color:#7489a9;margin:3px 0 9px;font-weight:500}.message-text{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;color:#bfccdf}.message.user .message-text{background:#202b3c;border:1px solid #303e54;padding:12px 16px;border-radius:0 8px 8px;display:inline-block;color:#b1c1db}.message-copy{font-size:9px;border:0;background:none;display:inline-flex;gap:4px;align-items:center;color:#5f7ea7;padding:6px 0}.message-copy .icon{width:11px;height:11px}.message-note{font-size:10px;color:#b29872;margin:8px 0}.stream-cursor::after{content:"";display:inline-block;width:5px;height:14px;background:#8babde;margin-left:4px;vertical-align:middle;animation:pulse 1s infinite}
.creative-view,.library-view{padding:27px 29px 42px}.page-heading h1{font-size:24px;margin:12px 0 9px;letter-spacing:.2px}.page-heading h1>span{color:#8297b8;font-size:12px;vertical-align:middle;font-weight:400;border:1px solid #2d3b53;background:#1b2638;border-radius:5px;padding:5px 9px;margin-left:13px}.page-heading>p{font-size:11px;color:#73849f;margin:0;line-height:1.9}.creation-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(360px,1.18fr);gap:21px;margin-top:23px;align-items:start}.creation-form{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:22px;min-width:0}.creation-form label,.key-dialog label{display:block;font-size:11px;font-weight:500;color:#a7b4ca;margin-bottom:11px}.creation-form textarea{display:block;border:1px solid #333e50;border-radius:7px;width:100%;padding:13px;color:#bcc9df;font-size:12px;line-height:1.9;resize:vertical;min-height:140px;background:#121820}.creation-form textarea::placeholder{color:#4f6482}.prompt-example{display:flex;gap:7px;align-items:center;font-size:9px;margin-top:11px;color:#536b8d}.prompt-example button{border:0;background:none;padding:0;font-size:9px;color:#7d9fcf}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.field-row>div{min-width:0}.field-row label{font-size:10px;margin-bottom:9px}.field-row select,.field-row input[type=number],.readonly-field{border:1px solid #333e50;border-radius:6px;width:100%;height:39px;background:#121820;padding:0 11px;font-size:11px;color:#9fb2d2}.readonly-field{display:flex;align-items:center;justify-content:space-between}.creation-form .upload-area{margin:21px 0 0;border:1px dashed #35465f;background:#151d29;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:16px;overflow:hidden;cursor:pointer}.upload-area>.icon{width:19px;height:19px;color:#6f91bc}.upload-area>b{font-size:10px;font-weight:500;color:#8aa6cd}.upload-area>span{font-size:9px;color:#526d92;font-weight:400}.upload-area input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.reference-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.reference-item{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:5px;background:#253247;font-size:9px;max-width:100%;color:#93add3}.reference-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-item button{border:0;background:none;padding:0;color:#7191bc;font-size:14px}.reference-loading{font-size:10px;color:#6e8eba}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;background:#3f5f94;color:#e3edff;border:1px solid #5475aa;border-radius:7px;padding:12px 17px;font-size:11px;font-weight:550;min-height:42px}.primary-button:hover{background:#4a70ab}.primary-button>span{margin-left:auto;font-size:15px;font-weight:400}.generate-button{width:100%;margin-top:22px}.generate-button>.icon{width:16px;height:16px}.form-note{color:#6d83a1;font-size:10px;line-height:1.9;margin:11px 0 0}.form-error{border-radius:7px;line-height:1.8;font-size:11px;padding:10px 12px;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.result-panel{border:1px solid var(--line);background:var(--surface);border-radius:9px;display:flex;align-items:center;justify-content:center;padding:23px;min-width:0;min-height:440px;overflow:hidden}.result-placeholder{text-align:center;width:100%}.result-placeholder h2{font-weight:500;font-size:14px;color:#8c9eb9;margin:27px 0 12px}.result-placeholder>p{font-size:11px;color:#607a9e;line-height:1.95}.placeholder-art{width:150px;height:126px;position:relative;margin:0 auto;background:#1b2637;border-radius:12px;overflow:hidden;border:1px solid #2c3c55;transform:rotate(-4deg)}.art-sun{position:absolute;width:29px;height:29px;border-radius:50%;background:#3c5276;top:25px;right:30px}.art-hill{position:absolute;width:145px;height:110px;border-radius:35px;transform:rotate(35deg);background:#293e5d;bottom:-65px;left:-12px}.art-hill.two{background:#344d70;left:67px;bottom:-51px}.art-star{position:absolute;color:#5d7ca9;font-size:31px;right:10px;top:3px}.video-art{display:grid;place-items:center;transform:rotate(4deg)}.art-play{z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #3a5378;background:#2c4366;color:#7194c5;font-size:17px;padding-left:3px}.art-orbit{position:absolute;inset:23px -23px;border:1px solid #2e476a;border-radius:50%;transform:rotate(-30deg)}.result-badge{display:inline-block;font-size:8px;color:#6383ae;letter-spacing:1px;border:1px solid #2a3e5c;padding:6px 11px;border-radius:20px;margin-top:19px}.result-content{width:100%;align-self:stretch;display:flex;flex-direction:column;gap:17px;justify-content:center;min-width:0}.result-content img,.result-content video{display:block;width:100%;max-height:500px;object-fit:contain;border-radius:7px;background:#10151c}.result-content .result-prompt,.batch-result>.result-prompt{margin:0;font-size:11px;color:#7891b5;line-height:1.8;overflow-wrap:anywhere}.result-meta{display:flex;gap:9px;align-items:center;justify-content:space-between}.download-link{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:6px;border:1px solid #3b5277;background:#202e45;color:#9cb9e8;font-size:10px}.download-link:hover{background:#2b3d59}.download-link .icon{width:13px;height:13px}.task-state{text-align:center;padding:38px 10px}.task-state h2{font-size:15px;font-weight:500;color:#92abcf;margin-top:25px}.task-state p{font-size:11px;color:#6783a8;line-height:1.9;overflow-wrap:anywhere}.task-state .secondary-button{margin:20px auto 0}.task-loader{width:42px;height:42px;display:block;border:2px solid #293c5b;border-top-color:#7197ce;border-radius:50%;animation:spin 1.3s linear infinite;margin:0 auto}.task-failed-icon{font-size:34px;color:#b69d79}.task-state .task-id{font-size:9px;color:#607da3}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #364965;background:#202b3d;border-radius:6px;padding:10px 13px;font-size:10px;color:#93acd1}.secondary-button:hover{background:#2a3951}.secondary-button .icon{width:14px;height:14px}.prompt-template{margin-top:18px;border:1px solid #303d53;background:#151e2b;border-radius:7px;padding:11px 12px;color:#8ba4c8;font-size:10px}.prompt-template summary{cursor:pointer;line-height:1.8;font-weight:500}.prompt-template p{font-size:10px;line-height:1.9;color:#718bab;margin:10px 0}.prompt-template pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.9;max-height:260px;overflow:auto;background:#111821;border:1px solid #293a52;border-radius:5px;padding:12px;margin:0;color:#8ca5ca}
.batch-result-panel{align-items:flex-start;padding:22px;overflow:visible}.batch-result{width:100%;min-width:0;display:flex;flex-direction:column;gap:15px}.batch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.batch-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #334b6e;background:#21324d;padding:5px 9px;border-radius:5px;font-size:9px;color:#91aedb;white-space:nowrap}.batch-status:not(.terminal)::before{content:"";width:4px;height:4px;border-radius:50%;background:#749acf;animation:pulse 1.5s infinite}.batch-status.warning{border-color:#5e4930;background:#352c21;color:#c3a578}.batch-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.batch-counts>div{padding:13px 9px;border:1px solid #303c50;border-radius:7px;background:#151e2b;text-align:center}.batch-counts b{display:block;font-size:27px;font-weight:500;line-height:1.3;color:#c1d5f3;font-variant-numeric:tabular-nums}.batch-counts span{display:block;margin-top:5px;font-size:10px;color:#7b95b8}.batch-progress{display:block;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;accent-color:#6688bc;background:#253650}.batch-progress::-webkit-progress-bar{background:#253650}.batch-progress::-webkit-progress-value{background:#6688bc}.batch-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.batch-actions button{min-height:35px}.batch-note{font-size:10px;color:#708aad;line-height:1.9;margin:0}.upstream-progress{border:1px solid #2f425f;border-radius:7px;padding:12px 13px;background:#151e2d}.upstream-progress>b{font-size:10px;color:#809ec8;font-weight:500}.upstream-progress>p{font-size:11px;line-height:1.9;color:#829dc3;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.batch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:740px;overflow:auto;scrollbar-width:thin;scrollbar-color:#334d72 transparent;align-items:start}.batch-grid:empty{display:none}.batch-image{border:1px solid #2e4262;border-radius:7px;overflow:hidden;min-width:0;background:#182334}.batch-image>a{display:block;background:#101821}.batch-image img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#101821}.batch-image-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px}.batch-image-footer>span{font-size:9px;color:#718db3}.batch-image-footer .download-link{font-size:9px;padding:5px 8px}.batch-empty{text-align:center;padding:38px 10px;font-size:11px;line-height:1.9;color:#6c88ad}.batch-result .form-error{margin-top:0}
.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.library-filters{display:flex;gap:10px;margin:26px 0 21px;border-bottom:1px solid #2c3749;padding-bottom:11px}.library-filters button{border:0;background:none;padding:6px 12px;color:#7d98bb;font-size:11px;border-radius:5px}.library-filters button.active{background:#253652;color:#a2bfeb}.library-empty{text-align:center;padding:75px 0}.library-empty>.icon{width:40px;height:40px;color:#4f6e96;stroke-width:1}.library-empty h2{font-size:15px;font-weight:500;color:#7f9dc4;margin:23px 0 12px}.library-empty p{font-size:11px;color:#6b8ab1}.library-empty .secondary-button{margin-top:16px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-card{border:1px solid #2d3d55;border-radius:8px;overflow:hidden;background:#172130;min-width:0}.media-card>a:first-child{display:block;background:#101822}.media-card img,.media-card video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#101822}.media-card-info{padding:13px}.media-card-info>p{font-size:10px;color:#91add4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 11px}.media-card-footer{display:flex;align-items:center;gap:6px;justify-content:space-between;color:#698cb9;font-size:9px}.media-card-footer .download-link{padding:4px 6px;font-size:9px;border:0;background:#263b58}.active-tasks{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.task-row{display:flex;align-items:center;gap:13px;background:#192536;border:1px solid #304563;border-radius:7px;padding:13px 16px}.task-row .task-loader{width:18px;height:18px;flex:none;margin:0}.task-row>div{flex:1;min-width:0}.task-row p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;color:#91b0d9}.task-row small{font-size:10px;color:#7294bf}.task-row button{border:1px solid #3d577c;background:#273c59;color:#99b9e6;padding:7px 9px;border-radius:5px;font-size:10px;white-space:nowrap}
.key-dialog{border:1px solid #3c5376;padding:32px;border-radius:13px;width:min(430px,calc(100% - 32px));color:var(--text);background:#171f2c;box-shadow:0 25px 100px #0008}.key-dialog::backdrop{background:#060a12b8;backdrop-filter:blur(5px)}.account-dialog-content{position:relative}.dialog-close{position:absolute;top:-18px;right:-17px;display:grid;place-items:center;background:none;border:0;color:#6683ab;padding:4px}.dialog-close .icon{width:17px;height:17px}.dialog-symbol{display:grid;place-items:center;width:44px;height:44px;background:#293d5b;border:1px solid #3e597f;border-radius:11px;color:#91b5e7;margin-bottom:24px}.dialog-symbol .icon{width:23px;height:23px}.key-dialog h2{font-size:22px;font-weight:500;color:#bbd2f0;margin:16px 0 11px}.key-dialog p{font-size:11px;line-height:1.9;color:#7d9ac1;margin:0 0 25px}.key-dialog input{width:100%;border:1px solid #3c567b;border-radius:6px;padding:12px;background:#101a28;font-size:12px;color:#a2c1e9}.key-dialog input::placeholder{color:#5c7ca6}.key-dialog .primary-button{width:100%;margin-top:17px}.key-dialog small{display:block;font-size:9px;color:#6b8cb4;line-height:1.9;text-align:center;margin-top:21px}.key-dialog small a{color:#83aee3}.toast{position:fixed;bottom:27px;left:calc(50% + 112px);transform:translateX(-50%);background:#243652;color:#bfd5f3;border:1px solid #3e5a82;padding:12px 20px;border-radius:8px;font-size:11px;box-shadow:0 6px 25px #0005;z-index:50;max-width:80vw;line-height:1.8}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25}}
@media(min-width:1600px){.overview-view,.creative-view,.library-view{padding-left:38px;padding-right:38px}.topbar{padding:0 38px}.creation-layout{gap:25px}.dashboard-metrics{gap:20px}.metric-card{padding:21px 23px}.dashboard-card{padding:23px}.metric-card strong{font-size:34px}}
@media(max-width:1150px){.dashboard-metrics{gap:12px}.metric-card{padding:17px 14px}.creation-layout{grid-template-columns:minmax(290px,.95fr) minmax(290px,1.05fr);gap:16px}.creation-form,.result-panel{padding:18px}.setup-grid{grid-template-columns:1fr;gap:17px}.setup-step+.setup-step{border-left:0;border-top:1px solid #2b3444;padding:17px 0 0}.setup-step{padding:0}.setup-status{margin-left:auto}.dashboard-columns{gap:16px;grid-template-columns:1.15fr 1fr}.dashboard-card{padding:18px}.chat-view{padding-left:29px;padding-right:29px}.suggestions>button{padding:18px 13px}.suggestions b{font-size:11px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.sidebar{width:73px;padding:23px 10px 17px;align-items:center}.brand{gap:0;padding:0}.brand>span:last-child{display:none}.new-chat{width:43px;height:40px;margin:29px 0 25px;padding:0;justify-content:center;font-size:0}.new-chat>span{display:none}.sidebar>.nav-label,.history-heading,.chat-history,.sidebar-note{display:none}.main-nav{width:100%;margin-top:0;gap:9px}.nav-item{font-size:0;justify-content:center;padding:12px 0;gap:0;width:100%;position:relative}.nav-item .icon{width:20px;height:20px}.nav-dot{position:absolute;right:5px;top:7px;width:3px;height:3px}.nav-count{display:none}.sidebar-bottom{margin-top:auto;width:100%;padding-top:13px}.sidebar-link{font-size:0;justify-content:center;padding:14px 0;gap:0}.sidebar-link>.icon{width:20px;height:20px}.sidebar-link>span{display:none}.main-area{margin-left:73px}.topbar{height:62px;padding:0 24px}.overview-view,.creative-view,.library-view{padding:25px 24px 35px}.chat-view{min-height:calc(100dvh - 63px);padding:0 25px}.welcome{padding-top:43px}.welcome h1{font-size:27px}.suggestions{gap:10px}.suggestions small{font-size:9px;line-height:1.8}.creative-links>span{width:100%;margin-bottom:2px}.composer-wrap{padding-bottom:16px}.creation-layout{grid-template-columns:1fr;margin-top:22px}.creation-form{padding:22px}.result-panel{min-height:330px;padding:22px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card{padding:18px}.dashboard-columns{grid-template-columns:1fr}.dashboard-welcome{padding:17px;gap:12px}.dashboard-welcome-icon{width:36px;height:36px}.dashboard-welcome p{font-size:10px}.dashboard-welcome .secondary-button{font-size:10px}.account-notice,.error-notice{margin-left:24px;margin-right:24px}.toast{left:calc(50% + 36px)}.batch-grid{max-height:630px}}
@media(max-width:580px){.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:66px;flex-direction:row;align-items:center;padding:7px 8px;background:#10151ef5;backdrop-filter:blur(12px);border-right:0;border-top:1px solid #2b3b54}.brand,.new-chat,.sidebar-bottom{display:none}.main-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.nav-item{flex-direction:column;font-size:8px;padding:6px 0 4px;gap:5px;background:none!important;color:#7d97b9;border-color:transparent!important}.nav-item .icon{width:18px;height:18px;stroke-width:1.5}.nav-item.active{color:#a8c7f5}.nav-dot{display:none!important}.main-area{margin-left:0;padding-bottom:66px}.topbar{height:60px;padding:0 18px}.breadcrumbs{font-size:10px;gap:10px}.connection{font-size:9px;padding:6px 8px}.mobile-new-chat{display:grid;place-items:center}.mobile-new-chat .icon{width:16px;height:16px}.topbar-actions{gap:9px}.overview-view,.creative-view,.library-view{padding:22px 17px 31px}.dashboard-title{margin-bottom:19px}.dashboard-title h1{font-size:21px}.dashboard-title p{font-size:10px;max-width:210px}.service-pill{font-size:8px;padding:6px 8px}.dashboard-welcome{padding:16px;align-items:flex-start;gap:11px;margin-bottom:17px;flex-wrap:wrap}.dashboard-welcome>div{width:calc(100% - 50px)}.dashboard-welcome b{font-size:12px}.dashboard-welcome p{line-height:1.9;margin-top:6px}.dashboard-welcome .secondary-button{margin-left:47px;padding:8px 11px}.dashboard-metrics{gap:10px;margin-bottom:17px}.metric-card{padding:15px 13px}.metric-heading{font-size:10px}.metric-heading .icon{width:14px;height:14px}.metric-card strong{font-size:27px;margin:12px 0 7px}.metric-card p{font-size:9px}.dashboard-card{padding:17px}.dashboard-card-heading h2{font-size:12px}.dashboard-columns{gap:17px;margin-bottom:17px}.chat-view{padding:0 19px;min-height:calc(100dvh - 127px)}.welcome{padding:36px 0 24px}.eyebrow{font-size:8px}.welcome h1{font-size:26px;margin-top:19px;line-height:1.6}.welcome h1>span{display:block;font-size:23px;margin-left:0}.welcome-description{font-size:10px;line-height:2}.suggestions{grid-template-columns:1fr;margin:25px 0 20px;gap:8px}.suggestions>button{display:grid;grid-template-columns:29px 1fr;column-gap:12px;padding:13px 14px;align-items:center}.suggestion-icon{margin:0;grid-row:1/3;width:29px;height:29px}.suggestions b{font-size:10px}.suggestions small{font-size:9px;margin-top:3px}.suggestion-arrow{right:17px;top:22px}.creative-links{gap:5px}.creative-links>span{font-size:9px}.creative-links>button{font-size:9px;padding:6px 6px 6px 0;gap:4px}.creative-links .icon{width:12px;height:12px}.composer-wrap{margin-top:0;bottom:66px;padding:9px 0;background:var(--paper)}.chat-composer{padding:13px 12px 10px;border-radius:9px}.chat-composer textarea{font-size:11px;min-height:47px}.composer-toolbar{gap:7px}.input-tip{font-size:0}.input-tip::after{content:"Enter 发送";font-size:8px}.model-tag{font-size:9px}.composer-footnote{font-size:8px;line-height:1.8;margin-top:8px}.stop-button{padding:6px 8px;font-size:9px}.messages{padding-top:23px;gap:22px}.message{gap:9px}.message-avatar{width:26px;height:26px;font-size:15px}.message-text{font-size:12px}.message.user .message-text{padding:10px 12px}.page-heading h1{font-size:23px}.page-heading h1>span{font-size:10px;padding:4px 7px;margin-left:9px}.page-heading>p{font-size:10px}.creation-form{padding:17px}.creation-layout{gap:17px}.result-panel{min-height:310px;padding:17px}.field-row{gap:12px}.account-notice,.error-notice{margin:13px 17px 0;font-size:10px;padding:10px 12px}.account-notice{align-items:flex-start;flex-direction:column;gap:4px}.library-heading{align-items:center}.library-heading .page-heading h1{font-size:22px}.library-heading .secondary-button{font-size:0;gap:0;padding:9px}.library-heading .secondary-button .icon{width:16px;height:16px}.media-grid{gap:10px}.media-card-info{padding:10px}.media-card-info>p{font-size:9px}.media-card-footer{flex-wrap:wrap;gap:7px}.media-card img,.media-card video{aspect-ratio:1/1}.library-filters{margin-top:23px}.library-empty{padding:56px 0}.library-empty h2{font-size:14px}.library-empty p{font-size:10px}.task-row{padding:12px;gap:10px}.task-row button{padding:6px;font-size:9px}.task-row p{font-size:10px}.task-row small{font-size:9px}.toast{left:50%;bottom:80px;max-width:90vw;width:max-content}.key-dialog{padding:27px}.key-dialog h2{font-size:21px}.key-dialog p{font-size:11px}.dialog-close{right:-14px;top:-15px}.batch-counts{gap:7px}.batch-counts b{font-size:23px}.batch-grid{gap:9px;max-height:610px}.batch-actions{gap:7px}.batch-actions .secondary-button{font-size:9px;padding:8px 10px}.batch-status{font-size:8px}.batch-image-footer{padding:7px}.batch-image-footer .download-link{padding:4px 5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.media-card{position:relative}.media-card>a{display:block;background:#101822}.library-bulk-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 17px;font-size:10px;color:#8ba2c4}.library-bulk-actions>label{display:flex;align-items:center;gap:5px}.library-bulk-actions>span{font-size:9px;color:#607c9f}.library-bulk-actions>.secondary-button{font-size:10px;padding:7px 10px}.media-delete-button{border:1px solid #604445;border-radius:4px;background:#302126;color:#c99694;font-size:9px;padding:4px 7px}.media-delete-confirm{padding:13px 15px;border:1px solid #65454a;border-radius:7px;background:#2b2026;color:#c8a4a8;margin-bottom:17px;font-size:10px;line-height:1.9}.media-delete-confirm>p{margin:0 0 10px}.media-delete-confirm>.secondary-button{font-size:10px;padding:7px 10px;margin-right:7px}.media-delete-confirm>#confirmMediaDelete{border-color:#795359;background:#463039;color:#e0b4bb}.media-delete-status{font-size:10px;line-height:1.9;color:#b79d86;overflow-wrap:anywhere;margin:0 0 17px}.media-card-footer>span:first-child{margin-right:auto}
.bulk-download-button{border-color:#4b6490!important;background:#263e61!important;color:#bfd5f4!important}.bulk-download-state{font-size:11px;line-height:1.9;color:#8aa7cf;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bulk-download-fallback{border:1px solid #2b3d58;border-radius:6px;padding:9px 12px;color:#718db4;font-size:10px;line-height:1.9}.bulk-download-fallback>summary{cursor:pointer;color:#819fc8}.bulk-download-fallback>p{margin:10px 0;font-size:10px}.bulk-download-fallback>.secondary-button{margin:0 0 3px;font-size:10px}
.retention-status{padding:16px 19px;background:#161e2a;border:1px solid #2b394f;border-radius:8px;margin-bottom:22px}.retention-status-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.retention-status h2{font-size:12px;font-weight:500;color:#afc1dc;margin:0}.retention-status-badge{font-size:9px;border:1px solid #35475f;border-radius:5px;padding:4px 7px;background:#1e2c40;color:#8eacd3;white-space:nowrap}.retention-status-badge.warning{border-color:#5b4931;background:#30281d;color:#c0a371}.retention-status>p{font-size:11px;color:#829aba;line-height:1.9;margin:11px 0}.retention-status-footer{display:flex;justify-content:space-between;gap:7px 20px;flex-wrap:wrap;font-size:9px;line-height:1.9;color:#607b9f}
.download-reminder{display:flex;align-items:flex-start;gap:9px;width:100%;padding:11px 12px;border:1px solid #554831;border-radius:7px;background:#2b251c;color:#cbb58a;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.download-reminder>.icon{width:16px;height:16px;margin-top:3px;color:#b49b68}.download-reminder>div{min-width:0}.download-reminder p{margin:0}.download-reminder small{display:block;font-size:9px;line-height:1.9;color:#998a6d;margin-top:4px}.form-download-reminder{display:block;margin:13px 0 0;font-size:10px}.library-download-reminder{margin-top:20px}.media-result-panel{flex-direction:column;align-items:stretch;gap:17px}.media-result-panel .result-content{width:100%}.media-result-panel .task-state{width:100%}
.generation-execution{border:1px solid #2f3e56;border-radius:7px;background:#141d2b;padding:12px 13px;min-width:0}.generation-execution>summary{cursor:pointer;color:#92add3;font-size:11px;line-height:1.8}.generation-execution-note,.generation-execution-empty{color:#6f87aa;font-size:10px;line-height:1.9;margin:10px 0 0;overflow-wrap:anywhere}.generation-turns{display:flex;flex-direction:column;gap:10px;margin-top:12px;max-height:430px;overflow:auto;scrollbar-width:thin;scrollbar-color:#334d72 transparent}.generation-turn{border-top:1px solid #2a3950;padding-top:11px;min-width:0}.generation-turn-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:10px;color:#94afd5;flex-wrap:wrap}.generation-turn-heading>b{font-weight:500}.generation-turn-heading>span{color:#6885ac;font-size:9px}.generation-turn-stats{color:#6f8cb3;font-size:9px;line-height:1.9;margin:7px 0}.generation-turn-reply,.generation-turn-error{font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;color:#92aacb}.generation-turn-error{color:#dfa19a}

/* Registry-backed model performance dashboard. */
.models-view{padding:28px 29px 42px}.model-dashboard-note{display:flex;align-items:center;gap:9px;margin:0 0 22px;border:1px solid #2c3b52;border-radius:7px;padding:12px 15px;background:#161f2d;font-size:10px;line-height:1.8;color:#738aaa}.model-dashboard-note>.small-status-dot{background:#657a98;flex:none}.model-dashboard-note>span:last-child{margin-left:auto;font-size:9px;white-space:nowrap;color:#526b8f}.model-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.model-group{min-width:0}.model-group>h2{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#9baac0;margin:0 0 13px}.model-group>h2>.icon{width:15px;height:15px;color:#6f86a8}.model-card{border:1px solid #2d3747;background:#191e27;border-radius:9px;padding:20px;min-width:0;margin-bottom:17px}.model-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.model-card-header>div{min-width:0}.model-card h3{font-size:15px;font-weight:550;margin:0 0 9px;color:#cddaf0;overflow-wrap:anywhere}.model-card code{font-family:Consolas,monospace;font-size:9px;color:#6b84a9;overflow-wrap:anywhere}.model-state{font-size:8px;white-space:nowrap;border:1px solid #35445b;border-radius:4px;padding:4px 6px;color:#8295b1;background:#202a39}.model-state.success{border-color:#34504f;background:#1c3033;color:#82aba6}.model-state.partial{border-color:#604c35;background:#352c22;color:#c0a17b}.model-state.running{border-color:#3a557a;background:#243650;color:#8aaedb}.model-description{font-size:10px;line-height:1.8;color:#627b9e;min-height:35px;margin:16px 0 19px}.model-metrics{display:grid;grid-template-columns:1fr 1fr;gap:19px 12px;padding-bottom:20px;border-bottom:1px solid #2a374b}.model-metrics>div{min-width:0}.model-metrics span{display:block;color:#6a82a2;font-size:10px;margin-bottom:9px}.model-metrics b{font-size:20px;line-height:1.3;display:block;font-weight:500;color:#bbcee9;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.model-outcomes{display:flex;flex-wrap:wrap;gap:7px 12px;color:#6b85a9;font-size:9px;margin:15px 0 20px}.model-trend-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#7289aa;margin-bottom:11px}.model-trend-heading>span:last-child{color:#4d6c94}.trend-segments{display:flex;align-items:stretch;gap:3px;height:24px;min-width:0}.trend-segment{display:block;min-width:2px;flex:1;border-radius:2px;background:#303a49;border:1px solid #374456}.trend-segment.success{background:#426b69;border-color:#4b7c76}.trend-segment.partial{background:#7c6742;border-color:#8b734b}.trend-segment.failure{background:#7c4b4d;border-color:#8d5758}.trend-segment.running{background:#42618b;border-color:#5075a8}.trend-no-data{width:100%;border-radius:3px;padding:5px 8px;font-size:9px;background:#242e3e;color:#516f96;text-align:center}.model-sample-note{font-size:9px;line-height:1.9;color:#516d94;margin:15px 0 0}.model-card:hover{border-color:#3b4c67}.models-view>.form-error{margin:0 0 18px}
@media(min-width:1600px){.models-view{padding-left:38px;padding-right:38px}.model-card{padding:23px}.model-groups{gap:23px}}
@media(max-width:1150px){.model-groups{grid-template-columns:1fr;gap:14px}.model-card{padding:20px}.model-description{min-height:0}.model-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.model-group>h2{margin-bottom:11px}.model-outcomes{margin-bottom:17px}.trend-segments{height:22px}}
@media(max-width:950px){.models-view{padding:25px 24px 35px}}
@media(max-width:580px){.main-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.models-view{padding:22px 17px 31px}.models-view .dashboard-title>.secondary-button{font-size:9px;padding:8px}.models-view .dashboard-title>.secondary-button>.icon{width:13px;height:13px}.model-dashboard-note{flex-wrap:wrap;padding:11px 12px;font-size:9px;gap:6px}.model-dashboard-note>span:last-child{width:100%;margin-left:11px;font-size:8px}.model-card{padding:17px}.model-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.model-metrics b{font-size:21px}.trend-segments{gap:2px}.model-state{font-size:8px}.model-description{font-size:10px}}

/* Image creation uses the full page: inputs above, all returned results below. */
.image-creation-layout{grid-template-columns:minmax(0,1fr);gap:23px}.image-creation-layout>.creation-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:26px;align-items:stretch}.image-prompt-fields,.image-settings-fields{min-width:0}.image-prompt-fields{display:flex;flex-direction:column}.image-prompt-fields>textarea{min-height:220px;flex:1}.image-prompt-fields>.prompt-example{flex-wrap:wrap}.image-prompt-fields>.prompt-template{margin-top:16px}.image-settings-fields>.field-row{margin-top:0}.image-settings-fields>.upload-area{margin-top:15px}.image-settings-fields>.generate-button{margin-top:15px}.image-creation-layout>#imageResult{width:100%;min-height:300px;padding:22px}.image-creation-layout .batch-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;gap:16px}.image-creation-layout .batch-image img{aspect-ratio:4/3}.image-creation-layout .batch-image-footer{padding:10px 12px}.image-creation-layout .batch-counts>div{padding:14px}.image-creation-layout .batch-heading{padding-bottom:2px}
.image-waiting{width:100%;min-width:0;border:1px solid #32634d;background:linear-gradient(110deg,#182c24,#13251e);border-radius:9px;padding:18px 20px;color:#acd8bd}.image-waiting-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px;flex-wrap:wrap}.image-waiting-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#79bf98;box-shadow:0 0 0 4px #79bf9812;animation:pulse 2.5s ease-in-out infinite}.image-waiting-title{font-size:12px;font-weight:500;line-height:1.8;color:#b0d8bf;margin:0}.image-waiting-time{display:block;font-size:clamp(22px,2.7vw,32px);line-height:1.4;font-weight:500;letter-spacing:.3px;color:#c4ebd2;font-variant-numeric:tabular-nums;margin:0 0 10px;overflow-wrap:anywhere}.image-waiting-meta{display:flex;align-items:baseline;gap:7px 20px;flex-wrap:wrap;font-size:11px;line-height:1.9;color:#83b297}.image-waiting-note{font-size:10px;line-height:1.9;color:#719f86;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.image-waiting-progress{display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;background:#274636;accent-color:#75b98f;margin:14px 0 0}.image-waiting-progress::-webkit-progress-bar{background:#274636}.image-waiting-progress::-webkit-progress-value{background:#75b98f}.image-waiting-progress::-moz-progress-bar{background:#75b98f}
@media(min-width:1400px){.image-creation-layout .batch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media(max-width:1000px){.image-creation-layout .batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.image-creation-layout>.creation-form{grid-template-columns:minmax(0,1fr);gap:21px}.image-prompt-fields>textarea{min-height:180px;flex:initial}.image-settings-fields>.field-row{margin-top:0}.image-creation-layout>#imageResult{padding:19px}.image-waiting{padding:16px}}
@media(max-width:580px){.image-creation-layout{gap:19px}.image-creation-layout>#imageResult{padding:16px;min-height:270px}.image-creation-layout .batch-grid{gap:11px}.image-creation-layout .batch-image-footer{padding:8px}.image-waiting-title{font-size:11px}.image-waiting-meta{font-size:10px;gap:5px 12px}.image-waiting-note{font-size:9px}}
@media(max-width:430px){.image-creation-layout .batch-grid{grid-template-columns:minmax(0,1fr)}.image-creation-layout .batch-image img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.image-waiting-dot{animation:none}}

.wallet-view{padding:28px 29px 42px}.wallet-balance-card{padding:25px;margin-bottom:18px}.wallet-balance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.wallet-balance-heading>div>span{font-size:12px;color:#aaa}.wallet-balance-heading h2{font-size:15px!important;margin:10px 0 20px}.wallet-balance-card>strong{font-size:42px;font-weight:600;line-height:1.3;color:#f5f5f5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wallet-balance-card>p{margin:8px 0 0}.wallet-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 20px;padding-top:20px;border-top:1px solid #424242}.wallet-summary>div>span{font-size:13px;color:#aaa}.wallet-summary b{display:block;font-size:24px;color:#eee;font-weight:550;margin:10px 0}.wallet-summary small{font-size:12px;color:#999}.wallet-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.wallet-rates article{padding:20px}.wallet-rates article>span{font-size:13px;color:#aaa}.wallet-rates strong{display:block;font-size:19px;font-weight:550;color:#f2f2f2;margin:14px 0}.wallet-rates p{margin:0;font-size:12px!important}.wallet-ledger-card{margin-bottom:24px}.wallet-table-wrap{overflow:auto}.wallet-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.wallet-table th{font-weight:500;color:#aaa;padding:11px 12px;border-bottom:1px solid #4a4a4a;white-space:nowrap}.wallet-table td{padding:13px 12px;border-bottom:1px solid #3b3b3b;color:#ddd;line-height:1.7}.wallet-table tbody:empty::after{content:'暂无积分流水';display:block;padding:20px;color:#aaa}.wallet-table td:first-child{white-space:nowrap}.wallet-admin>.dashboard-title h2{margin:0 0 8px}.wallet-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.wallet-form{padding:20px;min-width:0}.wallet-form h3{margin:0 0 21px}.wallet-form label{display:block;color:#bbb;font-size:12px!important;margin:15px 0 8px}.wallet-form input,.wallet-form select{width:100%;background:#202020;border:1px solid #4b4b4b;border-radius:12px;padding:10px;color:#eee;font-size:13px}.wallet-form>.primary-button{margin-top:20px;width:100%}.created-key{margin-top:18px;border-top:1px solid #484848;padding-top:13px}.created-key>p{font-size:12px!important;color:#c9b58f!important}.created-key .secondary-button{margin-top:10px;padding:7px 10px}.credit-users{display:flex;flex-direction:column;gap:11px}.credit-user-row{display:flex;align-items:center;gap:15px;border:1px solid #434343;border-radius:17px;background:#2b2b2b;padding:13px 15px}.credit-user-row>div{min-width:0;flex:1}.credit-user-row b{display:block;font-size:13px;color:#eee;font-weight:550}.credit-user-row small{display:block;color:#aaa;font-size:12px;margin-top:5px}.credit-user-row button{font-size:12px;padding:7px 11px}.image-billing-preview{background:#292929;border:1px solid #4a4a4a;color:#d5d5d5!important;border-radius:12px;padding:10px 12px;font-size:12px!important;margin:12px 0 0}.image-billing-preview.insufficient{background:#33272a;border-color:#705056;color:#e7b5bd!important}.task-billing-note{font-size:12px!important;color:#aaa!important;margin:0;padding:10px 12px;background:#252525;border:1px solid #424242;border-radius:12px}
@media(max-width:1100px){.wallet-admin-grid{grid-template-columns:1fr 1fr}.wallet-admin-grid>.wallet-form:last-child{grid-column:1/-1}.wallet-rates{grid-template-columns:1fr}}
@media(max-width:580px){.wallet-view{padding:22px 17px 31px}.wallet-admin-grid{grid-template-columns:1fr}.wallet-admin-grid>.wallet-form:last-child{grid-column:auto}.wallet-summary{grid-template-columns:1fr;gap:17px}.wallet-balance-card{padding:20px}.wallet-balance-card>strong{font-size:35px}.wallet-balance-heading{gap:10px}.wallet-table td,.wallet-table th{padding:10px 8px}.credit-user-row{flex-wrap:wrap}}

body .view{width:100%;max-width:none}body .model-dashboard-note{background:#272727;border-color:#424242;border-radius:18px}body .reference-item{background:#303030;border-color:#484848;color:#ddd}body .placeholder-art{background:#2c2c2c;border-color:#484848}body .art-sun{background:#5a5a5a}body .art-hill{background:#3b3b3b}body .art-hill.two{background:#494949}body .art-star{color:#969696}body .art-play{background:#3a3a3a;border-color:#555;color:#ccc}body .art-orbit{border-color:#4b4b4b}body .result-badge{border-color:#444;color:#bbb;font-size:12px;letter-spacing:0}body .model-trend-heading,body .model-trend-heading>span:last-child,body .model-sample-note{font-size:12px;color:#aaa}body .trend-segment{background:#3a3a3a;border-color:#4a4a4a}body .trend-segment.success{background:#376646;border-color:#4f855f}body .trend-segment.partial{background:#8a7337;border-color:#9c8342}body .trend-segment.failure{background:#874c50;border-color:#9a5c61}body .trend-no-data{font-size:12px;background:#333;color:#aaa}body .input-tip,body .composer-footnote,body .message-heading,body .message-note{font-size:12px;color:#aaa}body .toast{background:#333;border-color:#555;color:#f5f5f5;font-size:13px;left:calc(50% + 100px);border-radius:14px}
@media(max-width:950px){body .toast{left:calc(50% + 32px)}}@media(max-width:580px){body .toast{left:50%}}

/* Muse console: charcoal surfaces, readable type, restrained blue actions. */
:root{--paper:#1f1f1f;--surface:#272727;--soft:#242424;--text:#f5f5f5;--muted:#a6a6a6;--line:#3b3b3b;--accent:#0e88d0;--sidebar:#1f1f1f;font-size:14px}
body .app-shell{color:#f5f5f5;font-size:14px}body .app-shell p,body .app-shell label,body .app-shell input,body .app-shell textarea,body .app-shell select,body .app-shell button{font-size:13px;line-height:1.75}body .app-shell p{color:#a6a6a6}body .app-shell small{font-size:12px;line-height:1.65}body .app-shell h1{font-size:24px;line-height:1.4;font-weight:650;color:#f5f5f5;letter-spacing:0}body .app-shell h2{font-size:18px;font-weight:600;color:#f5f5f5}body .app-shell h3{font-size:15px;font-weight:600;color:#f5f5f5}
body .sidebar{width:200px;background:#1f1f1f;border-color:#303030;padding:18px 14px;color:#dedede}body .main-area{margin-left:200px}body .brand{font-size:17px;gap:8px;color:#f5f5f5;padding:0 5px}body .brand-mark{width:25px;height:25px;font-size:16px;border:0;border-radius:50%;background:#0e88d0;color:#fff}body .new-chat{margin:25px 0 22px;padding:10px 11px;border-color:#454545;border-radius:12px;background:#2b2b2b;color:#f5f5f5}body .nav-label{font-size:12px;letter-spacing:0;color:#929292}body .nav-item{font-size:13px;padding:10px 12px;border-radius:16px;color:#c4c4c4}body .nav-item.active{background:#273641;border-color:transparent;color:#f5f5f5}body .nav-item:hover,body .sidebar-link:hover{background:#2a2a2a;color:#fff}body .nav-dot{background:#0e88d0}body .nav-count{font-size:11px;background:#383838;color:#ddd}body .sidebar-link{font-size:12px;color:#bdbdbd}body .history-item{font-size:12px;color:#a6a6a6}body .history-item:hover,body .history-item.active{background:#303030;color:#f5f5f5}body .sidebar-bottom{border-color:#353535}body .history-empty{font-size:12px;color:#888}body .sidebar-note p{font-size:12px}body .sidebar-note small{font-size:11px;color:#8e8e8e}
body .topbar{height:52px;background:#1f1f1f;border-color:#303030;padding:0 24px}body .breadcrumbs{font-size:12px;color:#999}body .breadcrumbs>b{color:#f0f0f0}body .breadcrumbs>span{color:#606060}body .connection{font-size:12px;color:#c8c8c8;border-color:#484848;border-radius:16px;background:#292929;padding:5px 10px}body .page-heading>p,body .dashboard-title p{font-size:13px;color:#a6a6a6}body .page-heading h1>span{font-size:12px;border-color:#444;background:#303030;color:#bbb;border-radius:9px}body .eyebrow{font-size:11px;color:#a6a6a6;letter-spacing:1px}body .eyebrow>span{background:#0e88d0}
body .dashboard-card,body .metric-card,body .creation-form,body .result-panel,body .model-card,body .media-card,body .key-dialog{background:#272727;border-color:#3b3b3b;border-radius:24px}body .dashboard-welcome{border-color:#3b3b3b;border-radius:28px;background:#282828}body .dashboard-muted,body .dashboard-note,body .metric-card p,body .form-note,body .batch-note{font-size:12px;color:#a6a6a6}body .metric-heading{font-size:13px;color:#ccc}body .metric-heading .icon{color:#999}body .metric-card strong{color:#f5f5f5;font-size:31px}body .dashboard-empty{font-size:13px;color:#aaa}body .primary-button{background:#0e88d0;border-color:#0e88d0;color:white;border-radius:13px;padding:11px 16px;font-size:13px}body .primary-button:hover{background:#1596df}body .secondary-button,body .download-link{background:#303030;border-color:#494949;color:#f0f0f0;border-radius:12px;font-size:12px}body .secondary-button:hover,body .download-link:hover{background:#393939}body .bulk-download-button{background:#0e88d0!important;border-color:#0e88d0!important;color:#fff!important}body .app-shell .model-tag,body .batch-status,body .setup-status,body .service-pill{font-size:12px;color:#ccc;background:#303030;border-color:#484848;border-radius:9px}body .batch-status.warning{color:#d9bb82;background:#382f21;border-color:#635134}
body .creation-form label{font-size:12px;color:#e0e0e0}body .creation-form textarea,body .creation-form input,body .creation-form select,body .key-dialog input{background:#202020;border-color:#4a4a4a;color:#f0f0f0;border-radius:12px;font-size:13px}body .creation-form textarea::placeholder,body .key-dialog input::placeholder{color:#858585}body .creation-form .upload-area{background:#252525;border-color:#505050;border-radius:16px}body .upload-area>b,body .upload-area>span,body .upload-area>.icon{color:#aaa;font-size:12px}body .prompt-example,body .prompt-example button{font-size:12px;color:#a6a6a6}body .prompt-template,body .generation-execution,body .upstream-progress,body .bulk-download-fallback{background:#242424;border-color:#424242;border-radius:16px;color:#bbb;font-size:12px}body .prompt-template pre{background:#1e1e1e;border-color:#3b3b3b;color:#c7c7c7;font-size:12px}body .prompt-template p,body .prompt-template summary,body .upstream-progress>b,body .upstream-progress>p,body .generation-execution>summary,body .generation-turn-reply,body .generation-turn-heading,body .generation-turn-stats,body .generation-execution-note{font-size:12px;color:#bbb}body .generation-turn{border-color:#404040}body .generation-turn-heading>span{font-size:12px;color:#9f9f9f}body .batch-counts>div{background:#232323;border-color:#414141;border-radius:18px}body .batch-counts b{color:#f5f5f5}body .batch-counts span{font-size:12px;color:#a6a6a6}body .batch-image{background:#242424;border-color:#414141;border-radius:18px}body .batch-image>a,body .batch-image img,body .media-card>a{background:#202020}body .batch-image-footer>span,body .batch-image-footer .download-link{font-size:12px;color:#ccc}body .batch-image-footer .download-link{padding:5px 9px}body .result-placeholder>p,body .result-content .result-prompt,body .batch-result>.result-prompt{font-size:13px;color:#aaa}body .batch-empty{font-size:13px;color:#aaa}body .bulk-download-state{font-size:12px;color:#c3c3c3}body .task-state p,body .task-id{font-size:12px;color:#aaa}
body .library-filters{border-color:#414141}body .library-filters button{font-size:13px;color:#aaa}body .library-filters button.active{background:#3a3a3a;color:white;border-radius:12px}body .media-card-info>p{font-size:13px;color:#e8e8e8}body .media-card-footer{font-size:12px;color:#a6a6a6}body .media-card-footer .download-link{font-size:12px;background:#343434}body .library-bulk-actions,body .library-bulk-actions>span{font-size:12px;color:#aaa}body .media-delete-button{font-size:12px;border-color:#745052;background:#3a292b;color:#e4b0b2;border-radius:9px}body .media-delete-confirm{border-radius:16px}body .task-row{background:#292929;border-color:#444;border-radius:16px}body .task-row p,body .task-row small{font-size:12px;color:#ccc}body .task-row button{background:#363636;border-color:#515151;color:white;border-radius:10px}body .overview-task{border-color:#414141}body .overview-task b{font-size:13px;color:#ddd}body .overview-task small,body .overview-task-badge{font-size:12px;color:#aaa}body .overview-task-badge{background:#363636;border-radius:8px}
body .chat-composer{background:#292929;border-color:#444;border-radius:22px}body .chat-composer textarea{color:#f1f1f1;font-size:14px}body .message-text{font-size:14px;color:#e8e8e8}body .message.user .message-text{background:#333;border-color:#484848;color:#f5f5f5;border-radius:18px}body .suggestions>button{background:#292929;border-color:#414141;border-radius:20px}body .suggestions b{color:#ececec;font-size:13px}body .suggestions small{color:#aaa;font-size:12px}body .model-card code,body .model-description,body .model-metrics span,body .model-outcomes,body .model-sample-note,body .model-dashboard-note{font-size:12px;color:#aaa}body .model-metrics{border-color:#444}body .model-metrics b{color:#eee}body .model-state{background:#343434;border-color:#505050;color:#ccc;font-size:12px}body .retention-status{background:#272727;border-color:#414141;border-radius:20px}body .retention-status>p,body .retention-status-footer{font-size:12px;color:#aaa}body .service-details>div{font-size:12px}body .service-details>div>span{color:#aaa}body .service-details b{font-size:12px;color:#e3e3e3}body .service-details .service-address{border-color:#414141}body .service-address code{background:#202020;border-color:#444;border-radius:12px;color:#ccc;font-size:12px}
.overview-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin-bottom:18px}body .overview-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);gap:20px;padding:22px;margin:0;align-items:stretch}.overview-guide-main{min-width:0}.overview-guide-main>h2{margin:10px 0 8px;font-size:23px!important;line-height:1.45}.overview-guide-main>p{margin:0 0 18px}.overview-guide .setup-grid{grid-template-columns:1fr;gap:10px}.overview-guide .setup-step,.overview-guide .setup-step+.setup-step{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #454545;background:#242424;border-radius:20px}.overview-guide .setup-step>div{flex:1}.overview-guide .setup-step b{color:#f0f0f0;font-size:13px}.overview-guide .setup-step p{margin:4px 0;font-size:12px;color:#aaa}.overview-guide .setup-step button,.overview-guide .setup-step a{font-size:12px;color:#62b6e5}.overview-guide .step-number{border-color:#4e4e4e;background:#303030;color:#d5d5d5;border-radius:50%;width:27px;height:27px;font-size:12px}.overview-guide-status{background:#222;border:1px solid #3b3b3b;border-radius:24px;padding:17px;min-width:0}.overview-guide-status>h3{margin:0 0 21px}.overview-guide-status .service-details>div{margin-bottom:15px}.overview-recommendations>h2{font-size:20px!important;margin:10px 0 20px}.overview-recommendations>button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:15px 12px;border:1px solid #4b4b4b;background:#303030;border-radius:22px;margin-top:11px;color:#eee}.overview-recommendations>button>.icon{width:21px;height:21px}.overview-recommendations b{display:block;font-size:13px}.overview-recommendations small{display:block;font-size:12px;color:#aaa;margin-top:4px}.overview-summary-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin-bottom:18px}.overview-summary-layout .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:14px}.overview-summary-layout .metric-card{min-height:184px}.overview-wallet>h2{font-size:13px!important;margin:0 0 15px}.overview-wallet>strong{font-size:28px;font-weight:600;color:#f5f5f5}.overview-wallet>p{margin:6px 0 15px}.overview-wallet>div{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#aaa}.overview-wallet>div b{color:#eee;font-weight:500}.overview-wallet>.primary-button{width:100%;margin-top:20px}.overview-recent-card{margin-bottom:18px}.overview-guide .setup-status{align-self:flex-start;margin-top:4px;font-size:11px}
body .image-waiting{border-color:#37664d;background:#22342a;border-radius:20px}body .image-waiting-title,body .image-waiting-time{color:#c1e7cc}body .image-waiting-title{font-size:14px}body .image-waiting-meta,body .image-waiting-note{font-size:12px;color:#9ac1a6}body .download-reminder{border-radius:15px}body .download-reminder p{color:#cbb58a;font-size:12px}body .download-reminder small{font-size:12px;color:#a99a7c}
@media(max-width:1250px){.overview-intro-layout,.overview-summary-layout{grid-template-columns:minmax(0,1fr)}.overview-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.overview-recommendations>h2,.overview-recommendations>.dashboard-muted{grid-column:1/-1;margin:0}.overview-recommendations>button{margin:0}.overview-wallet{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.overview-wallet>h2{width:100%;margin:0}.overview-wallet>p{margin:0}.overview-wallet>.primary-button{width:auto;margin:0 0 0 auto}}
@media(max-width:950px){body .sidebar{width:64px;padding:17px 9px}body .main-area{margin-left:64px}body .sidebar .nav-item,body .sidebar .new-chat,body .sidebar .sidebar-link{font-size:0}.overview-guide{grid-template-columns:minmax(0,1fr)!important}.overview-guide-status .service-details{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.overview-guide-status .service-address{grid-column:1/-1}.overview-recommendations{grid-template-columns:1fr}.overview-recommendations>button{padding:12px 16px}.overview-summary-layout .dashboard-metrics{gap:10px}}
@media(max-width:580px){body .sidebar{width:100%;height:70px;padding:7px}body .main-area{margin-left:0;padding-bottom:70px}body .sidebar .nav-item{font-size:10px;padding:6px 0;line-height:1.2}body .main-nav{grid-template-columns:repeat(7,minmax(0,1fr))}body .topbar{height:52px;padding:0 16px}body .app-shell h1{font-size:22px}.overview-guide-main>h2{font-size:21px!important}body .overview-guide{padding:17px;gap:17px}.overview-summary-layout .dashboard-metrics{grid-template-columns:1fr}.overview-summary-layout .metric-card{min-height:145px}.overview-wallet>.primary-button{margin-left:0;width:100%}.overview-guide-status .service-details{grid-template-columns:1fr}.overview-guide .setup-step{padding:12px}.overview-guide .setup-status{display:none}body .app-shell .batch-actions button{font-size:12px}body .batch-image-footer>span,body .batch-image-footer .download-link{font-size:12px}}

/* Video creation follows the same full-width form/results layout as images. */
.video-creation-layout{grid-template-columns:minmax(0,1fr);gap:23px}.video-creation-layout>.creation-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:26px;align-items:stretch}.video-prompt-fields,.video-settings-fields{min-width:0}.video-prompt-fields{display:flex;flex-direction:column}.video-prompt-fields>textarea{min-height:220px;flex:1}.video-settings-fields>.field-row{margin-top:0}.video-settings-fields>.upload-area,.video-settings-fields>.generate-button{margin-top:15px}.video-creation-layout>#videoResult{width:100%;min-height:300px;padding:22px}.video-creation-layout .result-content>video{max-height:650px;object-fit:contain;background:#202020;border-radius:18px}.wallet-own-balance-form{margin-bottom:18px}.wallet-own-balance-form>h3{margin-bottom:10px}.wallet-own-balance-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wallet-own-balance-form>.primary-button{width:auto;min-width:220px}
@media(max-width:780px){.video-creation-layout>.creation-form{grid-template-columns:minmax(0,1fr);gap:21px}.video-prompt-fields>textarea{min-height:180px;flex:initial}.video-creation-layout>#videoResult{padding:19px}.wallet-own-balance-fields{grid-template-columns:minmax(0,1fr);gap:0}}
@media(max-width:580px){.video-creation-layout{gap:19px}.video-creation-layout>#videoResult{padding:16px;min-height:270px}.wallet-own-balance-form>.primary-button{width:100%;min-width:0}}

/* Library filters and original-ratio previews. Only the current 80-item page has image URLs. */
.library-filter-panel{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(160px,1.2fr) repeat(2,minmax(135px,1fr));gap:15px;background:#272727;border:1px solid #3b3b3b;border-radius:24px;padding:20px;margin:0 0 17px}.library-filter-panel>div{min-width:0}.library-filter-panel label{display:block;color:#bcbcbc;font-size:12px!important;margin-bottom:7px}.library-filter-panel input,.library-filter-panel select{display:block;width:100%;min-width:0;min-height:40px;border:1px solid #484848;border-radius:12px;background:#202020;color:#f0f0f0;padding:8px 10px;font-size:13px!important;color-scheme:dark}.library-filter-panel input::placeholder{color:#8d8d8d}.library-filter-panel>.secondary-button{align-self:end;min-height:40px}.library-filter-count{grid-column:1/-1;font-size:12px!important;margin:0;color:#aaa}.library-more{display:flex;justify-content:center;margin:22px 0}.library-more>.secondary-button{min-width:220px}.media-grid{align-items:start}body .media-card>a,body .batch-image>a{display:block}body .media-card img,body .media-card video,body .image-creation-layout .batch-image img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:#202020}body .media-card img[data-dimensions="pending"],body .image-creation-layout .batch-image img[data-dimensions="pending"]{min-height:110px}.media-card-footer{flex-wrap:wrap;row-gap:9px}.media-card-footer>span:first-child{width:100%;font-variant-numeric:tabular-nums}.media-card-info .media-task-label{font-size:12px!important;color:#999;margin:-2px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-more{align-self:center;min-width:230px}.library-bulk-actions>label{font-size:12px;line-height:1.7}
@media(max-width:1200px){.library-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.library-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px;gap:13px}.library-filter-search{grid-column:1/-1}}@media(max-width:430px){.library-filter-panel{grid-template-columns:minmax(0,1fr)}.library-filter-search{grid-column:auto}.library-more>.secondary-button{width:100%;min-width:0}}

/* Adjustable dense gallery; only the column count is saved as a local preference. */
body .media-grid,body .image-creation-layout .batch-grid{grid-template-columns:repeat(var(--media-grid-columns,6),minmax(0,1fr));gap:12px}.library-view-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:22px 0 0}.library-view-controls>label{display:flex;align-items:center;gap:10px;font-size:13px!important;color:#ccc}.library-view-controls select{min-height:37px;min-width:85px;border:1px solid #494949;background:#272727;border-radius:12px;padding:5px 10px;color:#f5f5f5;color-scheme:dark}.library-view-controls>span{font-size:12px;color:#999}.library-view-controls>button{margin-left:auto}.library-view-controls>button[aria-pressed="true"]{background:#0e88d0;border-color:#0e88d0;color:#fff}.media-grid.selection-mode .media-card{cursor:pointer;user-select:none}.media-grid.selection-mode .media-card:hover{border-color:#707070}.media-grid .media-card.selected{border-color:#0e88d0;box-shadow:0 0 0 2px #0e88d0}.media-grid.selection-mode .media-card .download-link,.media-grid.selection-mode .media-card .media-delete-button{display:none}.media-grid.selection-mode .media-card video{pointer-events:none}.library-bulk-actions{padding:15px;border:1px solid #454545;border-radius:18px;background:#292929}.library-bulk-actions>button,.library-bulk-actions>label{font-size:12px!important}.library-bulk-actions>span{width:100%;font-size:12px!important}.library-zip-progress{display:flex;align-items:center;gap:15px;justify-content:space-between;border:1px solid #424242;background:#272727;padding:12px 15px;border-radius:15px;margin:0 0 18px}.library-zip-progress>p{margin:0;font-size:12px!important;color:#aaa;white-space:pre-wrap;overflow-wrap:anywhere}.library-zip-progress>button{flex:none}.media-card-info{padding:10px}.media-card-footer .download-link,.media-card-footer .media-delete-button{white-space:nowrap}
@media(max-width:1050px){body .media-grid,body .image-creation-layout .batch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){body .media-grid,body .image-creation-layout .batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-view-controls{gap:10px}.library-view-controls>span{width:100%;order:3}.library-zip-progress{align-items:flex-start;flex-direction:column}.media-card-info{padding:9px}}

/* Selection is a pressed card with a border; no checkbox overlay is created. */
.media-grid.selection-mode .media-card:focus-visible{outline:2px solid #63b6e5;outline-offset:3px}.library-bulk-actions>#selectAllMedia[aria-pressed="true"]{background:#0e88d0;border-color:#0e88d0;color:#fff}

/* Compact library filter row; count on the left, column preference on the right. */
.library-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.library-heading-actions>#toggleLibrarySelection[aria-pressed="true"]{background:#0e88d0;border-color:#0e88d0;color:#fff}.library-heading-actions>#toggleLibrarySelection{font-size:12px;padding:9px 12px}
body .library-filter-panel{grid-template-columns:minmax(190px,1.4fr) minmax(160px,1.1fr) minmax(130px,.8fr) minmax(140px,.9fr) auto;gap:14px}.library-filter-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #3b3b3b;padding-top:14px;margin-top:2px}.library-filter-footer>.library-filter-count{grid-column:auto;flex:1;min-width:0}.library-filter-panel .library-grid-setting{display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap;flex:none}.library-filter-panel .library-grid-setting>select{width:90px;min-width:80px;min-height:36px;padding:5px 9px}
@media(max-width:1100px){body .library-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filter-search{grid-column:1/-1}}@media(max-width:580px){.library-heading{align-items:flex-start}.library-heading-actions{gap:8px;flex-direction:column;align-items:flex-end}.library-filter-footer{flex-wrap:wrap;gap:12px}.library-filter-footer>.library-filter-count{flex-basis:100%}.library-grid-setting{margin-left:auto!important}}@media(max-width:430px){body .library-filter-panel{grid-template-columns:minmax(0,1fr)}.library-filter-search{grid-column:auto}}

/* Compact reference gallery and full-frame image previews. */
#imageUploadArea[hidden]{display:none!important}
.image-reference-list{display:block}
.image-reference-list:empty{display:none}
.reference-preview-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px;color:#bdbdbd;font-size:12px}
.reference-preview-header strong{font-weight:600;color:#e7e7e7}
.reference-preview-grid{display:flex;gap:10px;flex-wrap:wrap}
.reference-preview-tile,.reference-preview-add{position:relative;display:grid;place-items:center;width:92px;height:86px;flex:0 0 92px;background:#202020;border:1px solid #484848;border-radius:11px;overflow:hidden}
.reference-preview-tile img{display:block;width:100%;height:100%;object-fit:contain;color:#bcbcbc;font-size:11px}
.reference-preview-remove{position:absolute;right:5px;top:5px;width:23px;height:23px;padding:0;display:grid;place-items:center;border-radius:50%;color:white;background:#191919d9;border:1px solid #ffffff33;font-size:16px;line-height:1}
.reference-preview-add{align-content:center;gap:4px;border-style:dashed;color:#bdbdbd}
.reference-preview-add>span{font-size:22px;line-height:1}
.reference-preview-add>small{font-size:10px}
.reference-preview-add:hover{border-color:#68a6cb;color:#e0f4ff}
.reference-preview-add:disabled,.reference-preview-remove:disabled{opacity:.5}
.image-ratio-hint{display:block;color:#88c9ef;font-size:11px;margin:6px 0 0}
.batch-image img[data-preview-state="loading"],.media-card img[data-preview-state="loading"]{opacity:0}
.batch-image img[data-preview-state="ready"],.media-card img[data-preview-state="ready"]{opacity:1}
@media(max-width:580px){.reference-preview-tile,.reference-preview-add{width:72px;height:70px;flex-basis:72px}}

.reference-preview-tile,.reference-preview-add{width:144px;height:128px;flex-basis:144px}
.reference-preview-open{display:block;width:100%;height:100%;border:0;background:none;padding:0;cursor:zoom-in}
.reference-preview-open:focus-visible{outline:2px solid #75bbeb;outline-offset:-3px}
.reference-preview-dialog{width:max-content;max-width:min(94vw,1200px);max-height:94dvh;border:1px solid #4b4b4b;border-radius:16px;background:#212121;color:#eee;padding:14px;overflow:hidden}
.reference-preview-dialog::backdrop{background:#0a0a0adc;backdrop-filter:blur(5px)}
.reference-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:10px}
#referencePreviewImage{display:block;max-width:min(88vw,1140px);max-height:calc(90dvh - 60px);width:auto;height:auto;object-fit:contain;margin:auto}
@media(max-width:580px){.reference-preview-tile,.reference-preview-add{width:104px;height:92px;flex-basis:104px}}

#keyDialog .account-dialog-status{margin:0;overflow-wrap:anywhere}
#keyDialog .account-dialog-actions{display:grid;gap:10px;margin-top:17px}
#keyDialog .account-dialog-actions .primary-button{margin:0}
#keyDialog .account-dialog-actions .secondary-button{min-height:44px;justify-content:center;border-color:#626262;color:#ededed}
#keyDialog .account-dialog-actions .secondary-button:hover:not(:disabled){background:#353535;border-color:#898989}

.batch-selection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:15px;border:1px solid #286d99;border-radius:16px;background:#132c3e}
.batch-selection-actions[hidden]{display:none}
.batch-selection-count{flex:1 0 100%;margin:0;color:#c8dfed;font-size:12px}
.batch-selection-actions .primary-button{margin:0}
.batch-grid.selection-mode .batch-image{position:relative;cursor:pointer}
.batch-grid.selection-mode .batch-image.selected{border-color:#53b1e8;box-shadow:0 0 0 2px #53b1e8}
.batch-image>.batch-image-select{position:absolute;z-index:2;top:11px;left:11px;width:22px;height:22px;margin:0;accent-color:#159ce5;cursor:pointer;box-shadow:0 0 0 3px #152536b3}
.batch-image>.batch-image-select[hidden]{display:none}
.batch-image>.batch-image-select:focus-visible{outline:2px solid #a1d8f6;outline-offset:4px}
.batch-grid.selection-mode .batch-image>a,.batch-grid.selection-mode .batch-image-footer a{cursor:pointer}
@media(max-width:580px){.batch-selection-actions{gap:8px;padding:12px}.batch-selection-actions>button{flex:1 1 42%}.batch-selection-count{line-height:1.6}}

.image-prompt-presets{margin-top:16px;padding:15px;border:1px solid #424242;border-radius:16px;background:#242424}
.image-prompt-presets>label{margin-bottom:9px}
.image-prompt-preset-controls{display:flex;align-items:stretch;gap:10px}
.image-prompt-preset-controls select{flex:1;min-width:0;min-height:42px;padding:8px 11px;border:1px solid #4a4a4a;border-radius:12px}
.image-prompt-preset-controls button{flex:none;white-space:nowrap;font-size:12px}
.image-prompt-preset-preview{margin:12px 0 9px;color:#d0d0d0;font-size:12px;line-height:1.85;overflow-wrap:anywhere}
.image-prompt-presets>small{display:block;color:#aaa;font-size:12px;line-height:1.7}
.workspace-build{display:block;color:#888;font-size:10px;line-height:1.5;margin:0 5px 8px;overflow-wrap:anywhere}
@media(max-width:580px){.image-prompt-preset-controls{flex-wrap:wrap}.image-prompt-preset-controls select{flex-basis:100%}.image-prompt-preset-controls button{width:100%}}
