.study-import-dialog { box-sizing: border-box; width: min(960px, calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); padding: 0; border: 1px solid var(--leila-line); border-radius: 24px; color: var(--leila-carbon); background: var(--leila-surface, #fff); font: inherit; overflow: hidden; box-shadow: 0 18px 48px rgb(29 29 31 / 16%); }
.study-import-dialog[open] { display: flex; flex-direction: column; }
.study-import-dialog::backdrop { background: var(--leila-dialog-backdrop, rgb(17 20 24 / .48)); }
.study-import-dialog > header, .study-import-dialog > footer { flex: 0 0 auto; padding: 24px 28px; }
.study-import-dialog > header { border-bottom: 1px solid var(--leila-line); }
.study-import-dialog h2 { font-size: 1.5rem; font-weight: 700; letter-spacing: -.025em; margin: 0 0 8px; }
.study-import-dialog header p, .study-import-dialog h4 { margin: 0; }
.study-import-dialog header p, .study-import-status { color: var(--leila-ink-soft); }
.study-import-scroll { overflow: auto; min-height: 0; padding: 24px 28px; overscroll-behavior: contain; }
.study-import-templates, .study-import-dialog > footer { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.study-import-templates { margin-bottom: 24px; }
.study-import-templates a { min-height: 44px; padding: 10px 8px; display: inline-flex; align-items: center; color: var(--leila-green-ink); text-underline-offset: .2em; }
.study-import-templates a:hover { color: var(--leila-carbon); text-decoration-thickness: 2px; }
.study-import-settings { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.study-import-settings > :is(:first-child,details,.study-import-check) { grid-column: 1/-1; }
.study-import-configuration { margin-block: 24px; }
.study-import-configuration > summary, .study-import-policy-help > summary { min-height: 44px; box-sizing: border-box; padding-block: 10px; cursor: pointer; }
.study-import-configuration[open] > summary { margin-bottom: 12px; }
.study-import-pages { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-block: 16px; }
.study-import-pages button { min-width: 44px; min-height: 44px; max-width: 100%; overflow-wrap: anywhere; }
.study-import-pages span { flex: 1 1 180px; font-variant-numeric: tabular-nums; }
.study-import-diagnostics li { overflow-wrap: anywhere; }
.study-import-diagnostics summary { min-height: 44px; padding-block: 10px; cursor: pointer; }
.study-import-review > section > label { display: block; margin-block: 16px 8px; }
.study-import-review select { max-width: 100%; min-height: 44px; font: inherit; color: inherit; background: var(--leila-surface, #fff); border: 1px solid var(--leila-control-line); border-radius: var(--leila-radius-control, 10px); padding: 8px 12px; }
.study-import-field { display: grid; gap: 8px; min-width: 0; }
.study-import-field[hidden] { display: none; }
.study-import-field input, .study-import-field select { box-sizing: border-box; min-height: 48px; min-width: 0; width: 100%; border: 1px solid var(--leila-control-line); border-radius: 12px; padding: 10px 12px; background: #f7f7f9; color: inherit; font: inherit; }
.study-import-field input[type=file] { overflow-wrap: anywhere; padding: 8px; }
.study-import-field input[type=file]::file-selector-button { min-height: 44px; margin-right: 12px; border: 1px solid var(--leila-control-line); border-radius: 10px; padding: 8px 14px; color: inherit; background: #fff; font: inherit; cursor: pointer; }
.study-import-check { display: flex; align-items: center; gap: 12px; min-height: 44px; }
.study-import-check input { flex: 0 0 auto; width: 20px; height: 20px; min-height: 20px; padding: 0; margin: 0; }
.study-import-status:empty { display: none; }
.study-import-status { margin: 24px 0 0; }
.study-import-review { overflow-wrap: anywhere; }
.study-import-review:empty { display: none; }
.study-import-review h5 { font-size: .875rem; }
.study-import-review h3 { margin: 24px 0 16px; font-size: 1.125rem; }
.study-import-counts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin: 0 0 24px; padding: 18px 0; border-block: 1px solid var(--leila-line); }
.study-import-counts dt { font-size: .8125rem; line-height: 1.5; }
.study-import-counts dd { margin: 8px 0 0; font-size: 1.75rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.study-import-changes { list-style: none; margin: 24px 0 0; padding: 0; }
.study-import-changes > li { padding: 20px; border: 1px solid var(--leila-line); border-radius: 16px; margin-bottom: 12px; }
.study-import-changes > li[data-study-import-change="added"] { background: #f3faf6; }
.study-import-changes > li[data-study-import-change="replaced"] { background: #fff8ed; }
.study-import-changes > li[data-study-import-change="skipped"] { background: #f7f7f9; }
.study-import-changes > li[data-study-import-change="conflict"] { background: #fff3f2; }
.study-import-diff { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: 16px; margin-top: 12px; }
.study-import-diff > section { min-width: 0; padding: 16px; border-radius: 12px; background: #fff; border: 1px solid var(--leila-line); }
.study-import-diff h5 { margin: 0 0 12px; color: #45454b; font-weight: 600; }
.study-import-question > p:first-child { margin-top: 0; font-weight: 600; }
.study-import-question-settings { margin-top: 12px; border-top: 1px solid var(--leila-line); }
.study-import-changes > li > p { color: var(--leila-ink-soft); margin: 0 0 8px; }
.study-import-changes summary { cursor: pointer; min-height: 44px; padding: 10px 0; box-sizing: border-box; }
.study-import-question dl > div { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 6px 0; }
.study-import-question dd { margin: 0; }
.study-import-dialog > footer { justify-content: flex-end; border-top: 1px solid var(--leila-line); }
.study-import-dialog > footer button { min-width: 44px; min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.study-import-dialog :focus-visible { outline: 2px solid var(--leila-green-ink); outline-offset: 3px; }
@media (max-width: 560px) { .study-import-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } .study-import-dialog > header, .study-import-dialog > footer, .study-import-scroll { padding: 16px; } .study-import-dialog > footer > button { flex: 1 1 120px; } .study-import-settings { grid-template-columns: minmax(0,1fr); } .study-import-counts { grid-template-columns: repeat(2,minmax(0,1fr)); } .study-import-changes > li { padding: 16px; } }
@media (max-height: 620px) { .study-import-dialog[open] { display: block; overflow: auto; overscroll-behavior: contain; } .study-import-scroll { overflow: visible; } }
@media (prefers-reduced-motion: no-preference) { .study-import-dialog[open] { animation: study-import-arrive 160ms ease-out; } @keyframes study-import-arrive { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } }
@media (forced-colors: active) { .study-import-dialog, .study-import-field input, .study-import-field select { border-color: CanvasText; } }