:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#424e61;background:#f7f7f8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{display:flex;align-items:center;gap:20px;padding:20px 30px;background:white;border-bottom:1px solid #e3e6ec}header b{font-size:21px;margin-right:auto}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d9dfeb;border-radius:9px;padding:9px 14px;background:#fff;color:#465875}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#487aff;color:white;border:0}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #dbe2ee;border-radius:8px;padding:11px;color:#465166;background:white}label{display:block;margin:13px 0;font-size:14px}label>input,label>select{margin-top:7px}p,small{color:#8893a4;line-height:1.7;font-size:14px}h1{font-size:24px}h2{font-size:18px}h3{font-size:16px}.card{background:white;border:1px solid #e0e6f0;border-radius:15px;padding:23px;margin-bottom:18px}.login{max-width:460px;margin:10vh auto}main{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px;padding:24px;max-width:1500px;margin:auto}.work{min-width:0}.balance{font-size:30px;color:#386de4}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar select{width:auto}.toolbar span{margin-left:auto;color:#4778db;font-weight:600}.uploads{display:flex;gap:10px;flex-wrap:wrap}.uploads label{border:1px solid #dce5f4;padding:10px;border-radius:10px;flex:1;min-width:120px}.uploads input{font-size:12px;padding:5px}.jobs{max-height:45vh;overflow:auto}.jobs video{max-width:100%;max-height:300px}#notice{padding:10px 30px;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf3ff;color:#46679b}#notice:empty{display:none}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1500px;padding:25px;margin:auto}.wide{grid-column:1/-1;overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;border-bottom:1px solid #e7eaf0;padding:11px}td small{display:block}td form{display:flex;gap:6px}td input{max-width:100px}.secret{white-space:pre-wrap;overflow-wrap:anywhere;color:#376de3;background:#eef4ff;padding:12px;margin-top:12px}.secret:empty{display:none}a{color:#4677d6}pre,code{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#assets>div{display:flex;justify-content:space-between;padding:6px;font-size:13px}#ledger{max-height:250px;overflow:auto}@media(max-width:800px){main,.admin-grid{grid-template-columns:1fr;padding:12px}.wide{grid-column:auto}header{padding:15px}.card{padding:17px}.login{margin:40px 15px}.jobs{max-height:40vh}}

