.sentence-studio{--ink:#214c46;--line:#83aaa1;--green:#176b51;--berry:#9d3551;color:var(--ink)}.sentence-studio [hidden]{display:none!important}.sentence-status,.sentence-actions,.sentence-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sentence-status{padding:16px 0;border-block:1px solid var(--line)}.sentence-status>span{margin-left:auto}.sentence-cover{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;background:#e1f1ed;margin:18px 0}.sentence-studio h2{font-size:25px;letter-spacing:0}.sentence-studio h3{font-size:18px}.sentence-studio p{line-height:1.65;overflow-wrap:anywhere}.sentence-studio button{font:inherit;min-height:44px;max-width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);cursor:pointer;white-space:normal;overflow-wrap:anywhere}.sentence-studio button:disabled{opacity:.5;cursor:default}.sentence-studio button.primary-action{background:var(--green);color:#fff;border-color:var(--green)}.sentence-studio :focus-visible{outline:3px solid #a33d17;outline-offset:3px}.sentence-teach{border-left:4px solid var(--green);padding:10px 16px;background:#edf7f2}.sentence-scene{margin:20px 0;background:#e6f2ee}.sentence-scene svg{display:block;width:100%;max-height:160px}.sentence-scene figcaption{padding:8px 16px;font-weight:600}.sentence-tiles{display:flex;flex-wrap:wrap;gap:10px;min-height:62px;align-content:flex-start}.sentence-bank{padding:10px 0}.sentence-tray{border-block:2px dashed var(--line);padding:16px 0;min-height:92px}.sentence-tray button{background:#fff0b2;box-shadow:0 3px 0 #bd9e3c}.sentence-tray button[aria-pressed=true]{outline:3px solid var(--berry);outline-offset:2px}.sentence-tools{margin:20px 0}.sentence-tools>button{width:46px;height:46px;padding:10px}.sentence-tools svg{display:block}.sentence-arrow{transform:rotate(-90deg)}.sentence-tools>label{display:flex;align-items:center;gap:8px;min-height:44px}.sentence-tools input{accent-color:var(--green);width:20px;height:20px}.sentence-tools fieldset{display:flex;gap:8px;min-width:0;border:0;padding:0;margin:0 0 0 auto}.sentence-tools legend{font-size:14px}.sentence-tools fieldset label{display:flex;align-items:center;gap:5px;min-width:56px;min-height:46px;padding:4px 8px;border:1px solid var(--line);border-radius:4px}.sentence-tools fieldset span{font-size:25px;font-weight:700}.sentence-preview{font-size:24px;min-height:96px;padding:16px;background:#fff;border-bottom:3px solid var(--green);margin:20px 0;line-height:1.6}.sentence-actions{margin-top:16px}#sentence-feedback{min-height:54px;font-weight:600}#sentence-feedback[data-error=true]{color:#a4233c}#sentence-finished>a{display:inline-block;margin:0 18px 16px 0}#sentence-hint-text{background:#fff1cb;padding:12px 16px}#sentence-art .sentence-spark{opacity:0}#sentence-art[data-done=true] .sentence-spark{opacity:1}@media(prefers-reduced-motion:no-preference){#sentence-art[data-done=true] .sentence-spark{animation:sentence-check .45s ease-out both}@keyframes sentence-check{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}}@media(max-width:600px){.sentence-status>span{margin-left:0}.sentence-tools fieldset{margin-left:0}.sentence-preview{font-size:21px}.sentence-studio h2{font-size:23px}.sentence-scene figcaption{padding:10px}.sentence-tiles{gap:10px}.sentence-cover{max-height:none}}
.sentence-studio .adventure-stop{padding:0;width:48px;min-width:48px;flex:0 0 48px}
.sentence-studio .adventure-stop.is-collected span{bottom:1px;right:1px}