/* Vocabulary and import surfaces share the ink-and-paper component system. */
.library-add-panel{padding:24px 28px;margin-top:28px;background:var(--paper);border:1px solid #c9cfd4;border-radius:var(--radius)}
#add-word-form{display:flex;gap:18px;align-items:flex-end}
#add-word-form label{display:flex;flex-direction:column;flex:1;min-width:0;gap:9px;color:var(--text);font-size:13px;font-weight:500}
#add-word-form input,#import-text{width:100%;color:var(--text);background:#fcfcfb;border:1px solid #c5cbd1;border-radius:5px;padding:12px 14px;font-size:14px;font-weight:400}
#add-word-form input{min-height:46px}
#add-word-form input::placeholder,#import-text::placeholder{color:#727e8d}
#add-en{font-family:var(--mono)}
#add-word-form>button{flex-shrink:0;min-height:46px;padding-inline:25px}
.secondary-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #a6b1bf;background:var(--paper);border-radius:5px;padding:10px 16px;min-height:42px;font-size:12px;color:var(--text)}
.secondary-button:hover:not(:disabled){background:var(--bg);border-color:var(--text)}
.import-entry{display:flex;align-items:center;gap:20px;padding-top:18px;border-top:1px solid var(--line);margin-top:21px;color:var(--muted);font-size:12px}
.library-note{font-size:10px;line-height:1.8;margin:14px 0 0;color:var(--muted)}
.bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:20px;min-height:45px;padding-bottom:14px;margin-bottom:0;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}
.bulk-toolbar label{display:flex;align-items:center;gap:9px;cursor:pointer}
input[type=checkbox]{accent-color:var(--text)}
.bulk-toolbar input,.library-word>input{width:17px;height:17px;margin:0;flex-shrink:0;cursor:pointer}
.delete-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 10px;min-height:40px;color:#9c4848;font-size:11px;white-space:nowrap;border-radius:5px}
.delete-button:hover:not(:disabled){background:#f9e9e7}
#delete-selected{border:1px solid #c8cdd3;min-height:34px;padding-block:7px}
#vocabulary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.library-word{display:flex;gap:16px;align-items:center;min-width:0;border-bottom:1px solid var(--line);padding:4px 6px}
.library-word .review-word{flex:1;border:0;min-width:0;padding:14px 0}
.library-word .review-word strong{font-size:19px}
.library-word .review-word p{font-size:12px}
.undo-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;margin-top:16px;background:var(--accent-soft);color:#735725;font-size:12px;border-radius:6px}
.form-error,.import-errors{color:var(--danger);font-size:12px;line-height:1.8}
.form-error{margin-bottom:0}
.import-errors{max-height:150px;overflow:auto;padding-left:20px}
.field-label,.import-file-label{display:block;margin:20px 0 9px;color:var(--text);font-size:12px;font-weight:500}
.import-file-label input{display:block;width:100%;font-size:12px;margin-top:10px;color:var(--muted)}
.import-file-label input::file-selector-button{border:1px solid #a6b1bf;border-radius:5px;background:var(--bg);color:var(--text);padding:9px 12px;margin-right:12px;font:inherit;cursor:pointer}
#import-dialog{max-width:640px}
#import-text{min-height:130px;resize:vertical;font-family:var(--mono);font-size:13px;line-height:1.8}
#import-dialog .import-note{font-size:11px;line-height:1.9}
.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.import-sample{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}
.import-sample>div{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;padding:6px 0;overflow-wrap:anywhere}
.import-sample strong{font-family:var(--mono);font-weight:500}
.import-sample span{color:var(--muted)}
@media(max-width:700px){
 .library-add-panel{padding:20px 18px;margin-top:24px}#add-word-form{flex-wrap:wrap;gap:17px}#add-word-form label{flex-basis:100%;font-size:12px}#add-word-form input,#import-text{font-size:16px}#add-word-form>button{width:100%}
 .import-entry{flex-direction:column;align-items:stretch;gap:10px;font-size:11px}.secondary-button{font-size:11px;padding-inline:12px}.library-note{font-size:10px;line-height:1.9}
 .bulk-toolbar{font-size:10px;gap:10px;padding-bottom:13px}.bulk-toolbar label{gap:6px}#delete-selected{font-size:10px;padding:8px}#vocabulary-list{grid-template-columns:1fr}
 .library-word{gap:12px;padding-inline:2px}.library-word .review-word strong{font-size:18px}.library-word .review-word p{font-size:11px}.library-word .delete-button{padding-inline:7px}
 .undo-bar{font-size:11px;padding:12px}.undo-bar button{flex-shrink:0;font-size:10px}.dialog-actions{gap:9px}.dialog-actions>button{flex:1;padding-inline:9px;font-size:11px}
}