@import url('../flashcard-assets/style.css');
@import url('/select-controls.css');
.workspace{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.intro{max-width:65ch}.starter .inline{align-items:center}.starter select{min-width:0}.source-note,.hint{color:var(--muted);font-size:.94rem}.source-note{margin-top:1rem}.setup details{margin-top:1rem}.setup summary,.word-export summary{cursor:pointer}.selection-controls{display:flex;gap:1rem;align-items:end;justify-content:space-between}.selection-controls label{max-width:340px}.selection-controls select{margin-top:.3rem}.passage{font:400 1.15rem/2.1 var(--reading);padding:1rem;border:1px solid var(--rule);max-height:470px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.passage button{display:inline;min-height:0;border:0;border-radius:3px;padding:.17rem .12rem;font:inherit;line-height:inherit;white-space:normal;overflow-wrap:anywhere;background:transparent;cursor:pointer}.passage button:hover{background:#e9edef}.passage button[aria-pressed=true]{background:#e4efeb;color:#154b3e;box-shadow:inset 0 -2px #276354}.passage button.pending{outline:2px dashed var(--red)}.passage sup{font:600 .7rem var(--ui);margin-right:.15rem}.check{display:flex;gap:.7rem;align-items:center;font-weight:400;margin:1rem 0}.check input{width:20px;height:20px;min-height:20px;padding:0;margin:0;accent-color:var(--red)}.print-settings{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:1rem;margin-top:1rem}.print-settings input,.print-settings select{margin-top:.3rem}.word-export{margin-top:.7rem}.empty-preview,#loading{padding:2rem;background:var(--soft);color:var(--muted);text-align:center}.pdf-pages{max-height:760px;overflow:auto;background:var(--soft);border:1px solid var(--rule);padding:1rem;display:grid;gap:1rem;margin-top:.75rem}.pdf-pages img{width:100%;height:auto;display:block;box-shadow:0 1px 5px #0002}#report.error,#source-status.error{color:var(--red)}#report:empty{display:none}#gap-status{font-size:.95rem;color:var(--green)}.loading-ring{display:inline-block;width:2rem;height:2rem;border:3px solid var(--rule);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.actions{align-items:center}.passage button:focus-visible,summary:focus-visible{outline:3px solid #1261a0;outline-offset:2px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}@media(max-width:850px){.workspace{display:flex;flex-direction:column}.setup{padding-right:0;border-right:0}.result{padding-top:1.2rem;border-top:3px solid var(--ink)}.selection-controls{align-items:center}.pdf-pages{max-height:600px}}@media(max-width:430px){.selection-controls{flex-wrap:wrap}.selection-controls label{width:100%}.print-settings{grid-template-columns:1fr 110px}.passage{padding:.7rem}.passage button{padding:.25rem .15rem}.pdf-pages{padding:.4rem}.starter .inline{flex-wrap:wrap}}
/* Keep long sample names readable in the narrow setup column. */
.starter .inline{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem}.starter .inline button{justify-self:start}.starter .inline select{width:100%}

.more-options .print-settings{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Give each step and export action its own space; the empty state is guidance, not an input. */
.setup>h2,.result>h2{margin:0 0 1.1rem}
.selection-intro{margin:0 0 1.5rem;padding:0;background:none;color:var(--muted);max-width:58ch}
.selection-intro p{margin:0 0 .6rem}
.selection-intro a{display:inline-block;color:var(--ink);text-underline-offset:3px;padding:.25rem 0}
#source:focus{outline:3px solid #1261a0;outline-offset:3px}
#source-status:not(:empty){margin:.8rem 0;line-height:1.5}
.selection-controls{margin-bottom:.7rem}
#gap-status{margin:.65rem 0 1.2rem}
.result>.more-options{margin:1rem 0 1.25rem}
.result>.actions{margin:1.25rem 0 1rem;gap:.65rem}
.result>.word-export{margin:1rem 0}
.word-export>p{margin:.7rem 0;line-height:1.5}
.word-export>button{margin:.15rem 0 .5rem}
#report:not(:empty){margin:1rem 0;line-height:1.5}
#pdf-area{margin-top:1.25rem}
#page-count{margin:0 0 .5rem}