/* Oasis teacher annotation layer — screen only. */
.oa-shell{position:relative;flex:none;z-index:4;padding-right:40px;background:#25272a}
.oa-brand{box-sizing:border-box;min-height:34px;margin-right:-40px;padding:5px 12px 4px;text-align:center;color:#efd28f;font:700 clamp(18px,2.2vw,22px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:.045em;text-shadow:0 1px 2px #0006}
.oa-brand-mark{font:600 9px/1 system-ui,sans-serif;vertical-align:super;margin-left:3px;letter-spacing:0}
@media(max-width:450px){.oa-brand{margin-right:-34px}}
.oa-bar{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#25272a;border-bottom:1px solid #1a1b1d;color:#e9e9ea;font:500 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.oa-bar::-webkit-scrollbar{display:none}
.oa-bar .oa-btn.oa-pdf{white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.2px;padding:0 8px;min-width:48px;border-radius:6px;border:1px solid #d7ac52;border-top-color:#f8dfa1;border-bottom-color:#946019;background:linear-gradient(180deg,#fff0c5 0%,#e9c575 45%,#bd832c 100%);color:#30200b;text-shadow:0 1px 0 #fff4d480;box-shadow:inset 0 1px 0 #fff8df,inset 0 -1px 1px #84531566,0 2px 3px #0007}
.oa-bar .oa-btn.oa-pdf:hover:not(:disabled){background:linear-gradient(180deg,#fff5d8 0%,#f2d18a 45%,#ca953e 100%);color:#30200b}
.oa-bar .oa-btn.oa-pdf:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #76501866,0 1px 1px #0005}
.oa-bar .oa-mini{margin-right:6px}
@media(max-width:450px){.oa-bar .oa-mini{margin-right:4px}}
@media(max-width:350px){.oa-bar .oa-btn.oa-pdf{width:48px;padding:0 3px}}
.oa-local-pdf-dialog{box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#25272a}
.oa-local-pdf-dialog[open]{display:flex;flex-direction:column}
.oa-local-pdf-back{flex:none;align-self:flex-start;margin:8px 12px;padding:8px 14px;border:1px solid #bbb;border-radius:5px;background:white;color:#222}
.oa-local-pdf-frame{border:0;width:100%;flex:1;min-height:0}
.oa-local-pdf-dialog{opacity:1;transition:opacity 140ms ease-out}
.oa-local-pdf-dialog.oa-local-pdf-pending{opacity:0;pointer-events:none}
.oa-local-pdf-dialog.oa-local-pdf-pending::backdrop{background:transparent}
@media(prefers-reduced-motion:reduce){.oa-local-pdf-dialog{transition:none}}
.oa-bar{box-sizing:border-box;width:100%;min-width:0;gap:3px}
.oa-bar .oa-tool,.oa-bar .oa-snap,.oa-bar .oa-shelf-btn{width:34px;min-width:34px;padding:0}
.oa-bar .oa-tool .oa-lbl,.oa-bar .oa-snap .oa-lbl,.oa-bar .oa-shelf-btn .oa-lbl,.oa-bar .oa-shape .oa-lbl{display:none}
.oa-bar .oa-sep{margin:0 2px}
.oa-opts:has(.oa-hint){display:none}
[data-oa-tool=text] .oa-opts:has(.oa-hint){display:flex}
.oa-extras{display:flex;align-items:center;gap:3px;flex:none}
.oa-more-btn[hidden],.oa-more-panel[hidden]{display:none!important}
.oa-more-panel{position:absolute;right:42px;top:calc(100% + 6px);max-width:calc(100vw - 60px);box-sizing:border-box;padding:9px;background:#25272a;color:#eee;border:1px solid #45484c;border-radius:9px;box-shadow:0 10px 30px #0007;font:500 12px/1 system-ui,sans-serif;z-index:6}
.oa-more-panel .oa-opts{margin-bottom:6px;flex-wrap:wrap}
.oa-more-panel .oa-extras{flex-wrap:wrap}
.oa-hide-btn{position:absolute;top:39px;right:4px;width:32px;min-width:32px;padding:0!important}
.oa-hide-btn[aria-expanded=false] svg{fill:#bfc2c6}
.oa-hidden .oa-bar{visibility:hidden}
.oa-hidden{background:#393b3e}
.oa-hidden .oa-toast{display:none}
@media(max-width:450px){.oa-shell{padding-right:34px}.oa-bar{gap:1px;padding:4px!important}.oa-bar .oa-tool,.oa-bar .oa-snap,.oa-bar .oa-shelf-btn{width:30px!important;min-width:30px!important}.oa-bar .oa-sep{margin:0 1px}.oa-more-btn{padding:0 5px!important;min-width:40px!important}.oa-hide-btn{right:1px;min-width:30px!important;width:30px}}
@media(max-width:350px){.oa-shell .oa-bar{gap:0}.oa-bar>.oa-sep,.oa-bar>.oa-grow{display:none}.oa-bar .oa-tool,.oa-bar .oa-snap,.oa-bar .oa-shelf-btn{width:26px!important;min-width:26px!important}}
.oa-btn,.oa-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;height:34px;min-width:34px;padding:0 9px;border-radius:7px;border:1px solid transparent;background:transparent;color:#d6d7d9;font:inherit;cursor:pointer;transition:background-color .15s,color .15s}
.oa-btn svg,.oa-chip svg{width:18px;height:18px;flex:none}
.oa-btn:hover:not(:disabled),.oa-chip:hover{background:#35383c;color:#fff}
.oa-btn[aria-pressed=true]{background:#efece4;color:#1d1e20;border-color:#efece4}
.oa-btn:disabled{opacity:.32;cursor:default}
.oa-btn:focus-visible,.oa-chip:focus-visible,.oa-sur-sw:focus-visible,.oa-help-close:focus-visible{outline:2px solid #f3dd9e;outline-offset:2px}
.oa-sep{width:1px;height:22px;margin:0 4px;background:#45484c;flex:none}
.oa-sep-s{height:16px;margin:0 2px}
.oa-grow{flex:1 1 8px;min-width:8px}
.oa-opts{display:flex;align-items:center;gap:3px;flex:none}
.oa-tool-drawer{padding:7px 10px;gap:6px;flex-wrap:wrap;background:#25272a;color:#eee;border-bottom:1px solid #45484c;font:500 12px/1 system-ui,sans-serif}
.oa-tool-drawer[hidden],.oa-hidden .oa-tool-drawer{display:none!important}
.oa-tool-drawer .oa-shape{display:inline-flex;align-items:center;gap:6px}
.oa-tool-drawer .oa-shape .oa-lbl{display:inline}
.oa-hint{color:#a9acb1;font-size:12px;white-space:nowrap;padding:0 4px}
.oa-swatch{width:30px;min-width:30px;padding:0;border-radius:50%}
.oa-swatch::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--oa-c);box-shadow:0 0 0 1px #0006}
.oa-swatch-hi::before{width:20px;height:12px;border-radius:3px;opacity:.85}
.oa-swatch[aria-pressed=true],.oa-size[aria-pressed=true],.oa-shape[aria-pressed=true]{border-color:#efece4;background:#3a3d41}
.oa-size{width:30px;min-width:30px;padding:0}
.oa-size i{display:block;border-radius:50%;background:currentColor}
.oa-q{font:600 15px/1 Georgia,serif}
.oa-help-btn[aria-expanded=true]{background:#efece4;color:#1d1e20}
.oa-help{position:absolute;top:calc(100% + 6px);right:10px;width:min(340px,calc(100vw - 20px));box-sizing:border-box;padding:16px 18px 14px;border-radius:10px;background:#fbf9f4;color:#26231e;box-shadow:0 12px 34px #0007;font:14px/1.5 Georgia,"Times New Roman",serif}
.oa-help[hidden]{display:none}
.oa-help{max-height:min(620px,calc(100dvh - 170px));overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#92753d #ebe5d9;touch-action:pan-y}
.oa-help::-webkit-scrollbar{width:9px}
.oa-help::-webkit-scrollbar-track{background:#ebe5d9;border-radius:8px}
.oa-help::-webkit-scrollbar-thumb{background:#92753d;border:2px solid #ebe5d9;border-radius:8px}
.oa-guide-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid #e5dfd2}
.oa-guide-symbol{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:8px;background:#25272a;color:#e9e9ea;font:600 11px system-ui,sans-serif}
.oa-guide-symbol svg{width:23px;height:23px;animation:oa-guide-motion 3.5s ease-in-out infinite}
.oa-guide-symbol .oa-ks,.oa-guide-symbol .oa-letter{animation:oa-guide-motion 3.5s ease-in-out infinite}
.oa-guide-cloud svg{fill:#a8dfff;stroke:#4387b3}
.oa-guide-gold{color:#f3d782;border:1px solid #d4af55;box-sizing:border-box}
.oa-guide-words{min-width:0}
.oa-guide-words h4{margin:0 0 5px;font:600 14px/1.3 system-ui,sans-serif;color:#26231e}
.oa-guide-words p{margin:0}
@keyframes oa-guide-motion{0%,70%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){.oa-guide-symbol svg,.oa-guide-symbol .oa-ks,.oa-guide-symbol .oa-letter{animation:none}}
.oa-split .oa-help{max-height:min(620px,calc(100dvh - 170px))}
@media(max-width:720px){.oa-split .oa-help{max-height:calc(50dvh - 110px)}}
.oa-help:focus{outline:none}
.oa-help h3{margin:0 0 6px;font:600 15px/1.2 system-ui,sans-serif;letter-spacing:.02em}
.oa-help p{margin:0 0 8px}
.oa-help .oa-help-fine{font-size:12.5px;color:#5d574c;border-top:1px solid #e5dfd2;padding-top:8px}
.oa-help-close{display:block;margin-left:auto;min-height:34px;padding:0 14px;border-radius:7px;border:1px solid #c9c2b2;background:#fff8ea;color:#26231e;font:600 13px system-ui,sans-serif;cursor:pointer}
.oa-toast{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);max-width:calc(100vw - 32px);padding:8px 14px;border-radius:999px;background:#efece4;color:#1d1e20;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 4px 18px #0006;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}
.oa-toast.oa-show{opacity:1;transform:translate(-50%,0)}
.oa-page{position:relative;flex:none;max-width:100%;line-height:0;isolation:isolate}
.oa-page>img{display:block}
.oa-layer{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.oa-drawing .oa-layer{pointer-events:auto;touch-action:none;cursor:var(--oa-cursor,default);-webkit-user-select:none;user-select:none}
.oa-hi{mix-blend-mode:multiply;opacity:.42}
.oa-cloud{fill:#fff;stroke:#fff;stroke-width:3;stroke-linejoin:round}
.oa-live.oa-cloud{stroke:#9aa6b6;stroke-width:1.6;stroke-dasharray:6 4}
.oa-clear{margin-left:4px;border-color:#d4af55;color:#f3dd9e}
.oa-clear:hover:not(:disabled){background:#4a3b22;color:#fff6dd}
.oa-sur-btn[aria-expanded=true]{background:#efece4;color:#1d1e20}
.oa-sur{position:absolute;top:calc(100% + 6px);right:10px;display:grid;grid-template-columns:repeat(5,36px);gap:6px;padding:10px;border-radius:10px;background:#25272a;border:1px solid #45484c;box-shadow:0 12px 30px #0007;z-index:5}
.oa-sur[hidden]{display:none}
.oa-sur-sw{width:36px;height:36px;padding:0;border-radius:8px;border:2px solid #45484c;background:var(--oa-c);cursor:pointer;box-shadow:inset 0 0 0 1px #0003}
.oa-sur-sw[aria-checked=true]{border-color:#efece4;box-shadow:inset 0 0 0 2px #25272a}
.pp-dialog.pp-compact-proof.oa-surround{background:var(--oa-surround)!important}
.pp-dialog.pp-compact-proof.oa-surround .pp-preview-side,.pp-dialog.pp-compact-proof.oa-surround .pp-sample-spread,.pp-dialog.pp-compact-proof.oa-surround .pp-spread-actions{background:var(--oa-surround)!important}
.oa-surround-light{--oa-ink:#1d1e20;--oa-ink-soft:#3b3d41}
.oa-surround-dark{--oa-ink:#f6f2e6;--oa-ink-soft:#e2dccb}
.pp-compact-proof.oa-surround,.pp-compact-proof.oa-surround .pp-title,.pp-compact-proof.oa-surround .pp-zoom-level{color:var(--oa-ink)!important}
.pp-compact-proof.oa-surround .pp-sub{color:var(--oa-ink-soft)!important}
@media(max-width:760px){.oa-lbl{display:none}.oa-clear .oa-lbl{display:inline}.oa-btn,.oa-chip{padding:0 7px}}
@media(max-width:600px){.oa-bar{gap:2px;padding:4px 6px}.oa-sep{margin:0 2px}.oa-hint{display:none}.oa-btn,.oa-chip{height:36px;min-width:36px}.oa-swatch,.oa-size{width:32px;min-width:32px}}
@media(prefers-reduced-motion:reduce){.oa-toast,.oa-btn,.oa-chip{transition:none}}
@media print{.oa-shell,.oa-layer,.oa-help,.oa-toast,.oa-sur{display:none!important}}
/* T (text notes) and S (snapshot) */
.oa-mini{min-width:32px;padding:0 7px}
.oa-letter{font:700 15px/1 Georgia,"Times New Roman",serif;letter-spacing:0}
.oa-snap{border-color:#d4af55}
.oa-btn.oa-snap,.oa-btn.oa-snap:hover:not(:disabled){color:#f3d782}
.oa-letter{color:#f3d782;text-shadow:0 1px 1px #0008}
.oa-btn.oa-mini[aria-pressed=true]{background:#45391f;border-color:#d4af55}
[data-testid=button-annotate-cloud] svg{fill:#a8dfff;stroke:#4387b3}
.oa-shelf-btn svg{width:17px;height:17px}
.oa-notes{position:absolute;inset:0;container-type:inline-size;pointer-events:none;z-index:2;line-height:normal}
.oa-note-wrap{position:absolute;pointer-events:none}
.oa-note{position:relative;display:block;width:100%;box-sizing:border-box;margin:0;padding:.6cqw .7cqw;min-height:3cqw;resize:none;overflow:hidden;border:1px solid #1d55c4;border-radius:2px;background:rgba(255,251,232,.96);color:#173f8f;font:1.7cqw/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 1px 4px rgba(29,85,196,.18);pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere}
.oa-note:focus{outline:2px solid #f3b53d;outline-offset:1px}
[data-oa-tool=text] .oa-note-wrap,[data-oa-tool=browse] .oa-note-wrap,[data-oa-tool=text] .oa-note,[data-oa-tool=browse] .oa-note{pointer-events:auto}
.oa-note{padding-right:2.4cqw!important}
.oa-note-corner{position:absolute;right:1px;bottom:1px;width:22px;height:22px;padding:0;border:0;border-top:1px solid #1d55c4;border-left:1px solid #1d55c4;border-radius:5px 0 1px 0;background:#e3ecfb;color:#1d55c4;font:700 13px/1 system-ui,sans-serif;cursor:pointer;display:none;align-items:center;justify-content:center}
.oa-note-corner::before{content:"";width:10px;height:2px;background:currentColor;box-shadow:0 -4px 0 currentColor,0 4px 0 currentColor}
[data-oa-tool=text] .oa-note-corner,[data-oa-tool=browse] .oa-note-corner{display:flex}
.oa-note-corner:hover,.oa-note-corner[aria-expanded=true]{background:#1d55c4;color:#fff}
.oa-note-corner:focus-visible{outline:2px solid #f3b53d;outline-offset:1px}
[data-oa-tool=text] .oa-layer{cursor:text}
/* Half-screen split while the snapshot shelf is open; PDF stays live and scrollable */
body .pp-dialog.pp-compact-proof.oa-split{width:calc(50vw - 9px);right:auto}
.os-shelf{position:fixed;top:6px;right:6px;bottom:6px;width:calc(50vw - 9px);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:8px;background:linear-gradient(165deg,#081128,#0d1f46 55%,#081128);color:#d9e6ff;box-shadow:0 10px 34px rgba(0,0,0,.45);z-index:6;overflow:hidden;font:14px/1.45 Georgia,"Times New Roman",serif}
.os-x{position:absolute;top:6px;right:8px;z-index:2;min-height:0;background:none!important;border:none!important;color:#d9e6ff!important;font-size:22px!important;padding:8px 12px!important}
.os-title{margin:22px 0 0;text-align:center;font:600 16px/1.2 Cinzel,Georgia,serif;letter-spacing:.16em;color:#d9e6ff}
.os-meter{text-align:center;color:#8fa5d6;font-size:12.5px}
.os-msg{text-align:center;font-size:13px;color:#ffe9b0}
.os-msg:empty{display:none}
.os-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.os-fine{margin:0;font-size:11.5px;color:#8fa5d6;text-align:center}
.os-btn{min-height:36px;padding:0 14px;border-radius:14px;border:1px solid rgba(120,150,220,.45);background:rgba(255,255,255,.06);color:#d9e6ff;font:600 13.5px Georgia,serif;cursor:pointer}
.os-btn:hover:not(:disabled){background:rgba(255,255,255,.12)}
.os-btn:disabled{opacity:.4;cursor:default}
.os-btn.on,.os-btn:focus-visible{border-color:rgba(255,233,176,.95)}
.os-btn:focus-visible,.os-slot:focus-visible{outline:2px solid #ffe9b0;outline-offset:2px}
.os-danger{border-color:rgba(212,175,55,.7);background:rgba(58,46,12,.85);color:#ffe9b0}
.os-quiet{background:transparent}
.os-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:6px 0}
.os-tools{margin:2px 0 10px}
.os-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin:0 auto}
.os-slot{position:relative;display:block;width:100%;padding:0;padding-top:129%;border:1px solid rgba(120,150,220,.35);border-radius:10px;background:rgba(255,255,255,.045);overflow:hidden;color:inherit;font:inherit;text-align:left}
button.os-slot{cursor:pointer}
.os-sel{border-color:#ffe9b0;box-shadow:0 0 0 2px #ffe9b0}
.os-num{position:absolute;left:7px;top:5px;z-index:1;min-width:18px;padding:1px 5px;border-radius:9px;background:rgba(8,17,40,.75);color:#c9d4ee;font:600 11px system-ui,sans-serif;text-align:center}
.os-im{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fbfaf6}
.os-bg{background:center/cover no-repeat}
.os-quote{background:linear-gradient(160deg,#fffdf6,#f5efe0);color:#2b2214}
.os-qt{position:absolute;inset:26px 10px 10px;font:italic 12px/1.45 Georgia,serif;overflow:hidden}
.os-full{max-width:420px;margin:0 auto 12px;padding:12px;border-radius:12px;border:1px solid rgba(212,175,55,.55);background:rgba(58,46,12,.35);text-align:center}
.os-full p{margin:0 0 8px}
.os-q{color:#ffe9b0;font-size:15px}
.os-empty{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:14px 6px;color:#8fa5d6}
.os-empty strong{font:600 15px Georgia,serif;color:#d9e6ff}
.os-view{display:flex;flex-direction:column;gap:8px;height:100%}
.os-stage{flex:1 1 auto;min-height:160px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#8fa5d6 #0d1f46}
.os-stage .os-big{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.os-stage.os-enlarged .os-big{max-width:none;margin:0 auto}
.os-stage.os-enlarged .os-bigq{font-size:19.2px;line-height:1.6}
.os-stage:focus-visible{outline:2px solid #ffe9b0;outline-offset:-2px}
.os-tools{position:sticky;top:0;background:#0b1937;z-index:2;padding:6px 0}
.os-big{flex:1 1 auto;min-height:220px;width:100%;object-fit:contain;background:#fbfaf6;border-radius:8px}
.os-bigq{margin:0;padding:24px 20px;border-radius:14px;background:linear-gradient(160deg,#fffdf6,#f5efe0);color:#2b2214;font:16px/1.6 Georgia,serif}
.os-cap{margin:0;text-align:center;color:#8fa5d6;font-size:12.5px}
.oa-ks{color:#f3dd9e;font:700 12px/1 Georgia,"Times New Roman",serif;letter-spacing:.02em}
@media(max-width:720px){
  body .pp-dialog.pp-compact-proof.oa-split{width:calc(100vw - 12px);height:calc(50dvh - 9px);bottom:auto}
  .os-shelf{top:auto;left:6px;width:auto;height:calc(50dvh - 9px);padding:10px 12px;gap:6px}
  .os-grid{grid-template-columns:repeat(4,1fr);max-width:none}
  .os-fine{display:none}
}
@media print{.oa-notes,.os-shelf{display:none!important}}
.oa-note[readonly]{cursor:default}
.oa-editing .oa-note{cursor:text}
.oa-note-wrap.oa-moving{pointer-events:auto;cursor:grab;touch-action:none;outline:2px dashed #1d55c4;outline-offset:2px;box-shadow:0 6px 18px rgba(29,85,196,.3)}
.oa-note-wrap.oa-moving:active{cursor:grabbing}
.oa-note-menu{position:absolute;transform:translateX(-100%);z-index:3;display:flex;gap:2px;padding:3px;border-radius:9px;background:#25272a;border:1px solid #45484c;box-shadow:0 8px 22px rgba(0,0,0,.35);pointer-events:auto;line-height:1}
.oa-note-mi{min-height:34px;min-width:58px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#efece4;font:600 13px system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.oa-note-mi:hover,.oa-note-mi:focus-visible{background:#efece4;color:#1d1e20;outline:none}
@media print{.oa-note-menu,.oa-note-wrap{display:none!important}}
