.language-selector{color:var(--muted-foreground,#61746b);border:1px solid var(--border,#dbe5dd);background:var(--background,#fff);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:7px 9px;display:inline-flex}.language-selector select{font:inherit;color:var(--foreground,#12372e);cursor:pointer;outline-offset:4px;background:0 0;border:0;max-width:110px;font-size:13px}.language-selector:focus-within{outline:2px solid var(--primary,#326d56);outline-offset:2px}.translation-status{color:var(--muted-foreground,#61746b);background:var(--muted,#f1f6f2);border-radius:8px;margin:0 0 12px;padding:7px 12px;font-size:12px}.translation-status button{cursor:pointer;align-items:center;gap:5px;margin-left:8px;text-decoration:underline;display:inline-flex}.translation-error{color:#985b29}.narrative-translation{background:var(--muted,#f1f6f2);color:var(--muted-foreground,#61746b);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:400;line-height:1.5;display:inline-flex}.narrative-translation.translation-error{color:#985b29}.narrative-translation button{cursor:pointer;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.narrative-translation-spinner{flex-shrink:0;animation:1.4s linear infinite narrative-translation-spin}@keyframes narrative-translation-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.narrative-translation-spinner{animation:none}}@media (max-width:640px){.language-selector{padding:6px}.language-selector select{max-width:90px;font-size:12px}}