.spelling-controls {display:grid; gap:12px; margin-top:16px;}
.spelling-controls button {min-height:44px; white-space:normal;}
.spelling-check {display:flex; gap:12px; align-items:center; padding:14px; border:2px solid #46837a; border-radius:12px; cursor:pointer;}
.spelling-check input {width:22px; height:22px; flex-shrink:0;}
.spelling-pair {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:12px;}
.spelling-pair select {width:100%; min-width:0;}
.spelling-builder,.spelling-answer {display:flex; flex-wrap:wrap; gap:10px;}
.spelling-answer {min-height:72px; padding:14px; border:3px dashed #386c64; border-radius:16px; background:#f1fff6; align-items:center;}
.spelling-chip {font:inherit; font-weight:700; color:#243044; border:2px solid #386c64; border-radius:12px; padding:10px 14px; background:#fff;}
.spelling-answer .spelling-chip {background:#fff1c8;}
.spelling-controls button:disabled {cursor:default;}
.spelling-builder button:disabled {opacity:.45;}
#spellingInput {font:inherit; width:100%; max-width:34rem; padding:12px; border:2px solid #386c64; border-radius:12px;}
#spellingHelp {margin:12px 0; padding:12px; border:1px solid #619c92; border-radius:12px; line-height:1.5;}
#spellingHelp summary {cursor:pointer; font-weight:700;}
#spellingHelp dt {font-weight:700; margin-top:8px;}
#spellingHelp dd {margin-left:0;}
.spelling-controls :is(button,input,select):focus-visible,#spellingHelp summary:focus-visible {outline:3px solid #154e88; outline-offset:3px;}
@media(max-width:560px){.spelling-pair {grid-template-columns:1fr;}.spelling-controls .option-btn {font-size:1rem;}}