.translated-tag{display:inline-flex;flex-direction:column;max-width:100%;border:1px solid #e1e9d8;background:#f7faf2;border-radius:6px;overflow:hidden}
.translated-tag-labels{display:flex;flex-wrap:wrap;gap:3px;padding:3px}
.detail-tags .translated-tag-labels button{border:0;background:transparent;color:#688351;font-family:inherit;padding:5px 7px;line-height:1.5}
.detail-tags .translated-tag-labels button:hover{background:#e8f1df}
.detail-tags .tag-original{font:8px/1.6 ui-monospace,Consolas,monospace;border:0;border-top:1px solid #e8eedd;border-radius:0;background:#fff;color:#9eaa91;padding:4px 9px;text-align:left;overflow-wrap:anywhere}
.detail-tags .tag-original:hover{color:#658550;background:#f3f7ed}
.derived-tags .translated-tag{border-style:dashed;background:white;border-radius:6px}
.directory-tag{flex-wrap:wrap}.directory-tag code{font:9px/1.6 ui-monospace,Consolas,monospace;color:#a0ad94;flex-basis:100%;overflow-wrap:anywhere;margin-top:6px}
.directory-tag strong{order:0}.directory-tag small{order:1}.directory-tag code{order:2}
.directory-aliases{display:flex;flex-wrap:wrap;gap:6px;padding:0 15px 12px}.directory-aliases button{border:1px solid #e5ecdb;color:#91a37d;border-radius:4px;padding:4px 7px;font-size:9px;background:#f9fbf5;overflow-wrap:anywhere;max-width:100%}
.directory-aliases button:hover{background:#edf4e4;color:#557b3d}
.translation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}
.translation-metrics>div{display:flex;align-items:center;gap:16px;border:1px solid #e1e9d8;background:linear-gradient(120deg,#fff,#f7faf1);border-radius:9px;padding:20px 23px}
.translation-metrics>div>svg{height:24px;width:24px;color:#92aa7e;stroke-width:1.3}.translation-metrics>div>span{display:flex;flex-direction:column;gap:5px}.translation-metrics strong{font:500 27px/1.2 Outfit,sans-serif;color:#607e4f}.translation-metrics small{font-size:10px;color:#9baa8d}
.translation-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:23px;align-items:start}
.translation-library{background:white;border:1px solid #e1e9d8;border-radius:10px;overflow:hidden;min-width:0}
.translation-library-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 22px 18px}.translation-library-heading h2{display:flex;gap:8px;align-items:center;font-size:16px;font-weight:550;margin:0 0 8px;color:#6a8358}.translation-library-heading h2 svg{width:17px;height:17px}.translation-library-heading p{font-size:9px;line-height:1.8;color:#9ead90;margin:0}.translation-library-heading>.text-button{font-size:10px;white-space:nowrap}
.translation-search{display:flex;align-items:center;gap:9px;padding:0 22px 19px}.translation-search label{display:flex;flex:1;align-items:center;gap:9px;background:#f8faf4;border:1px solid #e6ecdE;border-radius:6px;padding:10px 12px;min-width:0}.translation-search svg{width:15px;height:15px;color:#a2b091;flex-shrink:0}.translation-search input{border:0;outline:0;background:transparent;width:100%;font-size:10px;color:#738863;min-width:0}.translation-search .button{font-size:10px;padding:10px 14px}
.translation-table-head,.translation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) 63px;gap:14px;padding:12px 22px;align-items:center}.translation-table-head{font-size:8px;color:#9eae8f;background:#f7faf2;border-top:1px solid #eaf0e2;border-bottom:1px solid #eaf0e2}.translation-table-head>span:last-child{text-align:right}
.translation-row{padding-top:17px;padding-bottom:17px;border-bottom:1px solid #edf1e7;min-height:75px}.translation-row:hover{background:#fcfdf9}.translation-english{min-width:0}.translation-english code{display:block;font:11px/1.7 ui-monospace,Consolas,monospace;color:#75886a;overflow-wrap:anywhere}.translation-english>small{display:block;font-size:7px;color:#b2bba9;margin-top:4px}
.translation-chinese{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.translation-chinese>span{font-size:10px;color:#718b5c;background:#f1f6e9;border:1px solid #e4ecda;border-radius:4px;padding:5px 8px;overflow-wrap:anywhere;max-width:100%}.translation-chinese i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#9ab481;margin-right:5px;vertical-align:middle}
.translation-row-actions{display:flex;gap:3px;justify-content:flex-end}.translation-row-actions .icon-button{width:30px;height:32px;color:#a2af96}.translation-row-actions .icon-button:hover{background:#f0f5e9;color:#67894c}.translation-row-actions svg{width:13px;height:13px}
.translation-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;color:#a1ae96;font-size:9px}.translation-pagination>div{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif}.translation-pagination .icon-button{width:27px;height:28px}.translation-pagination svg{width:13px;height:13px}.translation-pagination button:disabled{opacity:.3;cursor:default}
.translation-loading{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#9cae8b;padding:25px}.translation-empty{text-align:center;padding:45px 24px;color:#a0ad94}.translation-empty>svg{height:28px;width:28px;color:#a2b990;margin-bottom:10px}.translation-empty h3{font-size:14px;font-weight:500;color:#799268}.translation-empty p{font-size:10px;line-height:1.9;max-width:300px;margin:12px auto}
.translation-editor-panel{min-width:0;display:grid;gap:18px}#translation-editor{border:1px solid #e1e9d8;background:white;border-radius:10px;padding:22px}.translation-editor-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.translation-editor-heading>span{width:34px;height:34px;border-radius:8px;background:#f0f5e8;display:grid;place-items:center;color:#8ba378}.translation-editor-heading svg{width:16px;height:16px}.translation-editor-heading h2{font-size:14px;font-weight:550;color:#688155;margin:0 0 6px}.translation-editor-heading small{font-size:9px;color:#a3af97}.translation-editor-heading>.text-button{margin-left:auto;font-size:9px}
#translation-form label{font-size:11px;gap:10px}#translation-form textarea{font-size:11px;line-height:1.8;min-height:65px;padding:11px 12px}#translation-form textarea[name=english]{font-family:ui-monospace,Consolas,monospace}#translation-form textarea[readonly]{background:#f5f8ef;color:#91a37d}#translation-form small{font-size:9px;line-height:1.8}#translation-form>.button{width:100%;font-size:11px;margin-top:0}
.translation-live-preview{padding:13px 14px;border:1px dashed #dce6ce;border-radius:6px;background:#fafcf6;display:flex;flex-direction:column;gap:8px}.translation-live-preview>span{font-size:8px;color:#a3b093}.translation-live-preview strong{font-size:13px;color:#6c8956;font-weight:500;line-height:1.8;overflow-wrap:anywhere}.translation-live-preview small{color:#a4b198}
#translation-form .translation-replace-note{font-size:9px;line-height:1.9;margin:0;color:#a5ad99;border-top:1px solid #edf1e6;padding-top:13px}
.translation-example{padding:22px;border:1px solid #e5e9da;border-radius:8px;background:linear-gradient(145deg,#f9f8ef,#f4f8ee)}.translation-example .dialog-eyebrow{font-size:7px;letter-spacing:1.5px}.translation-example h3{font-family:'Noto Serif SC',SimSun,serif;font-weight:500;font-size:15px;color:#7a8d63;margin:10px 0 18px}.translation-example-map{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);align-items:center;gap:9px;font-size:10px;color:#869a71}.translation-example-map code{font:10px/1.8 ui-monospace,monospace;color:#88947b;background:#fff9;padding:5px 8px;border-radius:4px}.translation-example-map>span:nth-child(3n+2){text-align:center;color:#b3bca7}.translation-example p{font-size:9px;line-height:1.9;color:#9aa78a;margin:16px 0 10px}.translation-example>small{font-size:8px;color:#a8b29b}.translation-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
@media(max-width:1150px){.translation-workspace{grid-template-columns:minmax(0,1.35fr) minmax(265px,1fr);gap:16px}.translation-table-head,.translation-row{padding-left:16px;padding-right:16px;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px}.translation-library-heading{align-items:flex-start;flex-direction:column;gap:10px;padding:19px 16px}.translation-search{padding-left:16px;padding-right:16px}.translation-pagination{padding:13px 16px}#translation-editor{padding:18px}.translation-chinese>span{padding:4px 6px;font-size:9px}}
@media(max-width:850px){.translation-workspace{grid-template-columns:1fr}.translation-editor-panel{grid-template-columns:1fr 1fr;align-items:start}.translation-metrics{gap:10px}.translation-metrics>div{padding:16px 14px;gap:11px}.translation-metrics strong{font-size:23px}.translation-metrics small{font-size:9px}}
@media(max-width:650px){.translation-metrics{gap:7px;margin-bottom:17px}.translation-metrics>div{padding:13px 10px;flex-direction:column;align-items:flex-start;gap:8px}.translation-metrics>div>svg{width:17px;height:17px}.translation-metrics strong{font-size:23px}.translation-metrics small{font-size:8px}.translation-editor-panel{grid-template-columns:1fr}.translation-table-head{display:none}.translation-row{grid-template-columns:minmax(0,1fr) 68px;gap:10px}.translation-chinese{grid-column:1;grid-row:2}.translation-row-actions{grid-column:2;grid-row:1/3;align-self:start}.translation-english code{font-size:11px}.translation-english>small{display:none}.translation-chinese>span{font-size:10px;padding:5px 8px}.translation-row-actions .icon-button{width:32px;height:35px}.translation-library-heading{flex-direction:row;gap:10px}.translation-library-heading h2{font-size:14px}.translation-library-heading p{font-size:8px}.translation-library-heading>.text-button{font-size:9px}.translation-pagination{font-size:8px}.translation-search input{font-size:11px}.directory-aliases{padding:0 10px 10px}.detail-tags .tag-original{font-size:8px}.translation-delete-actions{flex-wrap:wrap}}