/* Web authoring: create, upload, and annotate without leaving the workbench. */
.optimization-state{color:#5147e5;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:750}.cloud-ocr{margin-top:14px;padding:12px;border:1px solid #ded9f5;border-radius:9px;background:#f7f5ff;color:#5147e5}.cloud-ocr small{font-size:10px;font-weight:800;letter-spacing:.4px}.cloud-ocr p{max-height:148px;overflow:auto;margin:7px 0 9px;color:#585166;font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.65;white-space:pre-wrap}
.header-controls{display:flex;align-items:flex-start;justify-content:flex-end;gap:11px;min-width:0;flex:0 1 400px}.desk-header>div:first-child{min-width:0}.header-controls .global-search{width:min(250px,100%)}.compact-primary{min-height:42px;padding:0 17px;font-size:13px;white-space:nowrap}.primary:disabled,.upload-trigger:disabled{cursor:wait;opacity:.64}.empty-hero .primary{margin-top:12px;padding:0 19px}.new-session-panel h3{margin-top:10px!important;font-size:29px!important;line-height:1.17}.new-session-panel>.muted{margin-bottom:25px!important;font-size:13px!important}.new-session-panel form{display:grid;gap:17px}.new-session-panel label{display:grid;gap:7px;color:#403b46;font-size:12px;font-weight:750}.new-session-panel input[type=text],.new-session-panel input:not([type]),.new-session-panel textarea{width:100%;border:1px solid #dfd9d0;border-radius:9px;outline:0;background:#fffefa;color:var(--ink);padding:11px 12px;font:inherit;font-size:13px;line-height:1.55;resize:vertical}.new-session-panel input:focus,.new-session-panel textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #5147e518}.new-session-panel fieldset{display:flex;gap:8px;margin:0;padding:0;border:0}.new-session-panel legend{margin-bottom:8px;color:#403b46;font-size:12px;font-weight:750}.new-session-panel .choice{display:flex;align-items:center;gap:6px;flex:1;padding:11px 10px;border:1px solid #ded8cf;border-radius:9px;background:#fffefa;color:#5f5965;font-size:12px;font-weight:650}.new-session-panel .choice:has(input:checked){border-color:#5147e5;background:#f2f1ff;color:#5147e5}.new-session-panel .choice input{accent-color:#5147e5}.new-session-panel small{color:#8b8491;font-weight:500}.new-session-panel .panel-cancel{margin-top:18px}.session-actions{display:flex;gap:9px;align-items:center}.upload-trigger{height:39px;padding:0 12px;border:1px solid #ded8cf;border-radius:9px;background:#fffefa;color:#5147e5;font-size:12px;font-weight:750}.status-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#f2994a}.status-dot.ended{background:#9b96a1}.status-dot.pending{background:#5147e5}.session-meta span:last-child{color:#5147e5}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.add-page-thumb{display:grid;gap:3px;place-items:center;min-height:83px;padding:7px;border:1px dashed #9a94f3;border-radius:8px;background:#f4f3ff;color:#5147e5;font-size:10px;text-align:center}.add-page-thumb b{font-size:20px;font-weight:400}.page-kicker{margin:0 0 10px;color:#6c6672;font-family:Georgia,"Songti SC",serif;font-size:16px}.editing-copy{grid-template-columns:1fr 1fr}.editing-copy textarea{width:100%;min-height:172px;border:1px solid #e4dfd7;border-radius:8px;outline:0;background:#fffefa;color:#4e4953;font:inherit;font-size:13px;line-height:1.75;resize:vertical}.editing-copy textarea:focus{border-color:#5147e5;box-shadow:0 0 0 3px #5147e516}.reflection-copy h3 small{margin-left:5px;color:#c47a9b;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600}.reflection-copy textarea{border-color:#ecc8d8;background:#fffdfd;color:#5c4852}.reflection-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#a36b83;font-size:11px}.reflection-actions .primary{min-height:36px;padding:0 14px;box-shadow:none}.page-empty{display:grid;justify-items:center;align-content:center;min-height:510px;padding:45px;text-align:center;border:1px dashed #c9c2f1;border-radius:13px;background:#fffefa;transition:.18s ease}.page-empty.dragging{border-color:#5147e5;background:#f4f2ff;box-shadow:0 0 0 4px #5147e514}.upload-mark{display:grid;place-items:center;width:55px;height:55px;margin-bottom:15px;border-radius:50%;background:#eeecff;color:#5147e5;font-size:28px;font-weight:300}.page-empty h2{margin:8px 0 9px;font-family:Georgia,"Songti SC",serif;font-size:31px;letter-spacing:-.06em}.page-empty p{max-width:400px;margin:0 0 21px;color:#74707b;font-size:13px;line-height:1.75}.page-empty small{margin-top:12px;color:#908a95;font-size:11px}.session-overview{padding-bottom:18px;border-bottom:1px solid var(--line)}.session-overview .muted{margin-bottom:18px}.quick-add h4{margin:0 0 9px;font-family:Georgia,"Songti SC",serif;font-size:18px}.quick-add button{display:flex;align-items:center;gap:9px;width:100%;margin:8px 0;padding:12px 10px;border:1px solid #e1dbd2;border-radius:9px;background:#fffefa;color:#5147e5;font-size:12px;font-weight:750;text-align:left}.quick-add button:hover{background:#f5f3ff}.quick-add b{font-size:18px}.quick-add i{margin-left:auto;font-size:20px;font-style:normal}.audio-hint{margin:17px 2px 0;color:#c17632;font-size:11px}.empty-outline{padding:13px;margin:0;border:1px solid #eee9e1;border-radius:12px;font-size:12px}.thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbs{max-height:calc(100vh - 235px);overflow:auto;padding-right:2px}
@media(max-width:1120px){.header-controls{min-width:0}.editing-copy{grid-template-columns:1fr}.editing-copy .ocr-copy{border-right:0;border-bottom:1px solid #e9e4dc}.thumbs{max-height:none}}
@media(max-width:760px){.header-controls{display:block}.header-controls .compact-primary{width:100%;margin-top:10px}.session-actions{margin-top:12px}.title-line{display:block}.editing-copy{display:block}.reflection-copy{border-top:1px solid #e9e4dc}.page-empty{min-height:380px;padding:28px 20px}.new-session-panel{padding-bottom:20px}}
.otter-review-launch{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 19px;padding:14px 17px;border:1px solid #ded8f5;border-radius:14px;background:linear-gradient(115deg,#f7f5ff,#fffefa 64%,#fff5df);box-shadow:0 10px 25px #5147e50b}.otter-review-launch h2{margin:2px 0 5px;font-family:Georgia,"Songti SC",serif;font-size:21px;letter-spacing:-.045em}.otter-review-launch p:last-child{margin:0;color:#716c79;font-size:12px;line-height:1.55}.otter-mascot{display:block;width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 7px 8px #49356a24)}.otter-review-launch .otter-mascot{width:88px;height:88px}.otter-curious{animation:otterCurious 2.6s ease-in-out infinite}.otter-questioning{animation:otterQuestioning .75s ease-in-out infinite alternate}.otter-satisfied{animation:otterSatisfied 1.8s ease-in-out infinite}.otter-review-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:22px}.otter-review-backdrop{position:absolute;inset:0;background:#241a3580;backdrop-filter:blur(4px)}.otter-review-dialog{position:relative;width:min(610px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;padding:28px;border:1px solid #fff;border-radius:20px;background:#fffefa;box-shadow:0 30px 90px #1d153f5c}.otter-close{position:absolute;right:15px;top:13px;width:30px;height:30px;border-radius:50%;background:#f1eef9;color:#5147e5;font-size:22px;line-height:1}.otter-review-header{display:flex;align-items:center;gap:18px;padding-right:25px}.otter-review-header .otter-mascot{width:92px;height:92px}.otter-review-header h2,.otter-preparing h2{margin:3px 0 5px;font-family:Georgia,"Songti SC",serif;font-size:27px;letter-spacing:-.06em}.otter-review-header p:last-child,.otter-preparing p:last-child{margin:0;color:#756f7c;font-size:12px}.otter-question{margin-top:23px;padding:18px;border-radius:13px;background:#f6f4ff}.otter-question-label{margin:0 0 10px;color:#5147e5;font-size:11px;font-weight:800}.otter-question blockquote{margin:0;color:#302b39;font-family:Georgia,"Songti SC",serif;font-size:21px;line-height:1.55}.otter-question textarea{width:100%;min-height:68px;margin-top:16px;padding:11px 12px;border:1px solid #d8d1ee;border-radius:9px;outline:0;background:#fff;color:#393443;font:inherit;font-size:14px;line-height:1.55;resize:vertical}.otter-question textarea:focus{border-color:#5147e5;box-shadow:0 0 0 3px #5147e51a}.otter-options{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:12px}.otter-options span{margin-right:3px;color:#817b8b;font-size:11px}.otter-options button{padding:6px 9px;border:1px solid #d8d1ee;border-radius:999px;background:#fff;color:#5147e5;font-size:11px}.otter-options button:hover{background:#ece9ff}.otter-feedback{display:flex;gap:10px;align-items:center;margin-top:14px;padding:11px 13px;border-radius:10px;background:#fff0df;color:#8d581f;font-size:12px}.otter-feedback.is-right{background:#e8f8ef;color:#1e744b}.otter-evidence{margin-top:14px;padding:14px 15px;border-left:3px solid #d1c9f4;border-radius:0 10px 10px 0;background:#faf8f3}.otter-evidence>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#716a79;font-size:11px}.otter-evidence button{padding:0;background:none;color:#5147e5;font-size:11px;font-weight:800}.otter-evidence p{margin:8px 0 0;color:#514b58;font-family:"Kaiti SC","STKaiti",cursive;font-size:16px;line-height:1.55}.otter-review-actions{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:18px}.otter-review-actions .text-button:first-child{margin-right:auto}.otter-preparing{display:grid;justify-items:center;padding:42px;text-align:center}.otter-preparing .otter-mascot{width:150px;height:150px}.otter-preparing .eyebrow{margin:17px 0 0}@keyframes otterCurious{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-5px)}}@keyframes otterQuestioning{from{transform:translateY(2px) rotate(-3deg)}to{transform:translateY(-9px) rotate(3deg)}}@keyframes otterSatisfied{0%,100%{transform:scale(1)}45%{transform:scale(1.07) rotate(2deg)}}
@media(max-width:760px){.otter-review-launch{grid-template-columns:68px 1fr;padding:13px}.otter-review-launch .otter-mascot{width:65px;height:65px}.otter-review-launch .primary{grid-column:1/-1;width:100%;margin:0}.otter-review-dialog{padding:23px 18px}.otter-review-header .otter-mascot{width:72px;height:72px}.otter-question blockquote{font-size:18px}.otter-review-actions{gap:9px}.otter-review-actions .primary{width:auto;margin:0}.otter-review-actions .text-button{font-size:12px}}
.reflection-actions{flex-wrap:wrap}
.reflection-actions .save-status{flex:1 1 180px;min-width:0;line-height:1.5}
.reflection-actions .save-status[data-save-state=saved]{color:var(--purple);font-weight:650}
.reflection-actions .save-status[data-save-state=error]{color:#c94040}
#save-page{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:110px;margin-left:auto}
#save-page.save-complete:disabled{background:var(--soft,#eeecff);color:var(--purple);opacity:1;cursor:default}
