#excel-import-gold { padding:0; }
#excel-import-gold .i-app {
  --i-surface:var(--x-surface);
  --i-ink:var(--x-ink);
  --i-muted:var(--x-muted);
  --i-line:var(--x-line);
  --i-control:var(--x-control);
  --i-gold:var(--x-gold);
  --i-on-gold:var(--x-on-gold);
  --i-accent:var(--x-accent);
  --i-soft:var(--x-soft);
  --i-error:var(--x-error);
  --i-body:var(--x-body);
  width:100%; max-width:none; margin:0; border:0; border-radius:0;
  background:var(--i-surface); color:var(--i-ink); font:inherit;
  font-size:var(--i-body); line-height:1.65; text-align:left; box-sizing:border-box;
}
#excel-import-gold .i-app * { box-sizing:border-box; }
#excel-import-gold [hidden] { display:none !important; }
#excel-import-gold .i-main { padding:0; }
#excel-import-gold .i-text-button { border:0; border-radius:6px; background:none; color:var(--i-accent); min-height:48px; padding:10px 4px; font:inherit; font-size:var(--x-font-17); font-weight:600; line-height:1.5; }
#excel-import-gold h2 { font-size:var(--x-heading); font-weight:600; margin:0 0 20px; line-height:1.4; letter-spacing:-.02em; }
#excel-import-gold h3 { font-size:var(--x-subheading); font-weight:600; margin:0 0 16px; line-height:1.5; }
#excel-import-gold .i-label { display:block; font-size:var(--x-font-18); font-weight:600; margin:0 0 8px; }
#excel-import-gold .i-file { min-width:0; max-width:100%; width:100%; min-height:var(--x-control-height); color:var(--i-muted); font:inherit; font-size:var(--x-font-17); }
#excel-import-gold .i-file::file-selector-button { max-width:100%; white-space:normal; background:var(--i-surface); color:var(--i-accent); border:1px solid var(--i-control); border-radius:var(--x-radius); padding:12px 16px; margin-right:12px; min-height:var(--x-control-height); font:inherit; font-size:var(--i-body); font-weight:600; cursor:pointer; }
#excel-import-gold .i-file:disabled::file-selector-button { background:var(--i-soft); color:var(--i-muted); cursor:default; }
#excel-import-gold .i-primary, #excel-import-gold .i-secondary { width:100%; min-height:var(--x-button-height); border:1px solid var(--i-control); border-radius:var(--x-radius); font:inherit; font-size:var(--i-body); font-weight:600; padding:13px 16px; line-height:1.5; word-break:keep-all; white-space:normal; overflow-wrap:anywhere; }
#excel-import-gold .i-primary { margin-top:12px; border-color:var(--i-on-gold); background:var(--i-gold); color:var(--i-on-gold); }
#excel-import-gold .i-secondary { display:block; text-align:center; text-decoration:none; margin-top:12px; background:var(--i-surface); color:var(--i-accent); }
#excel-import-gold .i-note { font-size:var(--x-font-17); color:var(--i-muted); margin:12px 0; line-height:1.65; overflow-wrap:anywhere; word-break:keep-all; }
#excel-import-gold .i-error { color:var(--i-error); font-size:var(--x-font-18); font-weight:500; line-height:1.65; margin:16px 0; padding-left:12px; border-left:3px solid var(--i-error); }
#excel-import-gold .i-error:empty { display:none; }
#excel-import-gold .i-preview { margin-top:var(--x-section-gap); border-top:1px solid var(--i-line); padding-top:var(--x-section-gap); }
#excel-import-gold #i-import > .i-preview { margin:0; padding:var(--x-panel-padding); }
#excel-import-gold .i-bank, #excel-import-gold .i-import { border:1px solid var(--i-line); border-radius:var(--x-radius-lg); padding:0; }
#excel-import-gold .i-import { margin:0 0 20px; }
#excel-import-gold summary.i-import-heading { --x-disclosure-inset:var(--x-panel-padding); --x-disclosure-block:16px; display:flex; align-items:center; min-height:64px; font-size:var(--i-body); font-weight:600; line-height:1.6; }
#excel-import-gold .i-entry-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border-top:1px solid var(--i-line); padding:var(--x-panel-padding) var(--x-panel-padding) 0; }
#excel-import-gold .i-entry-methods .i-secondary { margin:0; min-width:0; }
#excel-import-gold .i-entry-methods [aria-pressed="true"] { background:var(--i-gold); color:var(--i-on-gold); border-color:var(--i-on-gold); }
#excel-import-gold #i-upload, #excel-import-gold .i-manual { padding:var(--x-panel-padding); }
#excel-import-gold .i-manual > .i-field:first-child { margin-top:0; }
#excel-import-gold #i-back { margin-bottom:12px; }
#excel-import-gold .i-counts { display:flex; flex-wrap:wrap; gap:4px 20px; font-size:var(--x-font-18); line-height:1.8; font-weight:600; margin:16px 0; padding:16px; border:1px solid var(--i-line); border-radius:var(--x-radius); background:var(--i-soft); }
#excel-import-gold #i-rows { display:grid; gap:12px; margin:20px 0; }
#excel-import-gold .i-row { border:1px solid var(--i-line); border-radius:var(--x-radius); }
#excel-import-gold .i-row summary.x-disclosure { --x-disclosure-inset:16px; --x-disclosure-block:16px; min-height:var(--x-control-height); color:var(--i-ink); }
#excel-import-gold .i-row[open] { border-color:var(--i-control); }
#excel-import-gold .i-row-meta { display:block; font-size:var(--x-font-17); color:var(--i-muted); margin-bottom:8px; line-height:1.65; }
#excel-import-gold .i-row[data-invalid="true"] .i-row-meta { color:var(--i-error); }
#excel-import-gold .i-row-question { display:block; font-size:var(--i-body); font-weight:600; line-height:1.65; overflow-wrap:anywhere; white-space:pre-wrap; }
#excel-import-gold .i-row-english { display:block; margin-bottom:4px; font-size:var(--i-body); line-height:1.65; overflow-wrap:anywhere; white-space:pre-wrap; }
#excel-import-gold .i-upload-format { color:var(--i-ink); font-weight:600; }
#excel-import-gold .i-import-group { margin:20px 0; }
#excel-import-gold .i-row-fields { padding:0 16px 20px; border-top:1px solid var(--i-line); border-radius:0 0 var(--x-radius) var(--x-radius); background:var(--i-soft); }
#excel-import-gold .i-row > .i-error { margin:0 16px 16px; }
#excel-import-gold .i-field { display:block; margin:20px 0 0; }
#excel-import-gold .i-field span { display:block; font-size:var(--x-font-18); font-weight:600; margin:0 0 8px; }
#excel-import-gold .i-field input, #excel-import-gold .i-field textarea { display:block; width:100%; min-height:var(--x-control-height); padding:12px 14px; border:1px solid var(--i-control); border-radius:var(--x-radius); background:var(--i-surface); color:var(--i-ink); font:inherit; font-size:var(--i-body); line-height:1.65; }
#excel-import-gold .i-field textarea { min-height:108px; resize:vertical; }
#excel-import-gold .i-exclude { display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 0; margin:20px 0 0; font-size:var(--x-font-17); }
#excel-import-gold .i-exclude input, #excel-import-gold .i-bank-check input { width:24px; height:24px; margin:0; flex:0 0 24px; accent-color:var(--i-accent); }
#excel-import-gold .i-success { margin:0 0 20px; padding:var(--x-panel-padding); background:var(--i-soft); border:1px solid var(--i-line); border-radius:var(--x-radius-lg); box-shadow:inset 4px 0 0 var(--i-gold); }
#excel-import-gold .i-success p { font-size:var(--x-font-18); margin:12px 0 0; }
#excel-import-gold #i-bank-content { border-top:1px solid var(--i-line); padding:var(--x-panel-padding); }
#excel-import-gold #i-bank-list { display:grid; gap:0; margin:24px 0 0; border-top:1px solid var(--i-line); }
#excel-import-gold .i-bank-entry { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px 12px; border-bottom:1px solid var(--i-line); padding:20px 4px; }
#excel-import-gold .i-bank-entry:last-child { border-bottom:0; }
#excel-import-gold .i-bank-body { min-width:0; }
#excel-import-gold .i-bank-entry > .i-bank-check { align-self:start; justify-content:center; min-height:48px; padding:0; margin-top:0; }
#excel-import-gold .i-bank-entry:has(input[data-select-id]:checked) { background:var(--i-soft); box-shadow:inset 3px 0 0 var(--i-gold); }
#excel-import-gold .i-bank-top { margin-bottom:4px; }
#excel-import-gold .i-bank-heading { display:flex; min-height:64px; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:16px; padding:0 var(--x-panel-padding); }
#excel-import-gold .i-bank-heading h3 { flex:1 1 auto; margin:0; font-size:var(--i-body); line-height:1.6; }
#excel-import-gold .i-bank-heading .x-disclosure-toggle { min-height:64px; padding-block:16px; }
#excel-import-gold .i-bank-check { display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 0; color:var(--i-accent); font-size:var(--x-font-17); }
#excel-import-gold .i-selection-tools { padding:16px 0 0; }
#excel-import-gold .i-selection-overview { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0 16px; }
#excel-import-gold .i-select-all { margin:0; font-weight:600; }
#excel-import-gold #i-selection-count { margin:8px 0; }
#excel-import-gold #i-clear-selection { margin-left:auto; }
#excel-import-gold #i-first-error { display:block; width:100%; margin:0 0 16px; padding:12px 16px; border:1px solid var(--i-error); border-radius:var(--x-radius); color:var(--i-error); text-align:left; }
#excel-import-gold .i-selection-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:12px; margin-top:8px; }
#excel-import-gold .i-selection-actions > button { width:100%; min-width:0; min-height:var(--x-button-height); margin:0; padding:13px 16px; border:1px solid var(--i-control); border-radius:var(--x-radius); background:var(--i-surface); font-size:var(--i-body); line-height:1.5; text-align:center; }
#excel-import-gold #i-group-add { grid-column:1 / -1; grid-row:1; }
#excel-import-gold #i-edit-bank { grid-column:1; grid-row:2; }
#excel-import-gold #i-delete-bank { grid-column:2; grid-row:2; border-color:var(--i-error); color:var(--i-error); }
#excel-import-gold .i-danger { color:var(--i-error); border-color:var(--i-error); }
#excel-import-gold .i-delete-confirm { margin-top:24px; padding:var(--x-panel-padding); background:var(--i-soft); border:1px solid var(--i-control); border-radius:var(--x-radius-lg); }
#excel-import-gold .i-delete-confirm h4 { margin:0 0 16px; font-size:var(--x-subheading); line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
#excel-import-gold .i-delete-list { list-style:none; margin:16px 0; padding:0; max-height:18em; overflow:auto; font-size:var(--x-font-18); }
#excel-import-gold .i-delete-list li { display:grid; gap:6px; min-width:0; padding:16px 0; border-bottom:1px solid var(--i-line); overflow-wrap:anywhere; }
#excel-import-gold .i-delete-list li:last-child { border-bottom:0; }
#excel-import-gold .i-delete-number, #excel-import-gold .i-delete-groups, #excel-import-gold .i-delete-hidden { color:var(--i-muted); font-size:var(--x-font-17); }
#excel-import-gold .i-delete-en, #excel-import-gold .i-delete-ko { white-space:pre-wrap; }
#excel-import-gold .i-delete-actions { display:flex; flex-wrap:wrap; gap:12px; }
#excel-import-gold .i-delete-actions .i-secondary { flex:1 1 140px; margin:0; }
#excel-import-gold #i-delete-confirm-button { background:var(--i-surface); }
#excel-import-gold .i-search { width:100%; min-height:var(--x-control-height); padding:12px 14px; border:1px solid var(--i-control); border-radius:var(--x-radius); background:var(--i-surface); color:var(--i-ink); font:inherit; font-size:var(--i-body); line-height:1.65; }
#excel-import-gold .i-search-field { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
#excel-import-gold .i-search-field .i-search { flex:1 1 12em; width:auto; min-width:0; }
#excel-import-gold #i-search-clear { flex:0 0 auto; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
#excel-import-gold .i-bank-entry p { margin:8px 0; overflow-wrap:anywhere; white-space:pre-wrap; }
#excel-import-gold .i-bank-entry .i-bank-id { margin:0; font-size:var(--x-font-17); color:var(--i-muted); }
#excel-import-gold .i-bank-ko { font-weight:600; }
#excel-import-gold .i-bank-entry .i-bank-en { margin-top:6px; color:var(--i-ink); font-size:var(--i-body); line-height:1.7; }
#excel-import-gold .i-bank-editor { margin-top:12px; }
#excel-import-gold .i-bank-editor > summary.x-disclosure { font-size:var(--x-font-17); }
#excel-import-gold .i-bank-edit-fields { display:grid; gap:20px; min-width:0; padding:16px; border:1px solid var(--i-line); border-radius:var(--x-radius); background:var(--i-soft); }
#excel-import-gold .i-bank-edit-fields .i-field { display:grid; gap:8px; min-width:0; margin:0; font-size:var(--x-font-18); font-weight:600; }
#excel-import-gold .i-bank-edit-fields textarea { font-weight:400; min-height:96px; }
#excel-import-gold .i-bank-edit-fields > :is(button,p) { margin:0; }
#excel-import-gold button { cursor:pointer; }
#excel-import-gold button:disabled { cursor:default; opacity:.55; }
#excel-import-gold :focus-visible { outline:3px solid var(--i-accent); outline-offset:3px; box-shadow:0 0 0 3px var(--i-gold); }
#excel-import-gold .i-main, #excel-import-gold .i-row, #excel-import-gold .i-bank-heading > *, #excel-import-gold .i-bank-top > * { min-width:0; max-width:100%; }
#excel-import-gold h2, #excel-import-gold h3, #excel-import-gold summary, #excel-import-gold .i-label, #excel-import-gold .i-text-button, #excel-import-gold .i-exclude, #excel-import-gold .i-bank-check { overflow-wrap:anywhere; }

