@import url('/ui-type.css');
:root{color-scheme:dark;--green:#dfbd70;--line:#343239;--muted:#a29b8e;--lime:#ead39b;color:#f2ead9;background:#121317}
body{background:radial-gradient(ellipse at 80% 0,#2b251b66,transparent 55%),#121317;color:#f2ead9}
.sidebar{background:linear-gradient(180deg,#1b1b20,#141519);border-color:#3b3325}.brand{font-size:21px;color:#f9e8b8}.brand small{color:#ae9560;font-size:10px;letter-spacing:2.5px}.brand img{filter:drop-shadow(0 4px 9px #0007)}.navlabel{color:#9e8962;letter-spacing:2.6px}.nav button{font-size:15px;color:#b6af9f;padding:14px 15px}.nav button:hover{background:#ffffff07;color:#f5dfab}.nav button.active{background:linear-gradient(110deg,#d5b36b26,#d5b36b0b);color:#efd18d;box-shadow:inset 3px 0 #d9b668;border:1px solid #a58a4436}.nav .symbol{font-size:21px}.workspace-note{background:#252219;border-color:#443a25;color:#bdad88}.workspace-note strong{color:#e8cf93}.user-card{color:#e6d5b2}.avatar{background:#483b24;color:#f9dda0}
.topbar{background:#18191df2;border-color:#36312a;color:#a89b80;font-size:13px}.topbar strong{color:#e5d2a3}.topbar .divider{color:#6d604b}.topbar-right{gap:12px}.dot{background:#9cc898}.eyebrow{color:#ac925a;font-size:11px;letter-spacing:2.4px;margin-bottom:9px}.page-head h1{font-size:34px;letter-spacing:.3px;font-weight:750;color:#f8edcf}.page-head p{font-size:15px;color:#b0a590;line-height:1.8}.metric,.panel{background:linear-gradient(135deg,#202126,#1a1b20);border-color:#3a3730;box-shadow:0 10px 35px #0002}.metric{padding:24px}.metric-top{font-size:14px;color:#afa38a}.metric-value{font-family:'Bahnschrift','Segoe UI Variable','Microsoft YaHei UI',sans-serif;font-size:36px;font-weight:600;color:#f1d795;font-variant-numeric:tabular-nums;margin:16px 0 8px}.metric-value small{font-size:14px;color:#b2a48b}.metric .muted{font-size:12px}.panel-head h2{font-size:21px;color:#f0dfb7;white-space:nowrap}.banner{background:#30291a;border-color:#5a4a2b;color:#d5bd88;font-size:13px}.btn{background:linear-gradient(135deg,#ecd494,#bd944a);color:#241c0f;font-size:14px;font-weight:650;box-shadow:0 3px 10px #0002}.btn.secondary{background:#d3b66d15;color:#dec185;border:1px solid #665436}.btn.plain{background:transparent;color:#c4b18b;box-shadow:none}.btn.danger{background:#66342a;color:#ffd0b9}.btn:disabled{opacity:.55}.pill{background:#a9935320;color:#d7c597;font-size:12px}.pill.gray{background:#ffffff09;color:#b2a999;border:1px solid #ffffff0c}.pill.warn{background:#61431d;color:#f2d795}
input,select,textarea{background:#131419;color:#f0e6ce;border-color:#484035;font-size:15px}input::placeholder,textarea::placeholder{color:#8f8778}input:focus,select:focus,textarea:focus{border-color:#d3b46d;box-shadow:0 0 0 3px #d3b46d15}label{color:#ccbb97;font-size:14px}.muted,.small-note,.hint,.settings-list{color:#a79c86}.small-note{font-size:13px}.filters button{color:#b6aa91;font-size:14px}.filters button.active{background:#af8c3b25;color:#f0d597}.account{background:#1a1b20;border-color:#3a3730;transition:border-color .2s,transform .2s}.account:hover{border-color:#8e7441;transform:translateY(-2px)}.account-title{font-size:17px;color:#eee0bf}.account-details{font-size:12px;color:#aa9c81}.account-footer{border-color:#393329}.account-search{font-size:14px}.empty,.empty p{color:#a99b7e}.empty h3{color:#e5ca8c}.empty .empty-mark{color:#ddbf76}.phrase{border-color:#3a342b}.phrase button,.phrase strong{color:#e7d2a2}.phrase strong{font-size:15px}.phrase p{color:#b2a48c;font-size:14px}table{font-size:14px}th{background:#27251f;color:#c4b28b;font-size:13px}td{border-color:#39342d;padding:19px 12px}td .btn{font-size:12px}.form-stack .dialog-check{background:#29251c;color:#dbc28e}.form-stack .dialog-check input{accent-color:#dbb96b}
dialog{background:#1c1d22;border-color:#665337;color:#f1e2bf;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#050507b0}.dialog-head h2{font-size:23px}.error{color:#ffa895}.progress{background:#393128}.progress progress{accent-color:#dec17a}.outcome{background:#2b271d;color:#e3cc96}a{color:#e4c57e}#toast{background:#e2c584;color:#211a10;box-shadow:0 8px 35px #0007;font-size:14px}
.login-story{background:radial-gradient(ellipse at 0 0,#5c4824,#201d16 52%,#121316);color:#f6e8c1}.login-copy h1{color:#f3ddaa}.login-copy p,.login-form p{color:#b8a989}.login-copy .eyebrow{color:#d3b26b}.login-bubble{background:#30291d;border-color:#6d562e}.login-bubble p{color:#eddfbd}.login-bubble small,.login-bubble .example,.login-footer{color:#b99e6c}.login-form{background:#17181c}.login-footnote{color:#aa9876}.login-story .brand img{background:transparent}.topbar,.brandbar{-webkit-app-region:no-drag}
.desktop-client .layout{padding-top:34px}.desktop-client .sidebar{top:34px}.desktop-client body::before{content:'小明翻译 · 企业工作台';position:fixed;inset:0 150px auto 0;height:34px;line-height:34px;padding-left:16px;background:#191a1e;color:#a99468;font-size:12px;z-index:20;-webkit-app-region:drag}.desktop-client .login{padding-top:34px}
.studio-status{display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid #5a4929;border-radius:30px;color:#d7ba7a;font-size:13px;white-space:nowrap}.studio-status i{width:7px;height:7px;border-radius:50%;background:#d9b66d;box-shadow:0 0 10px #d9b66d66}.studio-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(350px,1.2fr);gap:24px}.studio-editor{padding:28px}.studio-step{font-size:11px;letter-spacing:1.5px;color:#ad9363;white-space:nowrap}.studio-editor textarea{margin-top:10px;min-height:220px;line-height:1.9}.studio-prompt-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a1947c}.studio-prompt-foot .btn{padding:8px}.studio-presets{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 24px}.studio-presets button{font-size:12px;padding:8px 10px}.studio-options{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-bottom:24px}.studio-options select{padding:10px 8px;font-size:13px}.studio-generate,.studio-copy{width:100%;margin-bottom:10px;min-height:46px}.studio-editor .small-note{margin:8px 0 0}.studio-preview{display:flex;flex-direction:column;padding:28px}.image-canvas{flex:1;min-height:410px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed #665332;border-radius:16px;background:radial-gradient(ellipse at 50% 30%,#9a713525,transparent 70%),repeating-conic-gradient(#ffffff02 0% 25%,transparent 0% 50%) 0 0/28px 28px}.image-canvas h3{font-size:23px;color:#dfcda7;margin:28px 0 6px}.image-canvas p{font-size:14px;color:#a59473;margin-bottom:18px}.canvas-art{width:116px;height:100px;position:relative;border:1px solid #8f753f;border-radius:16px;transform:rotate(-7deg);background:linear-gradient(145deg,#4c3b1d,#211e19);box-shadow:8px 10px 0 #d5b36609,0 12px 30px #0005;overflow:hidden}.canvas-art span{position:absolute;right:18px;top:6px;font-size:42px;color:#e0bd70}.canvas-art i{position:absolute;bottom:-24px;left:0;width:82px;height:70px;background:linear-gradient(140deg,#b38c49,#4c3b23);transform:rotate(40deg);border-radius:12px}.preview-caption{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;color:#ac9b7b}
@media(max-width:1150px){.studio-layout{grid-template-columns:1fr}.image-canvas{min-height:320px}.topbar-right .pill{display:none}}@media(max-width:800px){.page-head{align-items:flex-start;flex-wrap:wrap}.studio-options{grid-template-columns:1fr}.studio-editor,.studio-preview{padding:20px}.page-head h1{font-size:29px}}
.studio-status.is-ready{border-color:#b5ceb7;color:#426c4d}.studio-status.is-ready i{background:#5b9966;box-shadow:0 0 9px #5b996655}.studio-credit-strip{display:flex;justify-content:flex-end;gap:24px;margin:-8px 0 18px;padding:13px 17px;border:1px solid var(--line);border-radius:11px;background:#fbfcfa;color:#718178;font-size:12px}.studio-credit-strip strong{color:#245c49;font-size:15px;margin-left:5px}.generated-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.generated-image-card{display:grid;gap:10px;align-content:start}.generated-image-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f4f6f3;border:1px solid var(--line);border-radius:12px}.image-model-form{max-width:900px;display:grid;gap:20px}.image-model-form .panel-head{margin:0}.image-model-form label{gap:9px}.image-model-form label small{font-size:11px;line-height:1.6;color:#819087}.image-model-form .dialog-check{display:flex;align-items:center;gap:10px}.image-model-form .dialog-check input{width:auto;accent-color:#397657}.image-model-security{padding:13px 15px;border-radius:10px;background:#f5f8f2}.image-model-form .dialog-actions{margin-top:0}

/* Compact type scale. */
.brand{font-size:18px}.nav button{font-size:13px;padding:12px 14px}.page-head h1{font-size:26px}.page-head p{font-size:13px}.metric-value{font-size:29px}.metric{padding:20px}.metric-top,.btn,label{font-size:12px}.panel-head h2{font-size:18px}.account-title{font-size:14px}.account-search,input,select,textarea{font-size:13px}table{font-size:13px}th{font-size:12px}.dialog-head h2{font-size:20px}.image-canvas h3{font-size:19px}.image-canvas p{font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{font-size:11px;padding:6px 8px}.toolbar{flex-wrap:wrap}.account-footer{flex-wrap:wrap;gap:5px}.login-copy h1{font-size:34px}

/* Dense management screen: smaller labels, clearer numeric columns. */
:root{font-size:12px}.brand{font-size:16px}.brand small{font-size:9px}.nav button{font-size:12px;padding:10px 12px}.nav .symbol{font-size:17px}.page-head h1{font-size:22px}.page-head p{font-size:12px}.eyebrow{font-size:9px}.panel-head h2{font-size:16px}.metric-value{font-size:24px;margin:10px 0 5px}.metric{padding:15px 18px}.metric-top,.metric-value small,.btn,label,.topbar{font-size:11px}.account-title{font-size:13px}.panel{padding:20px}.page-head{margin-bottom:20px}table{font-size:12px}th{font-size:11px}td{padding:13px 10px}td .btn{font-size:11px;padding:6px 8px}.small-note,.hint{font-size:11px}.quota-caption{display:block;color:#a99a7a;font-size:10px;margin-top:3px}.quota-remaining{color:#efd18d;font-weight:600;font-variant-numeric:tabular-nums}.quota-summary{margin-bottom:18px}.quota-summary .metric-value{font-size:23px}.table-wrap table{min-width:950px}.dialog-head h2{font-size:18px}