#connected-english-preview .x-word-panel { margin:0 0 20px; padding:0; border:1px solid var(--x-line); border-radius:var(--x-radius-lg); background:var(--x-surface); }
#connected-english-preview .x-word-panel > summary.x-disclosure { --x-disclosure-inset:var(--x-panel-padding); --x-disclosure-block:16px; display:flex; align-items:center; min-height:64px; font-size:var(--x-body); font-weight:600; line-height:1.6; }
#connected-english-preview .x-word-panel-body { min-width:0; padding:var(--x-panel-padding); }
#connected-english-preview .x-word-catalog-body { border-top:1px solid var(--x-line); }
#connected-english-preview .x-word-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:var(--x-panel-padding) var(--x-panel-padding) 0; border-top:1px solid var(--x-line); }
#connected-english-preview .x-word-methods > .x-button { min-width:0; margin:0; }
#connected-english-preview .x-word-methods [aria-pressed="true"] { background:var(--x-gold); color:var(--x-on-gold); border-color:var(--x-on-gold); }
#connected-english-preview .x-word-field, #connected-english-preview .x-word-fields label, #connected-english-preview .x-word-edit-fields label { display:grid; min-width:0; gap:8px; font-size:var(--x-font-18); font-weight:600; }
#connected-english-preview .x-word-field .x-input, #connected-english-preview .x-word-fields .x-input, #connected-english-preview .x-word-edit-fields .x-input { font-size:var(--x-body); font-weight:400; }
#connected-english-preview .x-word-fields { display:grid; gap:20px; margin:0 0 16px; }
#connected-english-preview .x-word-upload-format { color:var(--x-ink); font-weight:600; }
#connected-english-preview .x-word-preview { margin-top:var(--x-section-gap); padding-top:var(--x-section-gap); border-top:1px solid var(--x-line); }
#connected-english-preview .x-word-preview > h3 { margin:0 0 16px; }
#connected-english-preview .x-word-items { display:grid; gap:12px; min-width:0; max-height:640px; padding:4px; overflow:auto; overscroll-behavior:contain; scroll-padding:4px; }
#connected-english-preview .x-word-preview-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid var(--x-line); border-radius:var(--x-radius); }
#connected-english-preview .x-word-preview-row > span { display:grid; flex:1; min-width:0; gap:6px; overflow-wrap:anywhere; }
#connected-english-preview .x-word-preview-row > .x-text-button { flex:0 0 auto; }
#connected-english-preview .x-word-search-label { display:block; margin:0 0 8px; font-size:var(--x-font-18); font-weight:600; }
#connected-english-preview .x-word-selection { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0 16px; padding-top:16px; }
#connected-english-preview .x-word-selection > .x-check { margin:0; font-weight:600; }
#connected-english-preview .x-word-selection > .x-hint { margin:8px 0; }
#connected-english-preview .x-word-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:12px; margin:8px 0 0; }
#connected-english-preview .x-word-actions > .x-button { width:100%; min-width:0; margin:0; }
#connected-english-preview .x-word-selection-actions > .x-button:first-child { grid-column:1 / -1; }
#connected-english-preview .x-word-notice:has(> p:not(:empty)) { margin-top:16px; }
#connected-english-preview .x-word-notice > p { margin:0; overflow-wrap:anywhere; }
#connected-english-preview .x-word-recovery { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; }
#connected-english-preview .x-word-recovery > .x-button { flex:1 1 180px; min-width:0; margin:0; }
#connected-english-preview .x-word-catalog-items { gap:0; margin:24px 0 0; padding:0; border-top:1px solid var(--x-line); }
#connected-english-preview .x-word-row { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px 12px; min-width:0; padding:20px 4px; border-bottom:1px solid var(--x-line); }
#connected-english-preview .x-word-row:last-child { border-bottom:0; }
#connected-english-preview .x-word-row > .x-check { align-self:start; justify-content:center; min-height:48px; margin:0; padding:0; }
#connected-english-preview .x-word-row:has(> .x-check > input:checked) { background:var(--x-soft); box-shadow:inset 3px 0 0 var(--x-gold); }
#connected-english-preview .x-word-row-body { min-width:0; }
#connected-english-preview .x-word-row-body > .x-answer-heading { margin-bottom:4px; }
#connected-english-preview .x-word-number { color:var(--x-muted); font-size:var(--x-font-17); font-weight:600; }
#connected-english-preview .x-word-en, #connected-english-preview .x-word-ko { margin:8px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
#connected-english-preview .x-word-en { font-size:var(--x-emphasis); font-weight:600; }
#connected-english-preview .x-word-ko { color:var(--x-muted); }
#connected-english-preview .x-word-group-tag { display:inline-block; width:fit-content; max-width:100%; padding:3px 10px; border:1px solid var(--x-line); border-radius:6px; background:var(--x-soft); color:var(--x-muted); font-size:var(--x-font-17); line-height:1.5; overflow-wrap:anywhere; }
#connected-english-preview .x-word-editor { margin-top:12px; }
#connected-english-preview .x-word-editor > summary.x-disclosure { font-size:var(--x-font-17); }
#connected-english-preview .x-word-edit-fields { display:grid; gap:20px; min-width:0; padding:16px; border:1px solid var(--x-line); border-radius:var(--x-radius); background:var(--x-soft); }
#connected-english-preview .x-word-edit-fields textarea.x-input { min-height:96px; }