@media (hover:hover) {
  #excel-import-gold .i-file:not(:disabled)::file-selector-button:hover { background:var(--i-soft); border-color:var(--i-accent); }
  #excel-import-gold .i-secondary:not(:disabled):not([aria-pressed="true"]):hover { background:var(--i-soft); border-color:var(--i-accent); }
  #excel-import-gold .i-primary:not(:disabled):hover { box-shadow:inset 0 0 0 1px var(--i-on-gold); }
  #excel-import-gold .i-text-button:not(:disabled):hover { text-decoration:underline; text-underline-offset:4px; }
  #excel-import-gold .i-danger:not(:disabled):hover { border-color:var(--i-error); color:var(--i-error); }
}

@media (max-width:600px) {
  #excel-import-gold .i-bank-entry { grid-template-columns:44px minmax(0,1fr); gap:8px; }
  #excel-import-gold .i-selection-actions { display:flex; flex-direction:column; }
  #excel-import-gold .i-search-field { flex-wrap:wrap; gap:4px 12px; }
  #excel-import-gold .i-search-field .i-search { flex-basis:100%; }
  #excel-import-gold #i-search-clear { margin-left:auto; }
}

#excel-import-gold #i-success-count { display:flex; flex-wrap:wrap; gap:4px 20px; }

