@import url('../flashcard-assets/style.css');
.workspace{grid-template-columns:minmax(330px,455px) minmax(0,1fr)}
.format-help{margin:.65rem 0;font-size:.94rem}.format-help summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.format-help p{margin:.5rem 0}.format-help li{margin:.65rem 0}.format-help[open]{padding-bottom:.4rem}
.selection{margin:.7rem 0}.selection .actions{gap:1rem}.sentence-row{padding:.75rem 0;border-bottom:1px solid var(--rule)}.sentence-row .sentence-label{display:flex;gap:.65rem;align-items:start;font-weight:400;font-size:1rem}.sentence-label span{overflow-wrap:anywhere}.sentence-row .actions{margin:.25rem 0 0 1.95rem}.sentence-row button{font-size:.9rem;min-height:36px;padding:.35rem .55rem}.sentence-label input[type=checkbox],.check input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:none;accent-color:var(--red);margin:.2rem 0 0;padding:0}.check{display:flex;gap:.7rem;margin:.7rem 0;font-weight:400}.more-options .hint{margin:.5rem 0 .8rem}.more-options label select{margin-top:.35rem}
.layout-report{background:var(--soft);border-left:3px solid var(--green);padding:.75rem 1rem;margin:.8rem 0 1.2rem}.layout-report.error{border-color:var(--red);color:var(--red)}
.worksheet-preview{padding-left:1.5rem;counter-reset:row;margin:1rem 0}.worksheet-preview>li{padding:.6rem 0 1rem;break-inside:avoid}.tokens{display:flex;flex-wrap:wrap;gap:.35rem}.token{background:#f4f5f6;border:1px solid #dadde0;padding:.2rem .5rem;font-size:1.05rem;overflow-wrap:anywhere}.answer-space{border-bottom:1px solid #c7cbd0;margin-top:1.7rem;min-height:.3rem}.first-hint{margin:.6rem 0 -.8rem;font-weight:600}.shuffle-one{margin-top:.55rem;font-size:.9rem}.teacher-note{color:var(--muted);font-size:.9rem}.pdf-area iframe{height:680px}#edit-error{color:var(--red)}
@media(max-width:900px){.workspace{grid-template-columns:minmax(285px,365px) minmax(0,1fr)}}
@media(max-width:710px){.workspace{display:flex}.starter .inline{flex-wrap:wrap}.starter .inline select{flex:1 1 200px}.pdf-area iframe{height:480px}}
.intro{max-width:65ch}.group-choice{margin:.1rem 0 .7rem;font-size:.94rem}.setup #group-help{margin:0 0 .8rem}.list-panel{border-block:1px solid var(--rule);padding:.85rem 0}.list-panel>summary{cursor:pointer;font-weight:600}.list-panel summary .hint{display:block;margin:.2rem 0 0 1rem;font-weight:400}.csv-panel{padding:.3rem 0}.save-note{font-size:.85rem}.print-settings{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:.85rem}.print-settings input,.print-settings select{margin-top:.3rem}.result-heading h2{font-size:1.55rem;margin:0}.word-export{margin:.6rem 0}.word-export button{margin:.4rem 0}.pdf-area{margin-top:1rem;border-top:0;padding-top:0}.pdf-fallback{font-size:.9rem;margin:.25rem 0 .8rem}.word-order-review{margin-top:1.2rem}.word-order-review>summary .hint{font-weight:400}.word-order-review>p{margin:.8rem 0}.word-order-review .worksheet-preview{max-height:520px;overflow:auto;padding-right:.5rem}summary:focus-visible{outline:3px solid #1261a0;outline-offset:3px}
@media(max-width:450px){.print-settings{grid-template-columns:minmax(0,1fr) 125px}.preview-bar{display:block}.preview-bar .hint{margin-top:.3rem}.export-actions{align-items:stretch}.export-actions button{flex:1 1 100%}}
.pdf-pages{max-height:680px;overflow:auto;background:var(--soft);border:1px solid var(--rule);padding:1rem;display:grid;gap:1rem}.pdf-pages img{display:block;width:100%;height:auto;box-shadow:0 1px 5px #0002}.pdf-pages:focus-visible{outline:3px solid #1261a0;outline-offset:3px}
@media(max-width:710px){.pdf-pages{max-height:480px;padding:.5rem}}

.pdf-loading{height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--soft);border:1px solid var(--rule);color:var(--muted)}.loading-ring{width:2rem;height:2rem;border:3px solid var(--rule);border-top-color:var(--red);border-radius:50%;animation:pdf-loading-spin .8s linear infinite}.word-order-review[aria-busy="true"]{visibility:hidden}.pdf-fallback{min-height:1.4em}.pdf-area[aria-busy="true"] .pdf-fallback{visibility:hidden}.pdf-area[aria-busy="true"] .preview-bar{min-height:1.8rem}@keyframes pdf-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}@media(max-width:710px){.pdf-loading{height:480px}}

.pdf-area[aria-busy="true"] #pdf-status{visibility:hidden}