.customer-mentions{padding:8px;border:1px solid #dce5f5;border-radius:8px;max-height:220px;overflow:auto}.customer-mentions button{display:block;width:100%;text-align:left;color:#4775ef;margin:4px 0}
.uploads{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:start}.uploads>label{min-width:0;border:1px solid #dfe6f1;border-radius:12px;padding:12px;background:#f9fbff}.uploads>label[hidden]{display:none}.group-assets{display:flex;overflow:auto;gap:8px;margin-top:10px;max-height:210px}.reference-card{flex:0 0 112px;display:flex;flex-direction:column;gap:5px;min-width:0;padding:5px;background:white;border-radius:8px}.reference-card img,.reference-card video{width:100px;height:75px;object-fit:contain;background:#eef2f8}.reference-card audio{width:100px}.reference-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-card button{font-size:12px;padding:4px}

.ace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.ace-grid button{display:flex;flex-direction:column;gap:8px;text-align:left;padding:16px;background:#fff;border:1px solid #d6dff1;border-radius:14px;color:#354767}.ace-grid strong{font-size:22px;color:#3164ee}.ace-grid small,.ace-grid span{font-size:13px}.ace-note{font-size:14px;color:#66748c}.channel-health{color:#546985;font-weight:600}

@media(max-width:1000px){.ace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ace-grid{grid-template-columns:minmax(0,1fr)}}

.commercial main{max-width:none;padding:0;gap:0;grid-template-columns:280px minmax(0,1fr)}.commercial aside{padding:24px 20px;border-right:1px solid #e4e6eb;min-height:calc(100vh - 76px);background:#fafafa}.commercial .work{padding:32px clamp(20px,5vw,100px);display:flex;flex-direction:column;min-height:calc(100vh - 76px)}.commercial .jobs{flex:1;max-height:50vh;min-height:180px}.commercial .composer{border-radius:24px;border-color:#cad8ff;margin-top:24px}.commercial textarea{border:0;min-height:160px;font-size:16px;line-height:1.8}.commercial #taskList{display:grid;gap:8px;margin:20px 0}.commercial #taskList button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial #newTask{background:#252a31;color:white;border:0;border-radius:16px;width:100%;padding:14px}.commercial #uploadProgress{width:100%;accent-color:#487aff}.commercial .toolbar #price{border-radius:30px;background:#eef3ff;padding:14px}.commercial .toolbar .primary{border-radius:30px}.commercial .group-assets{flex-wrap:wrap;max-height:270px}.commercial .jobs:has(>p:only-child){display:grid;place-items:center}.commercial .jobs article p{white-space:pre-wrap;overflow-wrap:anywhere}.commercial .jobs video{width:100%;max-height:420px;border-radius:12px;background:#111}@media(max-width:800px){.commercial main{grid-template-columns:1fr}.commercial aside{min-height:0;border-right:0;padding:16px}.commercial aside .card{margin-bottom:8px}.commercial .work{padding:16px;min-height:60vh}.commercial #taskList{max-height:100px;overflow:auto}}
/* Customer creative workspace */
.commercial{--ink:#252932;--muted:#858994;background:#fafafa;color:var(--ink);font-size:15px}.commercial>header{height:66px;padding:0 30px 0 280px;border-bottom:1px solid #ebebed;background:#fff}.commercial>header b{font-size:15px;font-weight:500;color:#747986}.commercial #identity{font-size:13px}.commercial #logout{font-size:13px;border:0;color:#858994}.commercial main{grid-template-columns:236px minmax(0,1fr);height:calc(100dvh - 66px)}.commercial aside{position:fixed;inset:0 auto 0 0;width:236px;padding:30px 18px 18px;background:#f2f2f3;display:flex;flex-direction:column;border-right:1px solid #e7e7e9;min-height:0;z-index:2}.side-brand{font-size:26px;font-weight:750;letter-spacing:1px;margin:2px 12px 30px}.side-brand span{display:block;font-size:12px;letter-spacing:2px;font-weight:400;color:#8c8d95;margin-top:7px}.commercial #newTask{font-size:14px;border-radius:12px;padding:13px;background:#262930;box-shadow:0 3px 8px #2221}.nav-caption{font-size:12px;color:#989ba4;margin:28px 12px 0}.commercial #taskList{flex:1;overflow:auto;align-content:start;margin:10px 0}.commercial #taskList button{background:transparent;border:0;padding:12px;font-size:13px}.commercial aside>a.card{order:0;display:block;border:0;background:transparent;padding:13px;margin:0 0 14px;text-decoration:none;color:#545b69;font-size:14px}.commercial .wallet{border-top:1px solid #dddfe4;padding:19px 12px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.wallet>span{font-size:12px;color:#858994}.commercial .wallet .balance{font-size:21px;color:#292e3a}.commercial .wallet button{grid-column:1/-1;background:#fff;border-color:#e0e1e5;font-size:13px;border-radius:9px}.commercial .work{grid-column:2;min-height:0;max-width:1100px;width:100%;margin:auto;height:100%;padding:32px 44px 20px}.commercial .jobs{min-height:120px;max-height:none;overflow:auto;flex:1}.creation-empty{height:100%;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:28px}.creation-empty>span{font-size:11px;letter-spacing:4px;color:#8c91a0}.creation-empty h1{font-size:32px;letter-spacing:1px;font-weight:550;margin:18px 0 10px;color:#303747}.creation-empty p{font-size:14px;margin:0;color:#9498a3}.commercial .composer{flex-shrink:0;margin:16px 0 0;padding:22px 24px 16px;border:1px solid #e0e2e9;border-radius:20px;box-shadow:0 8px 36px #27345308;background:#fff}.composer-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.composer-heading b{font-size:14px;font-weight:650}.composer-heading>span{font-size:11px;background:#f1f3f8;color:#868da0;border-radius:5px;padding:4px 7px}.commercial .uploads{display:block}.commercial .uploads>.image-picker{border:0;background:none;padding:0;margin:0;position:relative}.commercial .image-picker>input{position:absolute;width:1px;height:1px;opacity:0;padding:0;border:0;overflow:hidden}.upload-trigger{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:#f8f9fb;border:1px dashed #d8dce6;border-radius:10px;padding:12px 16px;font-size:12px;color:#646e80}.upload-plus{font-size:25px;font-weight:300;color:#808ca3}.upload-trigger small{display:block;font-size:11px;color:#a0a5af;line-height:1.4}.commercial textarea{font-size:15px;min-height:125px;max-height:240px;resize:vertical;padding:20px 0 12px;line-height:1.9;border:0;border-radius:0;outline:none;background:transparent}.commercial textarea::placeholder{color:#a0a4ae}.commercial .toolbar{gap:14px;border-top:1px solid #f0f1f4;padding-top:14px}.commercial .toolbar select{font-size:12px;padding:7px 9px;width:auto;border:1px solid #ebedf2;border-radius:7px}.fixed-param{font-size:12px;color:#757e91}.commercial .toolbar #price{margin-left:auto;padding:0;background:none;font-size:13px;color:#535c6e;font-weight:500}.commercial .toolbar .primary{border-radius:10px;background:#456af0;padding:11px 18px;font-size:13px;box-shadow:0 3px 8px #456af021}.composer-note{text-align:center;font-size:11px;color:#a0a4af;margin-top:12px}.commercial #notice{position:fixed;top:76px;left:50%;transform:translateX(-50%);padding:12px 22px;border:1px solid #dfe7f9;border-radius:12px;box-shadow:0 4px 20px #263a6310;z-index:10;font-size:13px;max-width:80vw}.commercial dialog{width:min(430px,90vw);border:1px solid #e0e3ec;border-radius:20px;padding:26px;color:#303747;box-shadow:0 24px 100px #18233826}.commercial dialog::backdrop{background:#19233855;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{margin:0}.dialog-heading button{border:0;font-size:24px;padding:0 6px}.commercial #redeemForm button{width:100%;margin-bottom:18px}.commercial #showLedger{border:0;padding-left:0;font-size:13px}.commercial .reference-card{border:1px solid #e9ebf1}.commercial .reference-card img{border-radius:5px}.commercial .group-assets{max-height:185px;margin-top:10px}.commercial button:focus-visible,.commercial input:focus-visible,.commercial select:focus-visible,.commercial .image-picker:focus-within .upload-trigger{outline:2px solid #7594ff;outline-offset:3px}.commercial .composer:focus-within{border-color:#aebbeb}.commercial .login{max-width:430px;border-radius:22px;box-shadow:0 10px 50px #303a4d08}.commercial .login .primary{width:100%;margin-top:15px}@media(max-width:800px){.commercial>header{padding:0 18px;height:56px}.commercial main{height:auto;min-height:calc(100dvh - 56px);grid-template-columns:1fr}.commercial aside{position:static;width:auto;padding:12px 18px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-items:center}.side-brand,.nav-caption,.commercial #taskList{display:none}.commercial #newTask{width:auto}.commercial aside>a.card{padding:10px;margin:0}.commercial .wallet{margin-left:auto;border:0;padding:0;display:flex;gap:10px}.wallet>span{display:none}.commercial .wallet .balance{font-size:17px}.commercial .work{grid-column:1;padding:16px;min-height:70dvh}.creation-empty{min-height:170px;padding:20px}.creation-empty h1{font-size:25px}.commercial .composer{padding:18px}.commercial .toolbar{gap:8px}.commercial .toolbar .primary{padding:10px}.composer-note{line-height:1.7}}

/* Visible task feedback stays above long prompts and outside the scrolling history. */
#generationActivity{flex-shrink:0;padding:13px 17px;margin-bottom:14px;background:#eef3ff;border:1px solid #d9e3ff;border-radius:12px;color:#365aca;font-size:14px;line-height:1.6}
.job-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.job-heading>span{font-size:12px;color:#858994}.job-status{font-size:14px;padding:7px 12px;border-radius:8px;background:#edf2ff;color:#456af0}.job-status.failed,.job-status.unknown{background:#fff0ec;color:#ba513b}.job-status.completed{background:#e9f7ef;color:#268157}
.job-progress{min-height:105px;border-radius:12px;background:#f6f8ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:12px 0;color:#456af0}.job-progress>span:before{content:'';display:inline-block;width:13px;height:13px;margin-right:9px;border:2px solid #c5d3ff;border-top-color:#456af0;border-radius:50%;animation:task-spin 1s linear infinite;vertical-align:-2px}.job-prompt summary{cursor:pointer;font-size:13px;color:#778197;line-height:1.7;overflow-wrap:anywhere}.commercial .jobs .job-error{color:#ba513b}.commercial .jobs article{scroll-margin:12px}.commercial .jobs{min-height:210px}.job-prompt{margin:12px 0}@keyframes task-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.job-progress>span:before{animation:none}}

.account-panel{width:min(430px,calc(100% - 32px));margin:8vh auto;padding:32px;background:#fff;border:1px solid #e4e7ef;border-radius:22px;box-shadow:0 18px 55px #23304b08}.account-brand{font-size:24px;font-weight:700}.account-brand span{font-size:10px;letter-spacing:2px;color:#8991a3}.account-panel h1{font-size:28px;margin:24px 0 8px}.account-tabs{display:flex;gap:8px;margin:24px 0 16px}.account-tabs button{flex:1;border:0;background:#f4f5f8}.account-tabs [aria-pressed=true]{background:#eef2ff;color:#4966ef}.account-panel input{font-size:16px}.account-panel #accountSubmit{width:100%;padding:13px;margin-top:8px}.account-forgot{border:0;font-size:13px;margin-top:12px}.account-privacy{margin-top:16px;font-size:12px;color:#8991a3}.account-privacy summary{cursor:pointer;width:fit-content;line-height:1.6}.account-privacy p{margin:10px 0 0;font-size:12px;line-height:1.7}.account-panel #accountError{color:#c74439;min-height:20px}.customer-account{padding:12px 0;font-size:12px;overflow-wrap:anywhere}.customer-account button{padding:4px 8px;margin-top:8px;font-size:12px}#recoveryCode{display:block;padding:16px;background:#f1f4fa;border-radius:10px;margin:18px 0}#recoveryDialog{max-width:460px;width:calc(100% - 32px)}@media(max-width:700px){.account-panel{margin:28px auto;padding:24px}.commercial main{overflow-x:hidden}.commercial .composer{min-width:0}.commercial .customer-account{display:flex;gap:10px;align-items:center}}

.activity-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.activity-filters label{min-width:130px;margin:0}.activity-filters label:first-child{flex:1}.activity-table{overflow:auto;max-height:650px;margin:16px 0}.activity-table td{vertical-align:top;font-size:13px}.activity-table td:last-child{min-width:240px;max-width:540px;overflow-wrap:anywhere}.activity-table button{font-size:12px;margin-left:10px}.activity-table th{position:sticky;top:0;background:#f5f7fc}.activity-dialog{width:min(850px,95vw);max-height:85vh;overflow:auto;border:1px solid #dbe1ed;border-radius:16px;padding:24px}.activity-dialog pre{white-space:pre-wrap;font:14px/1.8 system-ui;color:#3c485b}.activity-dialog::backdrop{background:#19233366}

.commercial .model-choice{display:block;margin:12px 0}.commercial #models{width:100%;max-width:100%;text-overflow:ellipsis}.commercial #capability{font-size:12px;line-height:1.7;color:#7a8496}.commercial .toolbar{flex-wrap:wrap;gap:10px}.commercial .generated-image{display:block;max-width:100%;max-height:640px;object-fit:contain;margin:16px 0}.commercial .uploads>label{max-width:100%}.commercial .composer-heading b{overflow:hidden;text-overflow:ellipsis}.shop-prices{overflow:auto}.shop-prices td{min-width:120px;vertical-align:top}.shop-prices small{display:block}.credit-form{display:grid;gap:12px}#creditDialog{max-width:480px;width:90%;border:1px solid #dde3f0;border-radius:20px;padding:26px}@media(max-width:640px){.commercial #models{font-size:12px}.commercial .toolbar #price{width:100%;margin:0}.commercial .composer-heading{flex-wrap:wrap}}
.account-edit{display:grid;gap:12px;margin:20px 0;padding:18px;background:#f7f8fc;border-radius:14px}.account-edit label{display:grid;gap:6px}.account-edit small{color:#768196}.user-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.user-media-grid img,.user-media-grid video{width:100%;height:160px;object-fit:contain}.user-media-grid audio{width:100%}#userDialog{width:min(1050px,94vw)}#userDialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}#userDialog>section>img,#userDialog>section>video{max-width:100%;max-height:420px}#admin td{vertical-align:top}#admin td>small{display:block;color:#8090a0}

.model-editor{border:1px solid #dce2ee;border-radius:16px;padding:20px;margin:18px 0}.model-editor-heading{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.model-editor-heading>label:first-child{flex:1;min-width:240px}.model-editor label{display:grid;gap:6px}.model-editor table{width:100%;margin-top:12px}.model-editor td{vertical-align:top}.model-editor td input{max-width:220px}.model-editor small{display:block;margin-top:6px}.model-loss{display:block;color:#c6472e}.model-editor details{margin-top:12px;color:#6e7b90}.model-save-status{color:#c6472e}

.second-price-dialog{width:min(1040px,92vw);max-height:88vh;overflow:auto}.second-price-dialog form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.second-price-dialog label{display:grid;gap:6px}.second-price-dialog table{width:100%;margin:16px 0}.second-price-dialog small{display:block}.model-editor [data-link-seconds]{margin-top:10px}

.recharge-contact{padding:12px 14px;background:#f0f4ff;border-radius:10px;color:#465875;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.recharge-contact strong{color:#345bd8;user-select:text}

#taskViewTitle{font-size:22px;margin:18px 0 24px;color:#333d50}#taskList button[aria-current="page"]{background:#edf2ff;color:#4164e9;border-left:3px solid #5275ff}#newTask[aria-current="page"]{box-shadow:0 0 0 3px #dce5ff}
.status-card{margin:22px 0 12px;border:1px solid #dfe4ed;border-radius:20px;background:#fff;overflow:visible;color:#293243;text-align:left}.status-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #edf0f5}.status-card h3{font-size:18px;margin:0;font-weight:700}.status-refresh{border:0;background:transparent;color:#6a7487;padding:6px 10px;font-size:13px}.status-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;color:#7a8495;font-size:13px}.status-tabs{display:flex;background:#f1f3f7;border-radius:10px;padding:3px}.status-tabs button{border:0;background:transparent;border-radius:8px;padding:6px 18px;font-size:13px;color:#727b8b}.status-tabs button[aria-pressed=true]{background:#fff;color:#25334e;box-shadow:0 1px 4px #17294714}.status-list{max-height:360px;overflow:auto;padding:0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.status-row{padding:17px 0 12px;border-bottom:1px solid #edf0f5;min-width:0}.status-row-top{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}.status-model-name{padding:0;border:0;background:none;text-align:left;font-size:13px;font-weight:600;color:#465267;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-row.selected .status-model-name{color:#4669f7}.status-percent{font-size:17px;font-variant-numeric:tabular-nums;color:#28394d}.status-muted{color:#a4adbb}.status-timeline{display:flex;gap:4px;position:relative}.status-segment{flex:1;min-width:0;height:23px;padding:0!important;border:0;border-radius:12px;position:relative;cursor:pointer}.status-g{background:#22c55e!important}.status-l{background:#34d976!important}.status-y{background:#f59e0b!important}.status-r{background:#ef4444!important}.status-n{background:#d8dee8!important}.status-segment:hover,.status-segment:focus-visible{outline:2px solid #45556d;outline-offset:2px}.status-segment:hover:after,.status-segment:focus-visible:after{content:attr(data-tooltip);position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#273142;color:white;font-size:12px;padding:7px 10px;border-radius:7px;z-index:4;pointer-events:none}.status-axis{display:flex;justify-content:space-between;font-size:11px;color:#939cac;margin-top:7px}.status-point-info{font-size:12px;color:#657184;margin-top:5px}.status-point-info:empty{display:none}.status-source{font-size:11px;color:#8993a3;padding:12px 22px}.status-source p{font-size:11px;line-height:1.6;margin:6px 0}.status-source summary{cursor:pointer}@media(max-width:700px){.status-list{grid-template-columns:1fr;max-height:340px;padding:0 15px}.status-controls,.status-card-head{padding:14px 15px}.status-segment{height:22px}.status-timeline{gap:3px}}

/* Compact status panel belongs to sidebar, outside the composer. */
.commercial #taskList{flex:0 0 auto;max-height:clamp(132px,28vh,280px);min-height:0;grid-template-columns:minmax(0,1fr);grid-auto-rows:44px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
.commercial #taskList button{height:44px;min-height:44px;min-width:0;width:100%;line-height:20px;padding:12px;box-sizing:border-box}
#successSidebar{margin:8px 0 12px;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e3e9;border-radius:12px;background:#fff}
#successSidebar>summary{padding:12px 11px;font-size:13px;font-weight:650;cursor:pointer;flex-shrink:0;color:#3d485a}
#successSidebar:not([open]){flex:0 0 auto}
#successSidebar .status-card{margin:0;border:0;border-radius:0;min-height:0;display:flex;flex-direction:column;max-height:38vh}
#successSidebar .status-card-head{padding:0 10px;border:0;justify-content:flex-end}
#successSidebar .status-card-head h3{display:none}
#successSidebar .status-refresh{font-size:10px;padding:0 2px}
#successSidebar .status-controls{padding:8px 10px;font-size:10px;gap:4px}
#successSidebar .status-tabs button{padding:3px 7px;font-size:10px}
#successSidebar .status-list{display:block;max-height:29vh;padding:0 10px;min-height:0;overflow:auto}
#successSidebar .status-row{padding:10px 0 8px}
#successSidebar .status-row-top{gap:6px;margin-bottom:8px}
#successSidebar .status-model-name{font-size:10px;line-height:1.5}
#successSidebar .status-percent{font-size:12px;flex-shrink:0}
#successSidebar .status-timeline{gap:2px}
#successSidebar .status-segment{height:14px;border-radius:5px}
#successSidebar .status-axis{font-size:9px;margin-top:5px}
#successSidebar .status-point-info{font-size:10px}
#successSidebar .status-source{padding:6px 10px;font-size:9px}
#successSidebar .status-source p{font-size:10px}
.commercial aside{overflow-y:auto}
.commercial aside>a.card{margin-top:auto;flex-shrink:0}
@media(max-width:800px){#successSidebar{order:5;width:100%;flex:0 0 100%;margin:0}#successSidebar .status-card{max-height:280px}#successSidebar .status-list{max-height:200px}.commercial aside>a.card{margin-top:0}}
#successSidebar{flex:0 1 auto;max-height:calc(38vh + 40px)}
@media(max-width:800px){#successSidebar{flex:0 0 100%;max-height:330px}}

/* Customer announcement, compact until opened. */
.commercial .site-announcement{margin:0 0 20px;border:1px solid #dce3f4;border-radius:14px;background:#f6f8ff;color:#35415a;overflow:hidden}
.commercial .site-announcement>summary{padding:14px 18px;cursor:pointer;font-size:14px;line-height:1.6}
.commercial .site-announcement>summary>span{font-weight:700;color:#4967eb;margin-right:12px}
.commercial .site-announcement>summary>small{color:#8992a6;margin-left:12px}
.commercial .announcement-body{padding:0 18px 18px;font-size:14px;line-height:1.8}
.commercial .announcement-body h3{margin:8px 0}.commercial .announcement-note{color:#7e879a;font-size:12px}
.commercial .announcement-body img{display:block;width:100%;max-width:760px;height:auto;border-radius:10px;background:white}
.commercial .announcement-copy-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.commercial .announcement-copy-heading h4{margin:0}.commercial .announcement-copy-heading button{padding:8px 12px;font-size:13px}
.commercial #announcementPrompt{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:white;border-radius:10px;padding:14px;max-height:260px;overflow:auto}
.commercial #announcementCopyStatus{font-size:12px;color:#4967eb}

.commercial .site-announcement{flex-shrink:0;overflow:visible;background:#fff;border-radius:18px;padding:20px;margin-bottom:24px}
.announcement-heading,.announcement-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.commercial .announcement-heading h2,.commercial .announcement-modal-heading h2{font-size:18px;margin:0;color:#252932}
.announcement-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:22px;align-items:start;color:#252932}
.announcement-reference img{display:block;width:100%;height:auto;background:#fff}
.announcement-original{margin:28px 0 0;font-size:18px;line-height:1.85;color:#252932!important}
.announcement-original mark{background:#ffdbb4;color:#252932;padding:3px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.announcement-text pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:18px;line-height:1.85;margin:0;color:#252932}
.announcement-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.announcement-actions button{font-size:14px}
[data-announcement-status]{font-size:13px;color:#4967eb}
.commercial #announcementDialog{width:min(1320px,94vw);max-width:94vw;max-height:92dvh;overflow:auto;padding:28px;border:1px solid #e0e4ec;border-radius:20px;background:#fff;color:#252932}
#announcementDialog::backdrop{background:rgba(20,25,38,.65)}
.announcement-modal-heading{position:sticky;top:-28px;background:#fff;padding:12px 0;z-index:1;border-bottom:1px solid #eee}
#closeAnnouncement{font-size:30px;line-height:1;width:44px;height:44px;padding:0;flex-shrink:0}
@media(max-width:700px){.announcement-layout{grid-template-columns:1fr;gap:20px}.commercial .site-announcement{padding:16px}.announcement-original,.announcement-text pre{font-size:16px}.commercial #announcementDialog{padding:18px}.announcement-modal-heading{top:-18px}.commercial .announcement-modal-heading h2,.commercial .announcement-heading h2{font-size:16px}}

.commercial details.site-announcement{padding:0;overflow:hidden}.commercial details.site-announcement>summary{padding:14px 18px;font-size:14px;cursor:pointer}.commercial details.site-announcement>summary span{font-weight:600}.commercial details.site-announcement>.announcement-layout{padding:8px 20px 20px}.commercial details.site-announcement:not([open])>.announcement-layout{display:none}

#activityDisclosure>summary{cursor:pointer;font-size:18px;font-weight:700;padding:4px 0 12px}.activity-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.activity-pagination span{font-size:13px;color:#718096}#activityPanel .activity-table{max-height:360px;margin:10px 0}#activityPanel .activity-table td,#activityPanel .activity-table th{padding:8px 10px}#activityPanel .activity-table td{font-size:12px}#activityPanel .activity-table button{padding:5px 9px}#activityUpdated{font-size:12px}#activityDisclosure:not([open])>summary{padding-bottom:4px}
.payment-dialog{width:min(620px,94vw);max-height:88vh;overflow:auto;padding:20px;border:1px solid #dae0ef;border-radius:18px}.payment-dialog::backdrop{background:#18203088}.payment-dialog label{display:block;margin:12px 0}.payment-dialog input:not([type=checkbox]),.payment-dialog select{width:100%;box-sizing:border-box}.payment-dialog input[type=checkbox]{width:auto;margin-left:10px}.payment-dialog button{margin:5px}.payment-order{border-top:1px solid #dae0ef;padding:16px 0;overflow-wrap:anywhere}.payment-order img{display:block;width:240px;max-width:100%;height:auto;margin:12px auto}.payment-order code{display:block;word-break:break-all;padding:12px;background:#f1f4ff}.payment-dialog form{padding:12px 0;border-bottom:1px solid #ddd}
.user-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:18px 0 8px}.user-filters label{display:flex;flex-direction:column;gap:6px;flex:1 1 150px}.user-filters label:first-child{flex:2 1 280px}.user-filters input,.user-filters select{width:100%;box-sizing:border-box}.user-filter-count{font-size:13px;margin:8px 0}.user-account-id{font-size:11px;overflow-wrap:anywhere;user-select:all}#userManager tr[hidden]{display:none}@media(max-width:600px){.user-filters label{flex-basis:calc(50% - 12px)}.user-filters label:first-child{flex-basis:100%}}

.recharge-shop-link{display:block;text-align:center;text-decoration:none;padding:12px 16px;border-radius:10px;background:#4768ff;color:#fff;font-weight:600}.recharge-shop-link:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}

.commercial #walletDialog{max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box}
.recharge-alipay{text-align:center;margin:20px 0 12px}.recharge-alipay h3{font-size:16px;margin:0 0 12px}.recharge-alipay img{display:block;width:min(100%,260px);height:auto;margin:0 auto;border-radius:12px}.recharge-alipay p{font-size:13px;line-height:1.7;margin:12px 0;color:#59677e}

#generationPanel .activity-table{max-height:480px}#generationPanel td{min-width:110px}#generationPanel td:nth-child(2){max-width:320px;overflow-wrap:anywhere}#generationPanel td:nth-child(4){min-width:240px;max-width:460px;white-space:normal;overflow-wrap:anywhere}#generationPanel small{display:block;margin-top:6px;color:#718096}#generationPanel .generation-failed{color:#b93826;font-weight:700}#generationUpdated{font-size:12px;color:#718096;margin-left:12px}

.generation-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.generation-filter label{flex:1;min-width:220px}.task-number{font-size:13px;overflow-wrap:anywhere;user-select:text}.task-number button{font-size:12px;padding:5px 10px;margin-left:8px}.task-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px}.task-media-card{min-width:0;border:1px solid #dbe1ed;border-radius:12px;padding:12px}.task-media-card img,.task-media-card video{width:100%;max-height:460px;object-fit:contain;background:#f5f6fa}.task-media-card audio{width:100%}.task-media-card p{overflow-wrap:anywhere}.media-error{color:#b93826}.activity-dialog{width:min(1100px,95vw)}

.developer-dialog{width:min(680px,94vw);max-height:85vh;overflow:auto}.developer-dialog code,.api-docs code{overflow-wrap:anywhere}.developer-dialog textarea{width:100%;min-height:80px}.api-key-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #e2e6f0}.api-docs{display:block!important;max-width:1000px;margin:32px auto;padding:28px;background:white;border-radius:20px}.api-docs pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5fc;padding:18px;border-radius:12px;font-size:14px}.api-docs p{line-height:1.8}.api-docs table{width:100%;font-size:14px}.api-docs h2{margin-top:36px}.api-docs td{overflow-wrap:anywhere}@media(max-width:700px){.api-docs{margin:12px;padding:16px}}

/* Customer model catalog */
#workspace.model-center-active > .work {display:none!important}
.model-center[hidden]{display:none!important}
.model-center{min-width:0;flex:1;padding:32px;overflow:auto;color:#27334a}
.model-center-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.model-center h1{margin:0;font-size:28px}.model-center-heading p{margin:10px 0 0;color:#63718a;font-size:14px}
.model-center-heading button{flex-shrink:0}.model-center input[type=search]{width:100%;max-width:540px;background:#fff}
.model-center-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}
.model-center-filters button{font-size:14px;padding:10px 14px;border:1px solid #dbe2ee;border-radius:10px;background:#fff;color:#4a5973}
.model-center-filters button[aria-pressed=true]{background:#edf2ff;border-color:#4776ff;color:#2457dc}
.model-center-count{font-size:14px;color:#6e7b92;margin:16px 0}
.model-center-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px;align-items:stretch}
.model-center-card{min-width:0;background:#fff;border:1px solid #dfe5ef;border-radius:16px;padding:22px;display:flex;flex-direction:column}
.model-center-card-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#65738c}
.model-center-card h3{font-size:19px;line-height:1.45;margin:14px 0 10px;overflow-wrap:anywhere}
.model-center-id{display:block;font-size:12px;color:#536582;background:#f5f7fb;border-radius:6px;padding:8px;overflow-wrap:anywhere;user-select:all}
.model-center-card p{font-size:13px;line-height:1.7;color:#64718a;margin:14px 0}
.model-center-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.model-center-specs span{background:#f4f6fa;padding:5px 8px;border-radius:5px;font-size:12px}
.model-center-prices{margin-top:auto;border-top:1px solid #edf0f5;padding-top:14px;font-size:14px;line-height:1.9;font-weight:600}.model-center-prices small{font-weight:400;color:#67768e;display:block}
.model-center-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.model-center-actions button{font-size:13px;padding:9px 12px;flex:1;white-space:nowrap}
#openModelCenter[aria-current=page]{color:#2457dc;background:#edf2ff;border-color:#4776ff}
.developer-dialog form{display:grid;grid-template-columns:1fr;gap:14px}.developer-dialog label{display:grid;gap:7px}.developer-dialog select{width:100%;box-sizing:border-box}.api-key-row{flex-wrap:wrap;gap:10px}
@media(max-width:700px){.model-center{padding:18px 12px}.model-center-heading{gap:10px}.model-center h1{font-size:23px}.model-center-card{padding:18px}.model-center-heading button{font-size:12px;padding:9px}}

#workspace.model-center-active > .model-center{grid-column:2;grid-row:1;min-width:0;width:auto}
@media(max-width:700px){#workspace.model-center-active > .model-center{grid-column:1;grid-row:auto}}

#userManager td:last-child { min-width: 320px; }
#userManager td:last-child button { margin: 3px 4px 3px 0; }
button.danger { color: #bb3030; border-color: #edbcbc; }

.user-detail-dialog { width: min(480px, calc(100vw - 32px)); border: 1px solid #dce2ed; border-radius: 18px; padding: 24px; max-height: 85vh; overflow: auto; }

#userManager th:nth-child(2), #userManager td:nth-child(2), #userManager th:nth-child(3), #userManager td:nth-child(3) { white-space: nowrap; }

/* Sidebar sections retain readable spacing at desktop and compact heights. */
.commercial #newTask { margin-bottom: 10px; }
.commercial #openModelCenter { min-height: 42px; border-radius: 12px; }
#successSidebar:not([open]) > section { display: none; }
@media (min-width:801px) {
 .commercial main { grid-template-columns: 260px minmax(0,1fr); }
 .commercial > header { padding-left: 304px; }
 .commercial aside { width: 260px; padding: 24px 18px 18px; overflow-y: auto; overflow-x: hidden; }
 .commercial aside > :not(#taskList) { flex-shrink: 0; }
 .commercial .side-brand { margin: 0 12px 22px; }
 .commercial #newTask, .commercial #openModelCenter { width: 100%; min-height: 44px; }
 .commercial .nav-caption { margin: 24px 12px 0; }
 .commercial #taskList { flex: 1 1 180px; min-height: 100px; max-height: 320px; margin: 10px 0 16px; gap: 6px; padding-bottom: 4px; }
 .commercial #taskList button { flex-shrink: 0; }
 .commercial #successSidebar { flex: 0 0 auto; margin: 0 0 14px; max-height: none; }
 .commercial #successSidebar .status-card { max-height: 260px; }
 .commercial #successSidebar .status-list { max-height: 180px; }
 .commercial aside > a.card { margin: 0 0 12px; padding: 10px 12px; }
 .commercial .customer-account { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 4px; }
 .commercial #customerEmail { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .commercial .customer-account button { margin: 0; flex-shrink: 0; }
 .commercial .wallet { padding: 16px 4px 0; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px 8px; }
 .commercial .wallet .balance { text-align: right; }
 .commercial .wallet button { grid-column: auto; padding: 10px 5px; font-size: 12px; }
}
@media (max-width:800px) { .commercial #newTask { margin-bottom: 0; } }

@media (min-width:801px) {
 .commercial #taskList { flex: 0 0 auto; height: 148px; max-height: none; min-height: 0; }
 .commercial .customer-account { margin-top: auto; }
}
@media (min-width:801px) and (min-height:780px) { .commercial #taskList { height: 198px; } }
@media (min-width:801px) and (min-height:940px) { .commercial #taskList { height: 298px; } }

/* Dedicated customer generation history. */
.generation-record-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-28px;background:#fff;z-index:2;padding:10px 0}.generation-record-heading h2{margin:0;font-size:20px}.generation-records{display:grid;gap:14px;margin-top:15px}.generation-record{margin:0!important;padding:18px!important}.generation-record h3{font-size:16px;margin:0 0 8px}.generation-record pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.8}.generation-record details{margin:12px 0}.generation-record summary{cursor:pointer;font-size:13px;overflow-wrap:anywhere}.generation-record .task-media-grid:empty{display:none}.user-generations .activity-filters input{min-width:200px}.generation-record .task-media-grid img,.generation-record .task-media-grid video{max-height:300px;object-fit:contain}.generation-record .task-media-grid a{display:block;margin:8px 0}

#userDialog.compact-user-dialog{width:min(1060px,96vw);height:min(780px,90dvh);max-height:90dvh;padding:0;overflow:hidden;color:#424e61;background:#fff}
#userDialog.compact-user-dialog[open]{display:flex;flex-direction:column}.user-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #e6eaf1;flex-shrink:0}.user-detail-head h2{font-size:18px;margin:0}.user-detail-head strong{overflow-wrap:anywhere;font-size:14px}.user-detail-tabs{display:flex;gap:7px;padding:10px 20px;border-bottom:1px solid #e6eaf1;flex-shrink:0;overflow:auto}.user-detail-tabs button{white-space:nowrap;font-size:13px;padding:7px 12px}.user-detail-tabs button[aria-pressed=true]{color:#fff;background:#487aff;border-color:#487aff}.user-detail-content{padding:16px 20px;overflow:auto;min-height:0;flex:1}.user-detail-content [hidden]{display:none!important}.user-detail-content .generation-record-heading{position:static;padding:0}.embedded-generations .generation-record-heading h2{font-size:15px}.embedded-generations .generation-record{padding:12px!important}.embedded-generations .generation-records{gap:10px}.embedded-generations .generation-record h3{font-size:14px}.embedded-generations .generation-record .task-media-grid img,.embedded-generations .generation-record .task-media-grid video{max-height:180px;width:100%}.embedded-generations .activity-filters label{font-size:12px}.embedded-generations .activity-filters input,.embedded-generations .activity-filters select{padding:7px}.embedded-generations .activity-pagination{position:sticky;bottom:-16px;background:#fff;padding:10px 0;border-top:1px solid #e6eaf1}
.asset-browser-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.asset-browser-tools>input{flex:1;min-width:150px}.asset-browser-tools>select{width:auto}.asset-browser-tools label{display:flex;gap:8px;align-items:center;font-size:12px;margin:0;white-space:nowrap}.asset-browser-tools input[type=range]{width:100px;padding:0;border:0;margin:0;accent-color:#487aff}.compact-media-grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--asset-size),100%),1fr));gap:10px}.compact-media-grid article{min-width:0}.compact-media-grid .asset-thumb{width:100%;height:calc(var(--asset-size)*.7);padding:0;border:1px solid #e4e9f2;background:#f4f6fa;overflow:hidden;position:relative;border-radius:8px}.compact-media-grid .asset-thumb img,.compact-media-grid .asset-thumb video{height:100%;width:100%;object-fit:contain}.compact-media-grid .asset-thumb>span{font-size:12px}.compact-media-grid .asset-thumb video+span{position:absolute;inset:0;display:grid;place-items:center;background:#20263377;color:white}.compact-media-grid p{font-size:11px;line-height:1.4;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-browser-pager{display:flex;align-items:center;justify-content:center;gap:12px;background:white;padding:12px 0;position:sticky;bottom:-16px;font-size:12px;border-top:1px solid #e6eaf1;margin-top:12px}
dialog.admin-media-preview{width:min(1000px,94vw);max-height:90dvh;padding:0;border:1px solid #dce2ef;border-radius:12px;background:white;color:#424e61;overflow:hidden}dialog.admin-media-preview[open]{display:flex;flex-direction:column}.admin-media-preview::backdrop{background:#121929a8}.admin-media-stage{overflow:auto;min-height:0;padding:12px;max-height:72dvh}.admin-media-stage img{display:block;width:100%;max-width:none;height:auto}.admin-media-stage video{display:block;width:100%;max-height:68dvh}.admin-media-stage audio{width:100%}.preview-zoom{display:flex;gap:12px;padding:10px 16px;align-items:center;font-size:13px}.preview-zoom input[type=range]{width:130px;margin:0;padding:0;accent-color:#487aff}.user-detail-content>section>details{padding:12px;border-bottom:1px solid #e5e9f0}.user-detail-content summary{cursor:pointer}
@media(max-width:600px){.user-detail-content{padding:12px}.user-detail-head,.user-detail-tabs{padding:10px 12px}.asset-browser-tools label{width:100%}.asset-browser-pager{bottom:-12px}.embedded-generations .activity-filters label{min-width:90px}.embedded-generations .activity-filters input{min-width:140px}.user-detail-head h2{font-size:16px}}

.admin-task-controls{border:1px solid #d7deeb;border-radius:10px;padding:16px;margin:16px 0;background:#f7f9fe}.admin-task-controls>button{margin:4px}.admin-task-controls p,.admin-task-controls small{line-height:1.6}.admin-task-controls form:not([hidden]){display:grid;gap:12px;margin-top:14px}.admin-task-controls textarea{width:100%;min-height:90px}.admin-task-controls label{display:flex;gap:8px;align-items:center}

/* Private admin model filters: filtering keeps editable forms mounted. */
#modelManager{scroll-margin-top:16px;min-width:0}
.model-filter-toolbar{position:sticky;top:0;z-index:5;padding:16px;background:#fff;border:1px solid #dce2ee;border-radius:12px;box-shadow:0 5px 18px #263c5e0a;margin:16px 0}
.model-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.model-filter-fields label{margin:0;min-width:0}.model-filter-fields .model-filter-search{grid-column:span 2}
.model-filter-fields input,.model-filter-fields select{font-size:14px;min-width:0}
.model-filter-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:#69778b}
.model-filter-help,.model-draft-disclosure{margin:18px 0;color:#65758d}.model-filter-help summary,.model-draft-disclosure summary{cursor:pointer}
.model-filter-empty{padding:24px;background:#f7f9fc;border:1px dashed #ccd6e5;border-radius:10px;text-align:center}
@media(max-width:760px){.model-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.model-filter-toolbar{position:static;padding:12px}.model-filter-summary{flex-wrap:wrap}}

.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.overview-heading h2{font-size:22px;margin:0}.overview-heading p{margin:6px 0 0}.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.overview-metric{border:1px solid #e1e7f0;border-radius:12px;padding:20px;background:#fafbfe}.overview-metric h3{font-size:14px;margin:0 0 10px;font-weight:500;color:#63718a}.overview-metric>strong{display:block;font-size:30px;line-height:1.2;color:#303f58;font-variant-numeric:tabular-nums}.overview-metric small{display:block;margin-top:10px}.overview-metric.profit{background:#f0f8f3;border-color:#cce6d4}.overview-metric.profit>strong{color:#267348}.overview-metric.success{background:#f0f5ff;border-color:#d7e3fb}.overview-metric:nth-child(n+4){padding:15px 20px}.overview-metric:nth-child(n+4)>strong{font-size:24px}.overview-definition{font-size:13px;color:#718097}.overview-definition summary{cursor:pointer}.overview-definition p{max-width:1100px}@media(min-width:1100px){.overview-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.overview-metric:nth-child(-n+3){grid-column:span 2}.overview-metric:nth-child(n+4){grid-column:span 2}}@media(max-width:700px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metric.profit{grid-column:span 2}.overview-heading{align-items:flex-start}.overview-metric>strong{font-size:25px}}

.job-progress.job-needs-review{background:#fff4ed;color:#a64d28}.job-progress.job-needs-review>span:before{content:'!';width:auto;height:auto;border:0;border-radius:0;animation:none;font-weight:700;vertical-align:0}

button.overview-metric{width:100%;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}button.overview-metric:hover{border-color:#7996f5;box-shadow:0 3px 14px #456af018}button.overview-metric:focus-visible{outline:3px solid #456af0;outline-offset:3px}.overview-metric .metric-label{display:block;font-size:14px;font-weight:600;color:#697892}.overview-metric .metric-open{color:#456af0;margin-top:8px;font-size:12px}.overview-details{width:min(1100px,94vw);max-height:85vh;border:1px solid #dbe3ef;border-radius:16px;padding:24px}.overview-details::backdrop{background:#17233c66}.overview-details td small{display:block;max-width:340px;overflow-wrap:anywhere;color:#718096;margin-top:5px}

/* Customer voucher checkout */
.voucher-shop{margin:12px 0 18px}.voucher-shop p{font-size:13px;color:#68748b;line-height:1.6}.voucher-amounts{display:flex;gap:10px;margin:12px 0}.voucher-amounts button{flex:1;font-weight:700}.voucher-amounts button[aria-pressed="true"]{background:#526dff;color:white}.voucher-open{display:inline-block;margin:6px 0 10px;color:#4263df}.voucher-frame{width:100%;height: min(65vh,650px);min-height:340px;border:1px solid #dce1eb;border-radius:12px;background:white}#walletDialog{max-height:92vh;overflow-y:auto;width:min(760px,94vw)}#walletDialog>details{margin:16px 0}#walletDialog>details>summary{cursor:pointer;color:#68748b}

.voucher-shop .voucher-wechat-note{padding:12px 14px;border:1px solid #dce3ff;border-radius:10px;background:#f2f5ff;color:#344675;line-height:1.7}

.asset-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.asset-tools small{color:#778397}.asset-dragging{outline:3px dashed #5875ff;outline-offset:4px;background:#f2f5ff!important}.asset-library{width:min(760px,92vw);max-height:85vh;overflow:auto;border:1px solid #dce3f1;border-radius:20px;padding:24px}.asset-library::backdrop{background:#17213a66}.asset-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0;max-height:50vh;overflow:auto}.asset-library-item{display:flex;flex-direction:column;gap:6px;border:1px solid #dce3f1;border-radius:12px;padding:10px;min-width:0}.asset-library-item:has(input:checked){border-color:#5875ff;background:#f0f4ff}.asset-library-item:has(input:disabled){opacity:.6}.asset-library-item input{width:20px;height:20px}.asset-library-item img,.asset-library-item video{width:100%;height:110px;object-fit:contain;background:#f5f6fa;border-radius:6px}.asset-library-item audio{width:100%;height:40px}.asset-library-item span{overflow-wrap:anywhere}.asset-library-item small{color:#778397}
.failure-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.failure-bar{display:block;width:100%;text-align:left;margin:8px 0;padding:10px;border:1px solid #e1e5ef;background:#fafbff;border-radius:9px}.failure-bar>span:first-child{display:block}.failure-track{display:block;height:10px;background:#edf0f6;border-radius:5px;margin:7px 0;overflow:hidden}.failure-track>span{display:block;height:100%;background:#e77868;border-radius:5px}.failure-bar small{color:#67748a}
.failure-task-dialog{width:min(1280px,96vw);max-width:96vw;max-height:90vh;border:1px solid #dce3ef;border-radius:18px;padding:24px;background:#fff;color:#25334a}.failure-task-dialog::backdrop{background:#15203a88}.failure-task-dialog .dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.failure-task-dialog h2{font-size:20px;margin:0}.failure-task-dialog>input{width:100%;margin:8px 0}.failure-task-table{max-height:58vh;overflow:auto;border:1px solid #e4e8f0;border-radius:10px}.failure-task-table table{width:100%;min-width:850px;border-collapse:collapse;table-layout:fixed}.failure-task-table th{position:sticky;top:0;background:#f2f5fb;text-align:left;padding:12px;z-index:1}.failure-task-table td{vertical-align:top;padding:14px 12px;border-top:1px solid #e4e8f0;overflow-wrap:anywhere}.failure-task-table th:nth-child(1){width:22%}.failure-task-table th:nth-child(2){width:24%}.failure-task-table th:nth-child(3){width:17%}.failure-task-table th:nth-child(4){width:23%}.failure-task-table th:nth-child(5){width:14%}.failure-task-table td>strong,.failure-task-table td>small,.failure-task-table code{display:block;margin-bottom:8px}.failure-task-table code{font-size:11px;color:#65738a;user-select:all}.failure-task-table pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.failure-task-table button{margin-bottom:8px}.failure-task-table summary{cursor:pointer;color:#4568bb;font-size:13px}