.auto-review-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0;font-size:12px;color:#7c897b;line-height:1.8}
.auto-review-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#edf2e6;color:#788b65}
.auto-review-running,.auto-review-queued{background:#edf4ef;color:#588271}
.auto-review-running:before{content:'';width:6px;height:6px;background:#79a78e;border-radius:50%;margin-right:7px;animation:auto-review-pulse 1.6s ease-in-out infinite}
.auto-review-failed,.auto-review-blocked{background:#fcf2dd;color:#a2854e}
.auto-review-cancelled{background:#f0f1ec;color:#a0a596}
.auto-review-status button{font-size:11px;padding:7px 12px;min-height:36px}
.auto-review-result{margin:16px 0;padding:20px;border:1px solid #e4ece0;border-radius:16px;background:#f9fcf7;color:#425943;line-height:1.8;overflow-wrap:anywhere}
.auto-review-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auto-review-result-heading>strong{font-size:14px}
.auto-review-result-heading>span{font-size:16px;font-weight:600;color:#72905b}
.auto-review-result>p{font-size:13px;color:#76846e;margin:12px 0}
.auto-review-result>small{display:block;font-size:10px;color:#99a38c;margin-top:16px}
.auto-review-counts{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;margin:14px 0}
.auto-review-counts span{background:#fff;border:1px solid #e9eddf;border-radius:10px;padding:6px 10px;color:#819371}
.auto-review-counts b{color:#566d45;font-size:13px;padding-left:5px}
.auto-review-questions>summary{cursor:pointer;font-size:12px;padding:8px 0;color:#6a845a}
.auto-question{background:#fff;border:1px solid #e8eee2;border-left:3px solid #a8c28d;padding:15px;margin-top:12px;border-radius:11px}
.auto-question-incorrect{border-left-color:#d6a393;background:#fffcfa}
.auto-question-uncertain{border-left-color:#d8c18b;background:#fffdf6}
.auto-question header{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1.7}
.auto-question header>strong{font-size:12px;color:#52634a}
.auto-question header>span{font-size:10px;color:#8a9878}
.auto-question p{font-size:12px;margin:9px 0 0;color:#77806f;white-space:pre-wrap}
.auto-question p>b{font-weight:500;color:#52634a}
.auto-question .auto-question-explanation{border-top:1px solid #eff0e8;padding-top:9px;color:#99836c}
.auto-question:focus{outline:2px solid #c94b4b;outline-offset:3px}
.auto-pen{margin:18px 0}
.auto-pen>header{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.auto-pen>header strong{font-size:13px;color:#8a3d3d}
.auto-pen>header small,.auto-pen-unlocated{font-size:11px;color:#8c796a;line-height:1.8}
.auto-pen-page{margin:12px 0;border:1px solid #ecdcd5;border-radius:12px;overflow:hidden;background:#fff}
.auto-pen-page figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#fff8f3;font-size:11px}
.auto-pen-page figcaption>div{display:flex;gap:7px}
.auto-pen-page figcaption button{font:inherit;min-height:36px;padding:5px 9px;border:1px solid #e6cfc7;border-radius:7px;background:#fff;color:#98554c;cursor:pointer}
.auto-pen-scroll{overflow:auto;max-height:75vh;overscroll-behavior:contain}
.auto-pen-canvas{position:relative;width:100%;line-height:0}
.auto-pen-canvas>img{display:block;width:100%;height:auto;max-height:none;max-width:none;object-fit:initial;border-radius:0;margin:0}
.auto-pen-page[data-zoom="2"] .auto-pen-canvas{width:200%}
.auto-pen-marks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.auto-pen-page[data-original="true"] .auto-pen-marks{visibility:hidden}
.auto-pen-mark{position:absolute;display:block;width:8%;max-width:40px;height:auto;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;color:#cf2337;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;filter:drop-shadow(0 1px 1px #fff);line-height:1}
.auto-pen-mark svg{display:block;width:100%;height:auto}
.auto-pen-mark:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}
.auto-pen-mark:focus-visible{outline:2px solid #be2033;outline-offset:3px;background:#fff9}
.auto-dictation-history{margin-top:24px}
.auto-dictation-history>article{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #eef1e7}
.auto-dictation-history>article>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.auto-dictation-history strong{font-size:13px;overflow-wrap:anywhere}
.auto-dictation-history small{font-size:11px;color:#98a287}
.auto-dictation-history .button{font-size:11px;min-height:38px;padding:9px 12px}
.auto-dictation-order{font-size:12px;color:#7c8773;line-height:2;max-height:240px;overflow:auto}
@keyframes auto-review-pulse{50%{opacity:.35}}
@media(max-width:650px){.auto-review-result{padding:15px}.auto-review-status{font-size:11px}.auto-question header{align-items:flex-start;flex-direction:column;gap:3px}.auto-dictation-history>article{flex-wrap:wrap;gap:9px}.auto-dictation-history>article>div{flex-basis:100%}.auto-review-result-heading>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.auto-review-running:before{animation:none}}