html.editor-ui-enabled /* Shared learning, html.editor-ui-enabled review and dictation input layout. */
.review-editor-item, html.editor-ui-enabled .dictation-workspace:not([hidden]) {
  box-sizing:border-box; min-width:0; padding:18px;
  border:1px solid #d3e0ea; border-radius:16px; background:#f7f9fb;
}html.editor-ui-enabled .review-editor-item {align-self:start;height:auto;}html.editor-ui-enabled .review-grid, html.editor-ui-enabled .vocabulary-audio-grid {align-items:start;}html.editor-ui-enabled .review-editor-prompt {display:flex;flex-direction:column;align-items:stretch;gap:12px;}html.editor-ui-enabled .review-editor-prompt .paid-review-audio, html.editor-ui-enabled .paid-review-audio, html.editor-ui-enabled .pronunciation-actions, html.editor-ui-enabled .dictation-audio, html.editor-ui-enabled .dictation-input-toolbar, html.editor-ui-enabled .input-tool-actions {display:flex;flex-wrap:wrap;align-items:center;gap:6px;}html.editor-ui-enabled .paid-review-audio .pronunciation-actions {display:contents;}html.editor-ui-enabled .input-tool-actions > button, html.editor-ui-enabled .paid-review-audio button, html.editor-ui-enabled .dictation-audio > button, html.editor-ui-enabled .dictation-input-toolbar > button {width:auto;min-height:34px;padding:6px 9px;font-size:13px;line-height:1.2;flex:0 0 auto;}html.editor-ui-enabled .liaison-input-help {margin:8px 0 10px;color:#526779;font-size:13px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}html.editor-ui-enabled .virtual-keyboard, html.editor-ui-enabled .custom-keyboard {
  box-sizing:border-box;width:100%;max-width:650px;margin:10px auto 0;padding:12px;
  border:1px solid #bfd0dc;border-radius:14px;background:#eef5f8;
}html.editor-ui-enabled .virtual-keyboard[hidden], html.editor-ui-enabled .custom-keyboard[hidden] {display:none!important;}html.editor-ui-enabled .alphabet-keyboard {display:grid;gap:6px;}html.editor-ui-enabled .virtual-keyboard .keyboard-row, html.editor-ui-enabled .custom-keyboard .custom-keyboard-row {
  display:grid;gap:5px;margin:0 auto 6px;max-width:100%;
}html.editor-ui-enabled .keyboard-row-10, html.editor-ui-enabled .custom-keyboard-row-10 {width:100%;grid-template-columns:repeat(10,minmax(0,1fr));}html.editor-ui-enabled .keyboard-row-9, html.editor-ui-enabled .custom-keyboard-row-9 {width:90%;grid-template-columns:repeat(9,minmax(0,1fr));}html.editor-ui-enabled .virtual-keyboard .keyboard-last-row {width:80%;grid-template-columns:repeat(8,minmax(0,1fr));}html.editor-ui-enabled .custom-keyboard .keyboard-last-row {width:80%;grid-template-columns:repeat(8,minmax(0,1fr));}html.editor-ui-enabled .virtual-keyboard .input-key, html.editor-ui-enabled .custom-keyboard .custom-key {
  box-sizing:border-box;width:100%;min-width:0;min-height:38px;padding:5px 2px;
  border:1px solid #c9d6df;border-radius:9px;background:#fff;color:#173f5f;
  font-family:Georgia,serif;font-size:18px;font-weight:700;touch-action:manipulation;
}html.editor-ui-enabled .virtual-keyboard .keyboard-controls, html.editor-ui-enabled .custom-keyboard .custom-keyboard-controls {
  display:grid;width:100%;grid-template-columns:1.3fr 1.6fr .7fr .9fr;gap:5px;margin:4px 0 0;
}html.editor-ui-enabled .virtual-keyboard .keyboard-controls .input-key, html.editor-ui-enabled .custom-keyboard-controls .custom-key {font-family:inherit;font-size:13px;}html.editor-ui-enabled .custom-keyboard .custom-keyboard-controls {grid-template-columns:1.3fr 1.6fr .7fr .9fr;}html.editor-ui-enabled .virtual-keyboard .special-keyboard, html.editor-ui-enabled .custom-keyboard .custom-special-keys {
  padding:9px;background:#f9fafb;border:1px solid #e0e5e8;border-radius:11px;margin-top:7px;
}html.editor-ui-enabled .virtual-keyboard .special-keyboard, html.editor-ui-enabled .custom-keyboard .custom-keyboard-accents {
  display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;width:100%;
}html.editor-ui-enabled .virtual-keyboard .special-keyboard[hidden], html.editor-ui-enabled .custom-keyboard .custom-special-keys[hidden] {display:none!important;}html.editor-ui-enabled .virtual-keyboard .special-keyboard .input-key, html.editor-ui-enabled .custom-keyboard-accents .custom-key {
  flex:0 0 32px;width:32px;min-height:32px;padding:3px 1px;font-size:15px;
  color:#8e2828;background:#fffafa;border-color:#e4c3c3;
}html.editor-ui-enabled .virtual-keyboard button:hover, html.editor-ui-enabled .custom-keyboard button:hover {background:#e3eef6;}html.editor-ui-enabled .virtual-keyboard button:active, html.editor-ui-enabled .custom-keyboard button:active {background:#cadfec;}html.editor-ui-enabled .virtual-keyboard button:focus-visible, html.editor-ui-enabled .custom-keyboard button:focus-visible {outline:2px solid #246b9d;outline-offset:2px;}html.editor-ui-enabled .review-tool {box-sizing:border-box;min-width:0;padding:18px;border:1px solid #d3e0ea;border-radius:16px;background:#f7f9fb;align-self:start;}html.editor-ui-enabled .review-tool .review-actions {display:flex;flex-wrap:wrap;align-items:center;gap:6px;}html.editor-ui-enabled .review-tool .review-actions button {width:auto;min-height:34px;padding:6px 9px;font-size:13px;line-height:1.2;flex:0 0 auto;}html.editor-ui-enabled .review-keys {box-sizing:border-box;width:100%;max-width:650px;margin:10px auto 0;padding:12px;border:1px solid #bfd0dc;border-radius:14px;background:#eef5f8;}html.editor-ui-enabled .review-keys[hidden] {display:none!important;}html.editor-ui-enabled .review-keys>.keyboard-row {display:grid;gap:5px;margin:0 auto 6px;max-width:100%;}html.editor-ui-enabled .review-keys>.keyboard-row-10 {width:100%;grid-template-columns:repeat(10,minmax(0,1fr));}html.editor-ui-enabled .review-keys>.keyboard-row-9 {width:90%;grid-template-columns:repeat(9,minmax(0,1fr));}html.editor-ui-enabled .review-keys>.keyboard-last-row {width:80%;grid-template-columns:repeat(8,minmax(0,1fr));}html.editor-ui-enabled .review-keys>.keyboard-row-controls {width:100%;grid-template-columns:1.3fr 1.6fr .7fr .9fr;}html.editor-ui-enabled .review-keys button {box-sizing:border-box;width:100%;min-width:0;min-height:38px;padding:5px 2px;border:1px solid #c9d6df;border-radius:9px;background:#fff;color:#173f5f;font:700 18px Georgia,serif;touch-action:manipulation;}html.editor-ui-enabled .review-keys>.keyboard-row-controls button {font-family:inherit;font-size:13px;}html.editor-ui-enabled .review-keys>.review-accents {display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;padding:9px;background:#f9fafb;border:1px solid #e0e5e8;border-radius:11px;margin:7px 0 0;}html.editor-ui-enabled .review-keys>.review-accents button {flex:0 0 32px;width:32px;min-height:32px;padding:3px 1px;font-size:15px;color:#8e2828;background:#fffafa;border-color:#e4c3c3;}html.editor-ui-enabled .review-keys button:hover {background:#e3eef6;}html.editor-ui-enabled .review-keys button:active {background:#cadfec;}html.editor-ui-enabled .review-keys button:focus-visible {outline:2px solid #246b9d;outline-offset:2px;}html.editor-ui-enabled .custom-keyboard {transform:none;}html.editor-ui-enabled .dictation-actions {display:flex;flex-wrap:wrap;gap:6px;}html.editor-ui-enabled .dictation-actions button {min-height:34px;padding:6px 9px;font-size:13px;}
@media(max-width:600px) {html.editor-ui-enabled .review-editor-item, html.editor-ui-enabled .dictation-workspace:not([hidden]) {padding:14px 11px;}html.editor-ui-enabled .answer-input-tools > .virtual-keyboard, html.editor-ui-enabled .custom-keyboard {width:100%;max-width:100%;margin-left:0;padding:8px 5px;border:1px solid #bfd0dc;border-radius:12px;}html.editor-ui-enabled .virtual-keyboard .input-key, html.editor-ui-enabled .custom-keyboard .custom-key {min-height:38px;font-size:16px;}html.editor-ui-enabled .virtual-keyboard .keyboard-row, html.editor-ui-enabled .custom-keyboard .custom-keyboard-row {gap:3px;}html.editor-ui-enabled .virtual-keyboard .special-keyboard .input-key, html.editor-ui-enabled .custom-keyboard-accents .custom-key {flex-basis:30px;width:30px;min-height:32px;font-size:14px;}html.editor-ui-enabled .review-tool {padding:14px 11px;}html.editor-ui-enabled .review-keys {padding:8px 5px;}html.editor-ui-enabled .review-keys>.keyboard-row {gap:3px;}html.editor-ui-enabled .review-keys button {font-size:16px;}html.editor-ui-enabled .review-keys>.review-accents button {flex-basis:30px;width:30px;min-height:32px;font-size:14px;}
}

html.editor-ui-enabled .custom-keyboard .keyboard-accent-toggle {font-size:13px;min-height:38px;padding:5px 2px;border:1px solid #c9d6df;border-radius:9px;background:#fff;color:#173f5f;}
html.editor-ui-enabled .keyboard-cursor-controls {display:flex;gap:5px;justify-content:flex-end;}
html.editor-ui-enabled .keyboard-cursor-controls .custom-key {width:32px;min-height:28px;font-size:14px;}