.sc-wrap { max-width: 1440px; box-sizing: border-box; }
.sc-card, .sc-results { box-sizing: border-box; max-width: 100%; min-width: 0; background: #fff; border: 1px solid #dcdcde; border-radius: 8px; padding: 24px; margin-top: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.sc-dropzone { display: flex; min-height: 130px; border: 2px dashed #72aee6; border-radius: 6px; background: #f6f7f7; align-items: center; justify-content: center; flex-direction: column; gap: 7px; cursor: pointer; color: #50575e; }
.sc-dropzone .dashicons { color: #2271b1; font-size: 34px; width: 34px; height: 34px; }
.sc-dropzone strong { color: #1d2327; font-size: 16px; }
.sc-dropzone input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
.sc-file-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.sc-file { display: inline-flex; align-items: center; gap: 5px; padding: 7px 10px; background: #f0f6fc; border-radius: 4px; }
.sc-file .button-link-delete { margin-left: 3px; }
.sc-file small { color: #646970; }
.sc-results-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.sc-results h2 { margin: 0 0 6px; }
.sc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sc-table-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; padding: 12px; border: 1px solid #dcdcde; border-radius: 9px; background: #fbfcfe; }
.sc-table-tools input, .sc-table-tools select { min-height: 32px; border-color: #c3c4c7; border-radius: 6px; }
.sc-table-tools input { padding: 0 9px; }.sc-table-tools select { max-width: 170px; }
.sc-bulk-label { position: relative; }.sc-bulk-label #sc-bulk-trigger { display: inline-flex !important; min-height: 36px; align-items: center !important; justify-content: center; gap: 8px; vertical-align: middle; }.sc-bulk-trigger-text { display: flex; align-items: center; height: 20px; line-height: 20px; }.sc-bulk-label #sc-bulk-trigger .dashicons { display: block; position: static; flex: 0 0 15px; width: 15px; height: 15px; margin: 0; font-size: 15px; line-height: 15px; transform: none; }.sc-bulk-picker { position: absolute; z-index: 30; top: calc(100% + 7px); right: 0; left: auto; box-sizing: border-box; width: min(320px, calc(100vw - 32px)); padding: 14px; border: 1px solid #e1e5ea; border-radius: 12px; background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.15); }.sc-bulk-picker-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 4px; }.sc-bulk-picker-head strong, .sc-bulk-picker-head .button-link { min-width: 0; white-space: nowrap; }.sc-bulk-count { margin: 0 0 8px; color: #646970; font-size: 12px; }.sc-bulk-help { margin: 0 0 8px; color: #646970; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; }.sc-bulk-tag-list { max-height: 210px; overflow: auto; border-top: 1px solid #f0f0f1; }.sc-bulk-tag-row { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 8px; padding: 3px 2px; }.sc-bulk-tag-row label { display: flex; min-width: 0; flex: 1; align-items: center; gap: 8px; cursor: pointer; }.sc-bulk-tag-row label span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sc-bulk-create { margin: 8px 0; padding: 9px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }.sc-bulk-create > div, .sc-tag-create > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; }.sc-bulk-create input { width: 100%; min-height: 32px; border: 1px solid #c3c4c7; border-radius: 6px; }
.sc-tool-divider { width: 1px; height: 28px; margin: 0 3px; background: #dcdcde; }
.sc-table-wrap { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overflow-y: auto; max-height: 560px; border: 1px solid #dcdcde; }
#sc-preview { width: 100%; min-width: 0; max-width: 100%; border: 0; table-layout: fixed; }
#sc-preview thead th { position: sticky; top: 0; z-index: 1; white-space: nowrap; background: #f6f7f7; }
#sc-preview .sc-header-sort { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; color: #1d2327; font-size: inherit; font-weight: inherit; cursor: pointer; }
.sc-sort-icon { display: inline-grid; grid-template-columns: 8px 10px; grid-template-rows: repeat(3, 3px); column-gap: 2px; align-items: center; width: 20px; height: 20px; color: #a7aaad; }
.sc-sort-icon i { grid-column: 1; display: block; height: 2px; background: currentColor; border-radius: 2px; }.sc-sort-icon i:nth-child(2) { width: 6px; }.sc-sort-icon i:nth-child(3) { width: 4px; }.sc-sort-icon b { grid-column: 2; grid-row: 1 / 4; font-size: 21px; line-height: 18px; font-weight: 600; }.sc-sort-icon.is-active { color: #f15a24; }
#sc-preview th, #sc-preview td { padding: 10px 8px; overflow-wrap: anywhere; vertical-align: middle; }
#sc-preview td[contenteditable=true] { min-width: 0; cursor: text; }
#sc-preview td[contenteditable=true]:focus { outline: 2px solid #2271b1; outline-offset: -2px; background: #fff; }
.sc-select-col, .sc-select { width: 42px; text-align: center; }.sc-primary-col, .sc-primary-cell { width: 24%; }.sc-label-col, .sc-label { width: 180px; text-align: left; }.sc-notes-col, .sc-notes-cell { width: 170px; }.sc-notes-cell { color: #50575e; }.sc-notes-cell:empty::before { content: attr(data-placeholder); color: #a7aaad; font-style: italic; }
.sc-tag-cell { position: relative; display: flex; min-height: 32px; align-items: center; gap: 5px; }.sc-tag-pill,.sc-tag-overflow { display: inline-block; max-width: 92px; overflow: hidden; padding: 4px 8px; border-radius: 999px; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 16px; font-weight: 600; background: color-mix(in srgb, var(--tag-color) 18%, white); color: var(--tag-color); }.sc-tag-overflow { max-width: none; background: #eef0f2; color: #50575e; }
.sc-tag-trigger { display: inline-grid; width: 27px; height: 27px; place-items: center; padding: 0; border: 1px solid #d0d7de; border-radius: 7px; background: #fff; color: #646970; cursor: pointer; }.sc-tag-trigger:hover { border-color: #2271b1; color: #2271b1; }.sc-tag-trigger .dashicons { width: 16px; height: 16px; font-size: 16px; }
.sc-tag-picker { position: fixed; z-index: 100001; box-sizing: border-box; padding: 14px; border: 1px solid #e1e5ea; border-radius: 12px; background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.16); text-align: left; }.sc-tag-picker-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }.sc-tag-picker .button-link, .sc-bulk-picker .button-link { padding: 0; border: 0; background: transparent; color: #3858e9; font: inherit; cursor: pointer; white-space: nowrap; }.sc-tag-search { box-sizing: border-box; width: 100%; min-height: 36px; padding: 0 10px; border: 1px solid #c3c4c7; border-radius: 7px; }.sc-tag-count { margin: 9px 0 6px; color: #646970; font-size: 12px; }.sc-tag-list { max-height: min(220px, calc(100vh - 180px)); overflow: auto; }.sc-tag-row { display: grid; grid-template-columns: 18px 9px minmax(0,1fr) 28px; min-height: 38px; align-items: center; gap: 8px; padding: 2px; cursor: pointer; }.sc-tag-row-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sc-tag-edit { display: inline-grid; width: 27px; height: 27px; place-items: center; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #646970; cursor: pointer; }.sc-tag-edit:hover { background: #f0f6fc; color: #2271b1; }.sc-tag-edit .dashicons { width: 16px; height: 16px; font-size: 16px; }.sc-tag-picker input[type="checkbox"], .sc-bulk-tag-row input[type="checkbox"] { appearance: none; box-sizing: border-box; display: grid; flex: 0 0 18px; width: 18px; height: 18px; min-width: 18px; min-height: 18px; margin: 0; place-content: center; border: 1.5px solid #8c8f94; border-radius: 4px; background: #fff; cursor: pointer; }.sc-tag-picker input[type="checkbox"]::before, .sc-bulk-tag-row input[type="checkbox"]::before { width: 8px; height: 4px; content: ''; transform: rotate(-45deg) scale(0); border-bottom: 2px solid #fff; border-left: 2px solid #fff; }.sc-tag-picker input[type="checkbox"]:checked, .sc-bulk-tag-row input[type="checkbox"]:checked { border-color: #4756e8; background: #4756e8; }.sc-tag-picker input[type="checkbox"]:checked::before, .sc-bulk-tag-row input[type="checkbox"]:checked::before { transform: rotate(-45deg) scale(1); }.sc-tag-dot { flex: 0 0 9px; width: 9px; height: 9px; border-radius: 50%; background: var(--tag-color); }.sc-tag-empty { margin: 12px 0; color: #646970; }.sc-tag-create { margin-top: 9px; padding-top: 9px; border-top: 1px solid #eee; }.sc-tag-create input { width: 100%; min-height: 32px; border: 1px solid #c3c4c7; border-radius: 6px; }.sc-tag-error { margin: 5px 0 0; color: #b32d2e; font-size: 12px; }
.sc-tag-modal-backdrop { position: fixed; z-index: 100002; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(10,16,28,.42); }.sc-tag-modal { position: relative; box-sizing: border-box; width: min(100%,460px); padding: 26px; border-radius: 14px; background: #fff; box-shadow: 0 20px 55px rgba(0,0,0,.25); }.sc-tag-modal h2 { margin: 0 0 20px; padding-left: 26px; }.sc-tag-back { position: absolute; top: 16px; left: 18px; border: 0; background: none; font-size: 22px; cursor: pointer; }.sc-tag-modal label { display: block; font-weight: 600; }.sc-tag-name { box-sizing: border-box; display: block; width: 100%; min-height: 40px; margin-top: 7px; padding: 0 10px; border: 1px solid #c3c4c7; border-radius: 7px; }.sc-tag-modal-error { min-height: 18px; margin: 6px 0; color: #b32d2e; }.sc-tag-color-title { margin: 16px 0 10px; font-weight: 600; }.sc-swatch-grid { display: grid; grid-template-columns: repeat(10,1fr); gap: 10px; }.sc-swatch { width: 24px; height: 24px; padding: 0; border: 2px solid transparent; border-radius: 50%; cursor: pointer; }.sc-swatch.is-selected { outline: 2px solid #1d2327; outline-offset: 2px; }.sc-tag-modal-actions { display: grid; grid-template-columns: auto 1fr auto auto; gap: 9px; align-items: center; margin-top: 22px; }
.sc-tag-picker .button, .sc-tag-modal .button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; padding: 5px 11px; border: 1px solid #2271b1; border-radius: 5px; background: #fff; color: #2271b1; font-size: 13px; cursor: pointer; }.sc-tag-modal .button-primary { background:#2271b1; color:#fff; }.sc-tag-modal .button-link-delete { border-color:#d63638; color:#d63638; }
.sc-settings { max-width: 900px; padding-top: 20px; }
.sc-bulk-picker { right:auto; left:0; }
.sc-mapping-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }.sc-custom-columns { margin:16px 0 20px; padding:16px; border:1px solid #d9e2f0; border-radius:10px; background:#f8fbff; }.sc-custom-columns-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:12px; }.sc-custom-columns-head strong { font-size:15px; }.sc-custom-columns-head p { margin:4px 0 0; color:#646970; }.sc-custom-columns-head > span { flex:0 0 auto; padding:4px 8px; border-radius:999px; background:#e8f1fb; color:#2271b1; font-size:12px; font-weight:600; }.sc-custom-columns-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:8px; }.sc-custom-columns-grid > label { display:flex; min-width:0; align-items:flex-start; gap:9px; padding:10px; border:1px solid #dcdcde; border-radius:8px; background:#fff; cursor:pointer; }.sc-custom-columns-grid > label:has(input:checked) { border-color:#72aee6; box-shadow:0 0 0 1px #72aee6; }.sc-custom-columns-grid input { flex:0 0 auto; margin-top:2px; }.sc-custom-columns-grid label > span { display:grid; min-width:0; gap:3px; }.sc-custom-columns-grid strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.sc-custom-columns-grid small { color:#646970; font-size:11px; }.sc-custom-columns-empty { grid-column:1 / -1; margin:0; color:#646970; }
.sc-public-console { max-width: 1440px; margin: 32px auto; padding: 0 20px; color: #1d2327; }.sc-public-console *, .sc-public-console *::before, .sc-public-console *::after { box-sizing: border-box; }.sc-public-console .description { color: #646970; }.sc-public-console .button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 6px 12px; border: 1px solid #2271b1; border-radius: 4px; background: #fff; color: #2271b1; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; cursor: pointer; }.sc-public-console .button:hover { border-color: #135e96; color: #135e96; }.sc-public-console .button-primary { border-color: #2271b1; background: #2271b1; color: #fff; }.sc-public-console .button-primary:hover { border-color: #135e96; background: #135e96; color: #fff; }.sc-public-console .button[disabled] { border-color: #dcdcde; background: #f0f0f1; color: #a7aaad; cursor: not-allowed; }.sc-public-console input, .sc-public-console select { max-width: 100%; padding: 6px 9px; border: 1px solid #8c8f94; border-radius: 4px; background: #fff; color: #2c3338; font-size: 16px; }.sc-public-console .widefat { border-spacing: 0; border-collapse: collapse; background: #fff; }.sc-public-console .widefat th, .sc-public-console .widefat td { padding: 12px 10px; border-bottom: 1px solid #dcdcde; color: #50575e; }.sc-public-console .widefat th { color: #1d2327; text-align: left; }.sc-public-console .widefat.striped tbody tr:nth-child(odd) { background: #f6f7f7; }.sc-public-console .button-link-delete { border: 0; background: none; color: #b32d2e; cursor: pointer; }.sc-public-console .sc-card, .sc-public-console .sc-results, .sc-public-console .sc-mapping { background: #fff; }.sc-public-console .sc-file .button-link-delete { padding: 0; font-size: 12px; }.sc-public-console .sc-dataset-bar { flex-wrap: wrap; }.sc-public-console .sc-actions { align-items: center; }.sc-public-console .sc-table-wrap { background: #fff; }
@media (max-width: 782px) { .sc-results-head { flex-direction: column; }.sc-table-tools { align-items: stretch; }.sc-table-tools input, .sc-table-tools select { max-width: none; width: 100%; }.sc-tool-divider { display: none; } #sc-preview { min-width: 760px; }.sc-tag-modal-actions { grid-template-columns: 1fr 1fr; }.sc-tag-modal-actions span { display: none; }.sc-mapping-head,.sc-custom-columns-head { align-items:stretch; flex-direction:column; }.sc-mapping-actions { justify-content:flex-start; }.sc-custom-columns-head > span { align-self:flex-start; } }
.sc-dataset-bar,.sc-mapping-head,.sc-dataset-settings-head { display:flex; align-items:center; gap:12px; justify-content:space-between; margin:16px 0; padding:14px; border-radius:8px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.08); }.sc-dataset-bar { justify-content:flex-start; }.sc-dataset-bar select { min-width:220px; min-height:36px; }.sc-mapping { margin:20px 0; padding:20px; border-radius:8px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.1); }.sc-mapping-head h2,.sc-dataset-settings h2 { margin:0 0 5px; }.sc-mapping-source { margin-top:18px; padding:16px; border:1px solid #e2e4e7; border-radius:8px; }.sc-source-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }.sc-source-title h3 { margin:0; }.sc-source-title span { color:#646970; font-size:12px; }.sc-mapping-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }.sc-mapping-grid label,.sc-type-editor>label { display:grid; gap:6px; font-weight:600; }.sc-mapping-grid select,.sc-type-editor input,.sc-type-editor select { min-height:34px; border:1px solid #c3c4c7; border-radius:6px; }.sc-mapping-grid em { color:#50575e; font-size:11px; font-style:normal; }.sc-map-preview { max-width:100%; margin-top:16px; overflow:auto; }.sc-map-preview table { min-width:100%; margin-top:6px; border-collapse:collapse; }.sc-map-preview th,.sc-map-preview td { padding:6px 8px; border:1px solid #eee; white-space:nowrap; text-align:left; }.sc-map-preview th { background:#f6f7f7; }.sc-dataset-settings { max-width:1100px; margin:24px 0; padding:20px; border-radius:8px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.1); }.sc-type-list { display:grid; gap:8px; }.sc-type-list article { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #e2e4e7; border-radius:8px; }.sc-type-list article span { flex:1; color:#646970; }.sc-type-editor { margin-top:20px; padding-top:20px; border-top:1px solid #dcdcde; }.sc-field-edit,.sc-category-edit { display:grid; grid-template-columns:1.2fr .8fr auto auto 1.8fr; align-items:center; gap:8px; margin:8px 0; }.sc-category-edit { grid-template-columns:1fr 2fr; }.sc-field-edit label { white-space:nowrap; }.sc-field-edit input,.sc-category-edit input { min-height:32px; }.sc-type-editor h3 { margin:22px 0 8px; }