.annotation-layer{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden;user-select:none;-webkit-user-select:none}
.annotation-layer[hidden]{display:none!important}.annotation-layer.annotation-editing{pointer-events:auto;touch-action:none;cursor:crosshair}.annotation-layer[data-tool=select]{cursor:default}.annotation-layer.annotation-editing[data-tool=select] [data-annotation-id]{cursor:move;pointer-events:visiblePainted}.annotation-layer:not(.annotation-editing) .annotation-ink{pointer-events:none}
.annotation-ink{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.annotation-editing[data-tool=select] .annotation-ink [data-annotation-id]{pointer-events:visiblePainted}.annotation-selected-ink{filter:drop-shadow(0 0 2px #246de5)}
.annotation-object{position:absolute;margin:0}.annotation-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4;text-align:left;pointer-events:none;max-height:100%;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}.annotation-editing[data-tool=select] .annotation-text{pointer-events:auto}.annotation-selected-object{outline:2px dashed #3777dd;outline-offset:4px}.annotation-note{width:28px;height:28px;background:var(--note-color,#f3b51b);border:2px solid #fff;border-radius:5px;box-shadow:0 2px 6px #0005;display:grid;place-items:center;color:#202c3e;pointer-events:auto;padding:4px}.annotation-note svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.annotation-editing:not([data-tool=select]) .annotation-object{pointer-events:none}.annotation-resize{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border:2px solid white;background:#3777dd;border-radius:3px;cursor:ew-resize;pointer-events:auto}.annotation-snapshot *{pointer-events:none!important}
.annotation-toolbar{position:fixed;z-index:65;top:calc(var(--bar) + 8px);left:50%;transform:translateX(-50%);width:min(1000px,calc(100vw - 24px));max-height:45dvh;overflow:auto;background:#fafbfe;color:#263245;border:1px solid #cbd4df;border-radius:10px;box-shadow:0 8px 28px #0003;font-size:12px;padding:10px 12px}.annotation-toolbar[hidden]{display:none}.annotation-toolbar button,.annotation-editor button{font:inherit;border:1px solid transparent;border-radius:5px;padding:6px 9px;color:inherit;background:transparent;cursor:pointer}.annotation-toolbar button:hover,.annotation-editor button:hover{background:#e5ecf6}.annotation-toolbar button:disabled{opacity:.4;cursor:default}.annotation-heading{display:flex;align-items:center;gap:12px;margin-bottom:8px}.annotation-heading strong{font-size:13px}.annotation-heading [role=status]{font-size:11px;color:#506d63}.annotation-heading .error{color:#b22b32}.annotation-close{margin-left:auto;background:#edf1f6!important}.annotation-tools{display:flex;gap:3px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.annotation-tools button{flex:none;display:flex;align-items:center;gap:4px;min-height:34px;white-space:nowrap}.annotation-tools svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.annotation-tools button[aria-pressed=true],.annotation-editor [aria-pressed=true]{background:#dce9fc;color:#1558b5;border-color:#aac8f0}.annotation-properties{display:flex;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid #e3e8ee;padding-top:7px;min-height:34px}.annotation-properties label{display:flex;align-items:center;gap:7px;white-space:nowrap}.annotation-properties input[type=range]{width:95px;accent-color:#376fba}.annotation-properties input[type=color],.annotation-editor input[type=color]{width:32px;height:26px;border:1px solid #bac6d6;border-radius:4px;padding:2px;background:white;cursor:pointer}.annotation-properties output{min-width:28px;font-size:11px;color:#506079}.annotation-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px;border-top:1px solid #e3e8ee;margin-top:7px;padding-top:6px}.annotation-hint{flex:1;font-size:11px;min-width:160px;color:#56657b}.annotation-footer button{font-size:11px;white-space:nowrap}.annotation-help{background:#edf3fb;border-radius:6px;padding:10px;margin:8px 0 0;font-size:12px;line-height:1.7}.annotation-toolbar [hidden],.annotation-editor [hidden]{display:none!important}
.annotation-editor{width:min(440px,calc(100vw - 30px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:20px;color:#25344a;background:#fff;border:1px solid #bccbdd;border-radius:12px;box-shadow:0 16px 60px #0004;font-size:14px}.annotation-editor::backdrop{background:#101b2e70}.annotation-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.annotation-editor h2{font-size:18px;margin:0}.annotation-editor-heading button{background:#2762ae;color:white}.annotation-editor textarea{box-sizing:border-box;display:block;width:100%;min-height:130px;max-height:38dvh;margin:8px 0 12px;padding:12px;border:1px solid #b5c3d5;border-radius:6px;font:16px/1.6 Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;resize:vertical;color:#25344a;background:white}.annotation-editor label{display:inline-flex;align-items:center;gap:8px;font-size:13px}.annotation-text-format{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:10px}.annotation-text-format input{width:55px;font:inherit;padding:6px;border:1px solid #b5c3d5;border-radius:4px}.annotation-editor-note{font-size:12px;line-height:1.6;color:#5b6c83}.annotation-editor blockquote{margin:0 0 14px;padding:10px;border-left:3px solid #e5b335;background:#fff7dc;max-height:100px;overflow:auto;white-space:pre-wrap;font-size:12px;line-height:1.6}.annotation-editor #annotation-editor-delete{color:#aa2f37;border-color:#f0d2d5}
.transition-page{position:relative;flex:none;height:100%;background:white}.transition-page>img,.transition-page>canvas{width:100%;height:100%;display:block}.toolbar-left [data-action=annotations][aria-pressed=true]{background:#ffffff26;border-radius:5px}
@media(max-width:760px){.annotation-toolbar{top:calc(var(--bar) + 5px);width:calc(100vw - 12px);padding:8px;max-height:38dvh;box-sizing:border-box}.annotation-tools button{flex-direction:column;font-size:10px;gap:3px;min-width:45px;padding:5px 6px}.annotation-properties{gap:6px 12px;font-size:11px}.annotation-properties input[type=range]{width:65px}.annotation-heading{gap:7px;margin-bottom:3px}.annotation-hint{flex-basis:100%;padding:3px 0}.annotation-footer{gap:3px}.annotation-footer button{padding:5px}.toolbar-left .icon-button{min-width:0;width:calc(100vw / 8);max-width:48px}.annotation-editor{padding:16px}}
.annotation-toolbar.annotation-bottom{top:auto;bottom:calc(var(--bar) + 8px)}
#selection-tools{width:max-content;max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}
#book .stf__outerShadow,#book .stf__innerShadow,#book .stf__hardShadow,#book .stf__hardInnerShadow{pointer-events:none}