/* === SECTION: development-task-import === */
.development-task-import { width: min(46rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; padding: 1.5rem; border: 1px solid var(--rule); border-radius: 10px; background: var(--paper); color: var(--ink); font: 14px/1.5 var(--sans, system-ui); overflow: auto; }
.development-task-import::backdrop { background: rgb(0 0 0 / 55%); }
.development-task-import h2 { margin: 0 0 1rem; font: 24px/1.2 var(--serif, Georgia); }
.development-task-import p { max-width: 70ch; margin: 1rem 0; overflow-wrap: anywhere; }
.development-task-import label { display: grid; gap: .5rem; margin-block: 1.5rem; }
.development-task-import input { max-width: 100%; color: inherit; font: inherit; }
.development-task-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 45dvh; overflow: auto; padding: 1rem; border: 1px solid var(--rule); font: 13px/1.6 var(--mono, monospace); }
.development-task-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; margin-top: 1.5rem; }
.development-task-actions button { min-height: 44px; }
.development-task-import :focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }