.replace-toolbar{padding:16px 18px;background:#fff;border:1px solid #9fc6b6;border-radius:10px;margin:10px 0 20px}.replace-toolbar h2{font-size:18px}.replace-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.replace-primary{background:#176757;color:#fff;border-color:#176757}.replace-status{margin:8px 0;color:#315e50;font-size:13px}.replace-drop-all{padding:10px;border:1px dashed #84ad9b;border-radius:6px;cursor:pointer;font-size:13px;margin:12px 0;background:#f5faf7}.replace-drop-all.drag-over,.pic.drag-over{outline:3px solid #27a27e;background:#dff4e8}.pic[data-replace-path]{position:relative;border:1px dashed #a4c6b9;border-radius:7px;padding:5px;box-sizing:border-box;min-width:144px;width:144px}.pic[data-replace-path].replace-staged{border:2px solid #dfac38;background:#fff9e9}.pic[data-replace-path].replace-written{border:2px solid #319278;background:#effaf6}.pic .replace-select{font-size:11px;padding:4px 6px;margin-top:7px;width:100%;color:#176757}.pic .replace-label{font-size:11px;color:#866018;font-weight:600;display:block}.pic.replace-written .replace-label{color:#176757}.replace-dialog{border:1px solid #a6bcb3;border-radius:12px;padding:22px;width:min(1000px,91vw);max-height:85vh;box-shadow:0 10px 55px #0004}.replace-dialog::backdrop{background:#112a2baa}.replace-dialog header{background:none;color:inherit;padding:0;display:flex;justify-content:space-between;gap:14px}.replace-dialog h2{margin:0}.replace-row{padding:12px 0;border-top:1px solid #d7e3dd;display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:center}.replace-row img{max-width:140px;max-height:120px;object-fit:contain;background:repeating-conic-gradient(#e3e9e5 0% 25%,#fafcfb 0% 50%) 50%/16px 16px}.replace-row code{display:block;overflow-wrap:anywhere;font-size:12px}.replace-row p{margin:4px 0;font-size:13px}.replace-pair{display:flex;gap:8px}.replace-pair img{max-width:65px;max-height:100px}.replace-footer{position:sticky;bottom:-22px;background:#fff;padding:15px 0 0;border-top:1px solid #d7e3dd;margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.replace-error{color:#9b3c2f}.replace-muted{font-size:12px;color:#60786e}.replace-count-link{color:#176757;font-weight:600}.replace-dialog button:disabled,.replace-toolbar button:disabled{opacity:.5;cursor:not-allowed}.replace-history-row{padding:12px;border-top:1px solid #ddd}.replace-history-row code{overflow-wrap:anywhere}.replace-shared{color:#925c13}@media(max-width:650px){.replace-row{grid-template-columns:100px 1fr}.replace-row>button{grid-column:2}.replace-row img{max-width:90px}.replace-pair img{max-width:43px}.replace-dialog{padding:14px}.replace-footer{bottom:-14px}}

.local-update{margin-top:18px;padding:16px;border:1px solid #b8cec7;border-radius:10px;background:#f2f8f5}.local-update h3{margin:0 0 10px}.local-update pre{font-size:12px;background:#173c3f;color:#e7f6ee;padding:12px}