#excel-import-gold .i-group-toolbar { display:flex; gap:12px; align-items:end; }
#excel-import-gold .i-group-filter-field { flex:1 1 auto; margin:0; min-width:0; }
#excel-import-gold .i-field select { display:block; width:100%; max-width:100%; min-height:var(--x-control-height); padding:12px 14px; border:1px solid var(--i-control); border-radius:var(--x-radius); background:var(--i-surface); color:var(--i-ink); font:inherit; font-size:var(--i-body); line-height:1.65; }
#excel-import-gold .i-group-manager { padding:4px 0 20px; margin-bottom:20px; border-bottom:1px solid var(--i-line); }
#excel-import-gold .i-group-create-section { margin-top:20px; padding-bottom:24px; }
#excel-import-gold .i-group-edit-section, #excel-import-gold .i-group-delete-section { padding-top:24px; border-top:1px solid var(--i-line); }
#excel-import-gold .i-group-delete-section { margin-top:24px; }
#excel-import-gold .i-group-create-section h4, #excel-import-gold .i-group-edit-section h4, #excel-import-gold .i-group-delete-section h4 { margin:0 0 16px; }
#excel-import-gold .i-group-create-section .i-field, #excel-import-gold .i-group-edit-section > .i-field { margin-top:0; }
#excel-import-gold .i-group-form { display:flex; gap:12px; align-items:end; }
#excel-import-gold .i-group-form .i-field { flex:1 1 auto; min-width:0; margin-top:0; }
#excel-import-gold .i-group-form .i-secondary { flex:0 0 auto; width:auto; margin:0; }
#excel-import-gold #i-group-edit-area { margin-top:16px; }
#excel-import-gold .i-group-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:16px; }
#excel-import-gold .i-group-actions > button { flex:1 1 160px; width:auto; margin:0; }
#excel-import-gold .i-group-panel { margin-top:20px; padding:var(--x-panel-padding); border:1px solid var(--i-control); border-radius:var(--x-radius-lg); background:var(--i-soft); }
#excel-import-gold .i-group-panel h4 { margin:0 0 12px; font-size:var(--x-subheading); line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
#excel-import-gold .i-group-modes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
#excel-import-gold .i-group-modes > button { min-width:0; margin:0; }
#excel-import-gold .i-group-modes > button[aria-pressed="true"] { border-color:var(--i-on-gold); background:var(--i-gold); color:var(--i-on-gold); }
#excel-import-gold .i-group-target-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 12px; margin:12px 0 8px; }
#excel-import-gold .i-group-target-list { display:grid; gap:8px; max-height:320px; max-height:min(40dvh,320px); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:4px; scroll-padding:8px; }
#excel-import-gold .i-group-choice { display:flex; align-items:center; gap:12px; min-width:0; min-height:var(--x-control-height); padding:12px 14px; border:1px solid var(--i-control); border-radius:var(--x-radius); background:var(--i-surface); cursor:pointer; }
#excel-import-gold .i-group-choice input { flex:0 0 24px; width:24px; height:24px; margin:0; accent-color:var(--i-accent); }
#excel-import-gold .i-group-choice span { min-width:0; overflow-wrap:anywhere; font-size:var(--i-body); }
#excel-import-gold .i-group-choice:has(input:checked) { border-color:var(--i-accent); box-shadow:inset 3px 0 0 var(--i-gold); }
#excel-import-gold .i-group-choice:has(input:disabled) { cursor:default; }
#excel-import-gold .i-group-apply-bar { margin-top:16px; padding-top:4px; border-top:1px solid var(--i-line); }
#excel-import-gold .i-group-target-summary { font-weight:600; color:var(--i-ink); }
#excel-import-gold #i-group-search-clear { flex:0 0 auto; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
#excel-import-gold .i-group-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
#excel-import-gold .i-group-tag { display:inline-block; padding:3px 10px; border:1px solid var(--i-line); border-radius:6px; color:var(--i-muted); background:var(--i-soft); font-size:var(--x-font-17); line-height:1.5; overflow-wrap:anywhere; max-width:100%; }
#excel-import-gold input:disabled, #excel-import-gold select:disabled, #excel-import-gold textarea:disabled { cursor:default; }
#excel-import-gold :is(.i-field input,.i-field textarea,.i-field select,.i-search):disabled { color:var(--i-muted); background:var(--i-soft); opacity:1; }
@media (max-width:600px) {
  #excel-import-gold .i-group-form { flex-wrap:wrap; }
  #excel-import-gold .i-group-form > *, #excel-import-gold .i-group-form .i-secondary { flex-basis:100%; width:100%; }
  #excel-import-gold .i-group-actions > button { flex-basis:100%; }
  #excel-import-gold #i-group-search-clear { margin-left:auto; }
}

#excel-import-gold .i-group-delete-options { min-width:0; margin:16px 0 0; padding:16px; border:1px solid var(--i-control); border-radius:var(--x-radius); background:var(--i-surface); }
#excel-import-gold .i-group-delete-options legend { padding:0 6px; font-size:var(--i-body); font-weight:600; }
#excel-import-gold .i-group-delete-options .i-bank-check { color:var(--i-ink); cursor:pointer; }
#excel-import-gold .i-group-delete-options .i-note { margin-bottom:0; }
