.compact-translator{position:relative;padding:84px 0;background:linear-gradient(180deg,var(--surface-soft),var(--bg))}
.translator-intro{max-width:760px;margin-bottom:24px}.translator-intro h2{margin-top:10px;color:var(--ink);font-size:clamp(2rem,4vw,3.35rem)}.translator-intro p{margin-top:12px;color:var(--muted)}
.translator-tabs{display:flex;gap:8px;margin-top:20px}.translator-tab{padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);font-weight:800}.translator-tab.active{border-color:var(--primary);background:var(--primary);color:#fff}.translator-tab span{margin-left:4px;color:var(--accent)}
.compact-translate-layout{display:grid;grid-template-columns:250px 1fr;gap:16px}.translate-card{position:relative;padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 16px 40px rgba(24,67,102,.07)}
.image-card{display:none}.compact-translate-layout.image-mode .upload-card{display:none}.compact-translate-layout.image-mode .image-card{display:block}
.side-title{margin-bottom:12px}.drop-zone{display:grid;min-height:150px;padding:20px;place-items:center;border:1px dashed var(--line);border-radius:14px;background:var(--surface-soft);text-align:center}.drop-zone.drag{border-color:var(--primary);box-shadow:0 0 0 4px rgba(23,105,210,.09)}.drop-zone input{display:none}.drop-zone p,.file-meta,.limit{color:var(--muted);font-size:.78rem}.supported{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.file-meta{margin-top:11px}
.image-preview{display:grid;height:100px;margin:-19px -19px 15px;overflow:hidden;place-items:center;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#173c69,#287aad);color:#fff}.image-preview img{display:none;width:100%;height:100%;object-fit:cover}.image-preview img.show{display:block}.image-drop-zone{min-height:120px}.ocr-auto{display:flex;gap:9px;margin-top:10px;padding:10px;border-radius:12px;background:var(--surface-soft)}.ocr-auto i{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--success);flex:0 0 auto}.ocr-auto strong{font-size:.76rem}.ocr-auto p{color:var(--muted);font-size:.68rem}.ocr-btn{width:100%;margin-top:10px}
.workspace-head,.workspace-foot{display:flex;justify-content:space-between;gap:15px;align-items:center}.workspace-head{padding-bottom:13px;border-bottom:1px solid var(--line)}.workspace-head h3{margin-top:4px}.eyebrow{color:var(--primary);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.translator-mode{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.72rem}.translator-mode i{width:8px;height:8px;border-radius:50%;background:var(--success)}
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor label{display:block;margin-top:13px;font-size:.8rem;font-weight:800}.editor textarea{width:100%;min-height:220px;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);resize:vertical}.workspace-foot{margin-top:12px}.workspace-foot .actions{display:flex;gap:7px;flex-wrap:wrap}
.progress-wrap{display:none;margin-top:10px}.progress-wrap.show{display:block}.progress-bar{height:5px;overflow:hidden;border-radius:99px;background:var(--surface-soft)}.progress-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .2s}.progress-label{color:var(--muted);font-size:.72rem}
.spell-stage{position:absolute;z-index:5;inset:58px 0 55px;display:grid;place-items:center;background:rgba(10,35,65,.72);opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(4px)}.workspace-card.casting .spell-stage{opacity:1}.spell-core{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#7bb8ff 25%,#1769d2 65%,transparent 70%);filter:drop-shadow(0 0 18px #5fa8ff);animation:tool-pulse .8s ease-in-out infinite alternate}.spell-status{position:absolute;bottom:24px;color:#fff;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.spell-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;animation:particle-fly var(--duration) ease-out forwards}.spell-backdrop,.spell-rune,.spell-beam,.spell-burst{display:none}@keyframes tool-pulse{to{transform:scale(1.16)}}@keyframes particle-fly{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}
.studio-ribbon{display:none}.image-translate-view{display:none;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.image-mode .image-translate-view{display:block}.image-translate-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.image-translate-head p{color:var(--muted);font-size:.75rem}.image-document-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.image-document-grid figure{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.image-document-grid figcaption{padding:7px 10px;background:var(--surface);font-size:.68rem;font-weight:800;text-transform:uppercase}.document-stage{display:grid;min-height:230px;max-height:520px;place-items:center;overflow:auto;background:#fff}.document-stage img,.document-stage canvas{display:none;width:100%;height:auto}.document-stage img.show,.document-stage canvas.show{display:block}.document-empty{padding:15px;color:#688;font-size:.72rem;text-align:center}
[data-theme="dark"] .compact-translator{background:linear-gradient(180deg,#0d2943,var(--bg))}[data-theme="dark"] .translate-card{box-shadow:0 18px 45px rgba(0,0,0,.2)}[data-theme="dark"] .document-stage{background:#eaf0f3}
@media(max-width:820px){.compact-translate-layout{grid-template-columns:1fr}.upload-card,.image-card{max-width:none}.editor-grid{grid-template-columns:1fr}.workspace-head,.workspace-foot{align-items:flex-start;flex-direction:column}.image-document-grid{grid-template-columns:1fr}}