@import url('../flashcard-assets/style.css');
.workspace{grid-template-columns:minmax(340px,500px) minmax(0,1fr)}
.setup{padding-right:1.5rem}.rows{max-height:640px;border-top:1px solid var(--rule);margin-top:.5rem}
.row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:.65rem;align-items:start;padding:.85rem .1rem}
.row input[type=checkbox]{width:20px;min-height:20px;margin:.7rem 0 0;accent-color:var(--red)}
.row-fields{display:grid;grid-template-columns:minmax(95px,1fr) minmax(0,1.6fr);gap:.5rem}.row-fields label{font-size:.8rem;color:var(--muted)}.row-fields input,.row-fields textarea{margin-top:.2rem;font-size:.95rem;font-weight:400;color:var(--ink)}.row-fields textarea{min-height:54px}.row .remove{margin-top:1.2rem}
.layout-report{border-left:3px solid var(--red);background:var(--soft);padding:.75rem .9rem;margin:1.2rem 0;font-size:1rem}.layout-report.error{color:#8d2723}.layout-report.good{border-color:var(--green)}
.format-help{margin:.75rem 0;color:var(--muted);font-size:.9rem}.format-help summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.format-help p{margin:.5rem 0;line-height:1.45}
.mode-picker{margin:1rem 0}.mode-picker .radio{margin:0}.mode-picker small{display:block}
#puzzle-area{margin-top:1.3rem;border-top:1px solid var(--rule);padding-top:1.2rem}.word-grid{display:grid;margin:1rem auto 1.3rem;width:min(100%,590px);border:1px solid #777;aspect-ratio:1;background:#fff}.word-grid span{display:flex;align-items:center;justify-content:center;font:600 clamp(.6rem,1.15vw,1rem)/1 var(--ui);min-width:0}.list-preview{border-top:1px solid var(--rule);padding-top:.8rem;font-size:.95rem}.list-preview h4{margin:0 0 .45rem}.list-preview ol{columns:2;column-gap:1.8rem;margin:.3rem 0;padding-left:1.4rem}.list-preview li{break-inside:avoid;margin:.15rem 0 .4rem;overflow-wrap:anywhere}
#pdf-controls{border-top:1px solid var(--rule);padding-top:1.2rem;margin-top:1.4rem}#pdf-controls .option-grid{max-width:220px;margin:.1rem 0 1rem}#selected-count{margin:.5rem 0}.row input[aria-invalid=true],.row textarea[aria-invalid=true]{border-color:var(--red)}#add-error{color:var(--red);min-height:1.3em}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(320px,440px) minmax(0,1fr)}.row-fields{grid-template-columns:1fr}}
@media(max-width:710px){.workspace{display:flex}.setup{padding-right:0}.word-grid span{font-size:clamp(.55rem,2.3vw,.85rem)}.row-fields{grid-template-columns:1fr 1.2fr}.list-preview ol{columns:1}}
@media(max-width:450px){.row-fields{grid-template-columns:1fr}.row{grid-template-columns:22px minmax(0,1fr) auto}}