.configure-panel { min-height: 230px; }
.selected-file { display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 11px; background: #fafcfb; }
.selected-file .file-meta { flex: 1; display: flex; flex-direction: column; }
.selected-file small { color: var(--muted); }
.config-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 17px 20px; margin-top: 22px; }
.config-grid > label { display: flex; flex-direction: column; gap: 7px; color: #536159; font-size: 13px; font-weight: 650; }
.config-grid label small { color: #97a39d; font-weight: 400; }
.config-grid input[type="text"], .config-grid select { width: 100%; height: 42px; border: 1px solid var(--line); border-radius: 8px; padding: 0 11px; color: var(--ink); background: white; outline: none; }
.config-grid input:focus, .config-grid select:focus { border-color: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }
.wide-field { grid-column: 1 / -1; }
.position-field { display: flex; align-items: center; gap: 17px; margin: 0; padding: 0; border: 0; }
.position-field legend { margin-bottom: 7px; color: #536159; font-size: 13px; font-weight: 650; }
.position-field label { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); cursor: pointer; }
.position-field input { accent-color: var(--green); }
.other-sheets-field { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; }
.other-sheets-field legend { margin-bottom: 7px; color: #536159; font-size: 13px; font-weight: 650; }
.retain-toggle { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); cursor: pointer; font-size: 14px; }
.retain-toggle input, .sheet-checkboxes input { accent-color: var(--green); }
.sheet-checkboxes { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 10px; }
.sheet-checkboxes label { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: #fff; font-size: 13px; cursor: pointer; }
.sheet-checkboxes label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sheet-checkboxes.is-disabled { opacity: .55; }
.other-sheets-field > small { display: block; margin-top: 7px; color: #97a39d; font-size: 12px; }
.filename-preview { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding: 11px 13px; border-radius: 8px; color: var(--muted); background: var(--green-soft); font-size: 12px; }
.filename-preview code { color: var(--green-dark); font-family: inherit; font-weight: 700; }
.split-result-heading { position: relative; padding-right: 190px; }
.split-result-heading .button { position: absolute; right: 0; }
.result-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 11px; -webkit-overflow-scrolling: touch; }
.result-table-wrap .result-name { max-width: 440px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-value { font-weight: 700; }
.download-one { min-height: 32px; padding: 0 12px; font-size: 12px; }
.action-panel > .button { min-width: 145px; }
@media (max-width: 1000px) { .result-table-wrap .result-name { max-width: 300px; } }
@media (max-width: 680px) {
  .config-grid { grid-template-columns: 1fr; gap: 15px; margin-top: 18px; }
  .wide-field { grid-column: auto; }
  .position-field { flex-wrap: wrap; gap: 10px 16px; }
  .selected-file { align-items: flex-start; flex-wrap: wrap; padding: 12px; }
  .selected-file .status { margin-left: 44px; }
  .filename-preview { align-items: flex-start; flex-direction: column; gap: 4px; }
  .split-result-heading { padding-right: 0; align-items: flex-start; flex-wrap: wrap; }
  .split-result-heading .button { position: static; width: 100%; margin-top: 5px; }
  .result-table-wrap table { min-width: 620px; }
  .result-table-wrap .result-name { max-width: 220px; }
}