.hl-translation-settings-active .app-main,.hl-translation-settings-active #hl-access-page-host{display:none!important}
#hl-translation-settings{margin:12px;padding:20px;background:#fff;border:1px solid #e4e9f0;color:#606266;font:13px Arial,"Microsoft YaHei",sans-serif;min-height:480px}
#hl-translation-settings[hidden]{display:none!important}
#hl-translation-settings h1{font-size:16px;color:#303133;margin:0 0 18px;border-bottom:1px solid #ebeef5;padding-bottom:16px}
#hl-translation-settings .translation-company{font-size:14px;margin-bottom:20px;color:#303133}
#hl-translation-settings .translation-form{max-width:700px}
#hl-translation-settings .translation-field{display:flex;align-items:center;gap:14px;margin:18px 0}
#hl-translation-settings .translation-field[hidden]{display:none}
#hl-translation-settings .translation-field>label{width:110px;text-align:right;flex-shrink:0}
#hl-translation-settings input[type=text],#hl-translation-settings input[type=password],#hl-translation-settings select{font:inherit;color:#606266;border:1px solid #dcdfe6;border-radius:4px;padding:9px 12px;width:min(420px,100%);background:#fff;box-sizing:border-box}
#hl-translation-settings input:focus{outline:1px solid #409eff;border-color:#409eff}
#hl-translation-settings .translation-hint{margin:8px 0 8px 124px;font-size:12px;color:#909399;line-height:1.7}
#hl-translation-settings .translation-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 16px 124px}
#hl-translation-settings .translation-model-control{display:flex;flex-wrap:wrap;gap:10px;flex:1;min-width:0}
#hl-translation-settings .translation-model-control select{width:280px;max-width:100%}
#hl-translation-settings .translation-balance:empty{display:none}
#hl-translation-settings .translation-balance{margin-top:20px;padding:16px;border:1px solid #ebeef5;border-radius:4px}
#hl-translation-settings .translation-balance p{font-size:12px;line-height:1.7}
#hl-translation-settings .translation-balance-currency{margin:12px 0 8px}
#hl-translation-settings .translation-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#hl-translation-settings .translation-balance-grid>div{background:#f5f7fa;padding:12px;overflow-wrap:anywhere}
#hl-translation-settings .translation-balance-grid strong{display:block;font-size:22px;color:#409eff;margin-top:10px}
#hl-translation-settings button{font:inherit;cursor:pointer;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;padding:9px 16px}
#hl-translation-settings button.primary{background:#409eff;border-color:#409eff;color:#fff}
#hl-translation-settings button:disabled{cursor:wait;opacity:.6}
#hl-translation-settings .translation-result{white-space:pre-wrap;line-height:1.7;padding:10px 12px;background:#f0f9eb;color:#529b2e;border:1px solid #e1f3d8;border-radius:4px}
#hl-translation-settings .translation-result.error{background:#fef0f0;color:#f56c6c;border-color:#fde2e2}
#hl-translation-settings .translation-result:empty{display:none}
#hl-translation-settings .translation-usage{margin-top:28px;border-top:1px solid #ebeef5;padding-top:18px;line-height:1.9}
#hl-translation-settings h2{font-size:14px;color:#303133;margin:0 0 10px}
#hl-translation-settings .translation-usage ul{padding-left:20px;margin:0}