.wordbook-sync{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin:18px 0;border:1px solid var(--line,#d5e0dc);border-radius:16px;background:var(--surface,#fff)}
.wordbook-sync p{margin:0;font-size:14px;line-height:1.6}.wordbook-sync small{display:block;overflow-wrap:anywhere;color:var(--muted,#63756d);margin-top:3px}.wordbook-sync small:empty{display:none}.wordbook-sync[data-error="true"]{border-color:#b77b47}
.wordbook-sync-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.wordbook-sync-actions button,.wordbook-sync-actions a{min-height:44px;text-decoration:none;white-space:normal}
.wordbook-import-dialog .wordbook-import-error{padding:12px 14px;border-radius:12px;background:#fff3e9;color:#803a12;border:1px solid #e9c5a7}
.wordbook-import-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-sizing:border-box;border:1px solid var(--line,#d5e0dc);border-radius:20px;padding:24px;color:var(--ink,#243c33);background:var(--surface,#fff);overflow:auto}.wordbook-import-dialog::backdrop{background:#122c2866}.wordbook-import-dialog h2{font-size:21px;line-height:1.4;margin:0 0 12px}.wordbook-import-dialog p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.wordbook-import-dialog ul{max-height:32dvh;overflow:auto;padding:0;list-style:none;border-block:1px solid var(--line,#d5e0dc)}.wordbook-import-dialog li{padding:9px 0;line-height:1.55;overflow-wrap:anywhere}.wordbook-import-dialog .wordbook-sync-actions{justify-content:flex-end}
@media(max-width:600px){.wordbook-sync{align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.wordbook-sync-actions{width:100%}.wordbook-sync-actions button,.wordbook-sync-actions a{flex:1}.wordbook-import-dialog{padding:20px}}