.youtube-wordbook-modal{width:min(920px,96vw);max-height:90vh}
.youtube-wordbook-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:10px;align-items:center;margin-bottom:14px}
.youtube-wordbook-tools .ui-btn:disabled{opacity:.4;cursor:not-allowed}
.youtube-wordbook-search,.youtube-wordbook-filter{min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;padding:8px 11px}
.youtube-wordbook-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}
.youtube-wordbook-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--border)}
.youtube-wordbook-word{font-size:15px;font-weight:800;color:var(--text);overflow-wrap:anywhere}
.youtube-wordbook-meaning{margin-left:7px;color:var(--text3);font-size:12px;font-weight:600}
.youtube-wordbook-example{margin-top:4px;color:var(--text2);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.youtube-wordbook-example-ko{margin-top:2px;color:var(--text3);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.youtube-wordbook-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;color:var(--text3);font-size:11px}
.youtube-wordbook-pos{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:var(--surface2);color:var(--text2);font-weight:700}
.youtube-wordbook-source{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:var(--surface);color:var(--accent);font-weight:700;text-decoration:none}
.youtube-wordbook-source:hover,.youtube-wordbook-source:focus-visible{border-color:var(--accent);background:var(--add-active-bg);text-decoration:underline}
.youtube-wordbook-actions{display:flex;gap:6px;align-items:center}
.youtube-wordbook-empty{padding:28px 12px;text-align:center;color:var(--text3);font-size:13px}
.youtube-wordbook-more{display:flex;justify-content:center;padding:14px 4px 2px}
.youtube-wordbook-import{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}
.youtube-wordbook-import summary{cursor:pointer;color:var(--text2);font-weight:700}
.youtube-wordbook-import textarea{width:100%;margin-top:10px;resize:vertical}
@media (max-width:720px){
  .youtube-wordbook-tools{grid-template-columns:1fr 1fr}
  .youtube-wordbook-search{grid-column:1 / -1}
  .youtube-wordbook-tools .ui-btn.primary{grid-column:1 / -1}
  .youtube-wordbook-row{grid-template-columns:1fr}
  .youtube-wordbook-actions{justify-content:flex-end}
}


  .en-source-modal{width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto}
  .en-source-modal>.note-modal-head{position:sticky;top:0;z-index:2;background:var(--bg2)}
  html[data-theme="light"] .en-source-modal>.note-modal-head{background:#fff}
  .en-source-body{display:block}
  .en-source-help{margin:0 0 14px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);color:var(--text2);font-size:12px;line-height:1.55}
  .en-source-help details{margin-top:5px;color:var(--text3)}
  .en-source-help summary{cursor:pointer;font-weight:750}
  .en-source-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:16px 0 8px;color:var(--text);font-size:14px;font-weight:850}
  .en-source-section-title span{color:var(--text3);font-size:11px;font-weight:650}
  .en-source-add{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
  .en-source-add-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 150px;gap:8px}
  .en-source-url-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:8px}
  .en-source-field{display:grid;gap:4px;min-width:0;color:var(--text3);font-size:10px;font-weight:750}
  .en-source-field input,.en-source-field select{box-sizing:border-box;width:100%;min-width:0;min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);padding:8px 9px;font:inherit;font-size:12px;font-weight:500}
  .en-source-field input:focus,.en-source-field select:focus{border-color:var(--accent)}
  .en-source-error{min-height:16px;margin-top:5px;color:var(--danger);font-size:11px}
  .en-source-list{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}
  .en-source-row{padding:12px;border-bottom:1px solid var(--border)}
  .en-source-row:last-child{border-bottom:0}
  .en-source-row.is-dirty{box-shadow:inset 3px 0 var(--accent)}
  .en-source-row-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr) 150px auto;gap:8px;align-items:end}
  .en-source-row-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:8px}
  .en-source-active{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 7px;color:var(--text2);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
  .en-source-active input{width:17px;height:17px;accent-color:var(--accent)}
  .en-source-actions{display:flex;gap:6px;align-items:center}
  .en-source-actions .ui-btn{min-height:38px}
  .en-source-delete{color:var(--danger)}
  .en-source-row-status{min-height:15px;margin-top:5px;color:var(--text3);font-size:10px}
  .en-source-empty{padding:28px 16px;text-align:center;color:var(--text3);font-size:13px;line-height:1.6}
  @media(max-width:800px){
    .en-source-add-fields,.en-source-row-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .en-source-row-main .en-source-active{align-self:end}
    .en-source-actions .ui-btn{min-width:72px;min-height:44px}
  }
  @media(max-width:600px){
    .note-modal-overlay:has(.en-source-modal){padding:8px}
    .en-source-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
    .en-source-modal>.note-modal-head{flex-direction:row;align-items:center;padding:13px 14px}
    .en-source-body{padding:12px}
    .en-source-add-fields,.en-source-url-line,.en-source-row-main,.en-source-row-bottom{grid-template-columns:minmax(0,1fr)}
    .en-source-actions{display:grid;grid-template-columns:1fr 1fr}
    .en-source-actions .ui-btn{width:100%;min-height:44px;font-size:12px}
    .en-source-active{min-height:44px;padding:0}
  }