#staff-translator{position:fixed;right:20px;top:28px;width:460px;max-height:calc(100dvh - 56px);overflow:auto;background:#f8fbf9;border:1px solid #d4e2da;border-top:4px solid #b9944b;border-radius:12px;padding:20px;box-shadow:0 12px 36px #153b2510;z-index:20;color:#234737;font-family:Local,Arial,sans-serif}#staff-translator header{display:flex;justify-content:space-between;align-items:center}#staff-translator h2{font-size:21px;margin:5px 0}#staff-translator small{font-size:9px;letter-spacing:2px;color:#8c733b}#staff-translator .tr-intro{font-size:12px;color:#718277;margin:4px 0 20px}#staff-translator .tr-card{background:#fff;border:1px solid #dde5e0;border-radius:9px;margin-bottom:16px;overflow:hidden}#staff-translator .tr-pair{display:grid;grid-template-columns:1fr 1fr}#staff-translator label{padding:13px 12px 0;font-size:12px;font-weight:700;min-width:0}#staff-translator label+label{border-left:1px solid #e5ebe7;background:#f7faf8}#staff-translator textarea{display:block;width:100%;height:190px;min-height:110px;max-height:320px;resize:vertical;padding:12px 0;border:0;background:transparent;font:14px/1.65 Local,Arial,sans-serif;overflow:auto;color:#24392e}#staff-translator textarea:focus{outline:1px solid #84ae96;outline-offset:3px}#staff-translator textarea::placeholder{color:#9ba89f}#staff-translator button{width:auto;display:inline-block;font-size:12px;margin:0;padding:8px 12px;text-align:center;border:1px solid #d6e1d9;border-radius:6px;background:white;color:#315442}#staff-translator button:disabled{opacity:.5;cursor:default}#staff-translator .tr-actions{display:flex;gap:7px;padding:12px 12px 0;border-top:1px solid #e5ebe7}#staff-translator .tr-run{background:#07583e;color:white;border-color:#07583e}#staff-translator .tr-clear{margin-left:auto}#staff-translator .tr-status{font-size:10px;color:#718277;min-height:14px;margin:8px 12px 12px}#staff-translator .tr-note{font-size:10px;line-height:1.7;color:#7b877e;margin:0}#translator-toggle{display:none}#staff-translator .tr-close{display:none}

#staff-translator{position:absolute;right:auto;max-height:none;overflow:visible;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;z-index:2}
#staff-translator .tr-card{margin-bottom:16px;border-radius:8px}
#staff-translator textarea{height:210px}
#staff-translator .tr-note{font-size:10px}
@media print{#staff-translator{display:none!important}}

@media screen and (min-width:1600px){body main{margin-left:max(24px,calc((100vw - 1900px)/2));margin-right:0;width:1154px;max-width:1154px;grid-template-columns:280px 794px}}
#staff-translator textarea{font-size:15px;line-height:1.7;height:240px}

/* Each translation card has its own draggable right edge. */
#staff-translator .tr-card{position:relative;box-sizing:border-box;overflow:visible}
#staff-translator .tr-pair{border-radius:8px 8px 0 0;overflow:hidden}
#staff-translator .tr-resize{position:absolute;top:0;bottom:0;right:-5px;width:12px;cursor:ew-resize;touch-action:none;z-index:3;border-radius:6px}
#staff-translator .tr-resize::after{content:"";position:absolute;top:35%;bottom:35%;left:5px;width:3px;border-radius:3px;background:#84ae96}
#staff-translator .tr-resize:hover::after,#staff-translator .tr-resize.dragging::after,#staff-translator .tr-resize:focus-visible::after{top:8%;bottom:8%;background:#07583e}
#staff-translator .tr-resize:focus-visible{outline:2px solid #07583e;outline-offset:2px}

#staff-translator .tr-primary{background:#07583e;color:#fff;border-color:#07583e;font-size:14px;font-weight:700;padding:10px 18px}
#staff-translator .tr-clear{margin-left:0}