#connected-english-preview .x-word-group-filter { margin:0 0 20px; }
#connected-english-preview .x-word-group-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
#connected-english-preview .x-word-group-manager { margin:0 0 24px; border-top:1px solid var(--x-line); border-bottom:1px solid var(--x-line); }
#connected-english-preview .x-word-group-manager > summary { min-height:52px; font-weight:600; }
#connected-english-preview .x-word-group-section { padding:20px 0; border-top:1px solid var(--x-line); }
#connected-english-preview .x-word-group-section h4 { margin:0 0 16px; font-size:var(--x-font-18); font-weight:600; }
#connected-english-preview .x-word-group-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; margin-top:16px; }
#connected-english-preview .x-word-group-form > .x-button { margin:0; white-space:nowrap; }
#connected-english-preview .x-word-group-form > .x-input { min-width:0; }
#connected-english-preview .x-word-group-confirm { margin-top:16px; padding:16px; border:1px solid var(--x-line); border-radius:var(--x-radius); background:var(--x-soft); overflow-wrap:anywhere; }
#connected-english-preview .x-word-group-manager > p { overflow-wrap:anywhere; }
#connected-english-preview .x-word-group-manager > .x-word-actions { margin-bottom:20px; }
#connected-english-preview .x-word-group-assignment { margin-top:20px; padding:var(--x-panel-padding); border:1px solid var(--x-control); border-radius:var(--x-radius-lg); background:var(--x-soft); overflow-wrap:anywhere; }
#connected-english-preview .x-word-group-assignment > h4 { margin:0 0 12px; font-size:var(--x-subheading); line-height:1.5; }
#connected-english-preview .x-word-group-assignment > .x-word-field { margin:16px 0; }
#connected-english-preview .x-word-group-assignment > .x-word-actions { grid-template-columns:repeat(auto-fit,minmax(min(100%,10em),1fr)); margin-top:16px; padding-top:16px; border-top:1px solid var(--x-line); }
@media (max-width:600px) {
  #connected-english-preview .x-word-selection-actions { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:480px) {
  #connected-english-preview .x-word-group-form { grid-template-columns:minmax(0,1fr); }
  #connected-english-preview .x-word-group-form > .x-button { width:100%; }
}

#connected-english-preview .x-word-selection > .x-text-button { margin:0; }
#connected-english-preview .x-word-delete-confirm { margin-top:20px; padding:var(--x-panel-padding); border:1px solid var(--x-line); border-radius:var(--x-radius); background:var(--x-soft); overflow-wrap:anywhere; }
#connected-english-preview .x-word-delete-confirm > h4 { margin:0 0 12px; font-size:var(--x-font-18); }
#connected-english-preview .x-word-delete-list { display:grid; gap:12px; max-height:280px; overflow:auto; margin:16px 0; padding:0; list-style:none; }
#connected-english-preview .x-word-delete-list > li { display:grid; min-width:0; gap:4px; padding-bottom:12px; border-bottom:1px solid var(--x-line); }
#connected-english-preview .x-word-delete-list > li:last-child { border-bottom:0; padding-bottom:0; }