.site-sync-panel{margin:22px 0;padding:24px}.site-sync-panel h3{font-size:16px;margin:0 0 12px}.site-sync-panel p{line-height:1.7}.sync-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;margin:20px 0}.sync-box{padding:20px;border:1px solid var(--border,rgba(135,160,180,.22));border-radius:16px;background:rgba(120,150,180,.035)}.sync-box label:not(.sync-check){display:grid;gap:8px;margin:14px 0}.sync-box input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:42px;border:1px solid var(--border,rgba(135,160,180,.35));border-radius:9px;padding:10px 12px;background:var(--input-bg,rgba(120,150,180,.09));color:inherit;font:inherit}.sync-check{display:flex;align-items:center;gap:8px}.sync-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sync-job{margin-bottom:16px}.sync-job progress{width:100%;height:8px;margin:10px 0;accent-color:#22b6a7}.sync-job p{overflow-wrap:anywhere}.sync-backup-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--border,rgba(135,160,180,.22));padding:14px 0}.sync-backup-row span{font-size:13px;line-height:1.7}.site-sync-panel [hidden]{display:none!important}#syncApplyBox{border-top:1px solid rgba(220,95,90,.3);margin-top:18px;padding-top:10px}#syncNewKey{font-family:monospace;font-size:12px}@media(max-width:760px){.site-sync-panel{padding:16px}.sync-columns{grid-template-columns:1fr}.sync-box{padding:16px}.sync-actions>*{flex:1 1 auto}.sync-backup-row{align-items:flex-start;flex-direction:column}.site-sync-panel .panel-title{gap:12px;flex-wrap:wrap}.site-sync-panel h2{font-size:20px}}

.site-sync-panel button:disabled,.site-sync-panel input:disabled{opacity:.65;cursor:wait}.site-sync-panel[aria-busy=true]{border-color:rgba(36,165,171,.45)}.sync-notice{padding:12px 14px;background:rgba(30,155,135,.09);border-radius:10px;color:inherit;font-size:14px;overflow-wrap:anywhere}.sync-notice.sync-error{color:#da6464;background:rgba(200,60,60,.1)}.sync-box textarea{box-sizing:border-box;max-width:100%;width:100%;border:1px solid var(--border,rgba(135,160,180,.35));border-radius:9px;padding:10px 12px;background:var(--input-bg,rgba(120,150,180,.09));color:inherit;font:13px/1.6 monospace;resize:vertical}.sync-box summary{cursor:pointer;font-weight:600}#syncWorkerDirectory{font:13px monospace}

body[data-theme=light] .sync-notice.sync-error{color:#b52f3b;background:rgba(200,60,60,.08)}