.annotation-fab{z-index:9200;filter:drop-shadow(0 10px 28px #06122647);align-items:center;display:flex;position:fixed;bottom:22px;right:24px}.annotation-fab button{color:#fff;cursor:pointer;border:0}.annotation-add{background:linear-gradient(135deg,#236fe2,#164cb9);border-radius:24px 0 0 24px;align-items:center;gap:8px;height:46px;padding:0 18px 0 12px;font-size:13px;font-weight:700;display:flex}.annotation-add:hover{background:linear-gradient(135deg,#2d7cf2,#1a58cd)}.annotation-add i{background:#ffffff29;border-radius:50%;place-items:center;width:27px;height:27px;font-size:19px;font-style:normal;display:grid}.annotation-count{background:#0b1c33;border-radius:0 24px 24px 0;min-width:42px;height:46px;font-weight:800;border-left:1px solid #ffffff29!important}.annotation-box{z-index:9050;cursor:pointer;background:#ff9b1a1f;border:2px solid #ff9b1a;min-width:20px;min-height:20px;padding:0;position:fixed;box-shadow:inset 0 0 0 1px #fff9}.annotation-box:hover,.annotation-box.active{background:#ff9b1a38;box-shadow:0 0 0 3px #ff9b1a2e}.annotation-box>b{color:#fff;background:#f58a0a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 3px 8px #773d004d}.annotation-box>span{color:#fff;text-align:left;white-space:normal;overflow-wrap:anywhere;pointer-events:none;background:#172238;border:1px solid #ff9b1a8c;border-radius:7px;width:max-content;min-width:110px;max-width:280px;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.5;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 7px 20px #030d1d4d}.annotation-box>span.above{top:auto;bottom:calc(100% + 7px)}.annotation-delete{z-index:2;color:#fff;cursor:pointer;background:#d94a5c;border:0;border-radius:50%;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:grid;position:absolute;top:-12px;right:-12px;box-shadow:0 3px 8px #5b0f1959}.annotation-delete:hover{background:#f05267;transform:scale(1.06)}.annotation-draw-layer{z-index:9500;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#040e1c29;position:fixed;inset:0}.annotation-draw-layer:before{content:"";pointer-events:none;border:3px solid #2474e1bf;position:absolute;inset:0}.annotation-draw-help{color:#fff;cursor:default;background:#0d1b30;border-radius:10px;align-items:center;gap:12px;min-width:380px;padding:10px 11px 10px 15px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #020a1959}.annotation-draw-help span{color:#91a4be;flex:1;font-size:11px}.annotation-draw-help button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2b;border-radius:6px;padding:6px 11px}.annotation-draft-box{pointer-events:none;background:#ff971829;border:2px solid #ff9718;position:fixed;box-shadow:0 0 0 9999px #030c1945,inset 0 0 0 1px #fff}.annotation-editor{color:#26384d;cursor:default;-webkit-user-select:text;user-select:text;background:#fff;border-radius:14px;width:360px;padding:0;position:fixed;bottom:84px;right:24px;overflow:hidden;box-shadow:0 20px 60px #00122f54}.annotation-editor>header{border-bottom:1px solid #e7ebf0;align-items:center;padding:15px 17px;display:flex}.annotation-editor>header div{flex:1}.annotation-editor>header span,.annotation-editor>header strong{display:block}.annotation-editor>header span{letter-spacing:1.2px;color:#2e79cf;font-size:9px}.annotation-editor>header strong{margin-top:3px;font-size:13px}.annotation-editor>header button{color:#6d7c8c;cursor:pointer;background:#f0f3f7;border:0;border-radius:50%;width:28px;height:28px}.annotation-editor>label{margin:13px 17px;display:block}.annotation-editor>label>span{color:#68788a;margin-bottom:6px;font-size:11px;display:block}.annotation-editor input,.annotation-editor textarea{box-sizing:border-box;color:#24364a;width:100%;font:inherit;background:#f9fafb;border:1px solid #dce3ea;border-radius:8px;outline:0;padding:10px 11px;font-size:12px}.annotation-editor textarea{resize:vertical;height:116px;line-height:1.55}.annotation-editor input:focus,.annotation-editor textarea:focus{border-color:#3881d5;box-shadow:0 0 0 3px #3881d51a}.annotation-editor>small{text-align:right;color:#8b97a5;margin:-5px 17px 10px;font-size:9px;display:block}.annotation-editor>footer{background:#f6f8fa;justify-content:flex-end;gap:8px;padding:12px 17px;display:flex}.annotation-editor>footer button{color:#5c6d7f;cursor:pointer;background:#fff;border:1px solid #dce3ea;border-radius:7px;padding:8px 13px}.annotation-editor>footer button.primary{color:#fff;background:#2675cf;border-color:#2675cf}.annotation-editor>footer button:disabled{opacity:.45;cursor:not-allowed}.annotation-panel{z-index:9400;color:#26384b;background:#f5f7fa;flex-direction:column;width:390px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 48px #0211273d}.annotation-panel>header{color:#fff;background:#0c1c31;padding:22px 20px 16px;display:flex}.annotation-panel>header div{flex:1}.annotation-panel>header span{letter-spacing:1.5px;color:#67b9f1;font-size:9px}.annotation-panel>header h2{margin:5px 0;font-size:20px}.annotation-panel>header p{color:#92a6be;margin:0;font-size:10px}.annotation-panel>header>button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;align-self:flex-start;width:31px;height:31px}.annotation-panel>nav{background:#fff;border-bottom:1px solid #e1e6ec;grid-template-columns:1fr 1fr;padding:9px;display:grid}.annotation-panel>nav button{color:#718093;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px}.annotation-panel>nav button.active{color:#2474cf;background:#eaf3ff;font-weight:700}.annotation-list{flex:1;padding:12px;overflow:auto}.annotation-list article{background:#fff;border:1px solid #e0e6ed;border-radius:10px;margin-bottom:9px;padding:12px}.annotation-list article.active{border-color:#f3a13e;box-shadow:0 0 0 2px #f3a13e1a}.annotation-locate{color:#314357;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;width:100%;display:flex}.annotation-locate>b{color:#fff;background:#f08f19;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.annotation-locate>span{flex:1;min-width:0}.annotation-locate strong,.annotation-locate small{display:block}.annotation-locate strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.annotation-locate small{color:#8a97a5;margin-top:3px;font-size:9px}.annotation-list article>p{color:#4e5f72;white-space:pre-wrap;margin:11px 0;font-size:12px;line-height:1.65}.annotation-list article>footer{border-top:1px solid #edf0f3;align-items:center;padding-top:8px;display:flex}.annotation-list code{color:#8b98a5;text-overflow:ellipsis;flex:1;font-size:8px;overflow:hidden}.annotation-list article>footer button{color:#c55362;cursor:pointer;background:0 0;border:0;font-size:10px}.annotation-empty{text-align:center;color:#8290a0;padding:80px 30px}.annotation-empty i{color:#b5c0cc;font-size:32px;font-style:normal;display:block}.annotation-empty strong{color:#536476;margin:10px;display:block}.annotation-panel>footer{background:#fff;border-top:1px solid #e1e6ec;padding:13px 16px 18px}.annotation-panel>footer button{color:#fff;cursor:pointer;background:#2676d0;border:0;border-radius:8px;width:100%;padding:10px}.annotation-panel>footer small{text-align:center;color:#8c98a5;margin-top:8px;font-size:9px;display:block}.annotation-toast{z-index:9800;color:#fff;background:#13243a;border-radius:8px;padding:11px 16px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 9px 26px #000f254d}@media (width<=620px){.annotation-fab{bottom:12px;right:12px}.annotation-add{height:42px;padding-right:13px}.annotation-add span{display:none}.annotation-count{height:42px}.annotation-panel{width:100%}.annotation-editor{width:auto;bottom:67px;left:12px;right:12px}.annotation-draw-help{min-width:0;top:10px;left:10px;right:10px;transform:none}.annotation-draw-help span{display:none}.annotation-box>span{max-width:210px;font-size:11px}}.annotation-add{font-size:14px}.annotation-count{font-size:13px}.annotation-box>b{font-size:12px}.annotation-box>span{font-size:13px;line-height:1.6}.annotation-draw-help strong{font-size:14px}.annotation-draw-help span,.annotation-draw-help button{font-size:12px}.annotation-editor>header span{font-size:11px}.annotation-editor>header strong{font-size:15px}.annotation-editor>label>span{font-size:12px}.annotation-editor input,.annotation-editor textarea{font-size:14px}.annotation-editor>small{font-size:10px}.annotation-editor>footer button{font-size:12px}.annotation-panel{width:420px}.annotation-panel>header span{font-size:11px}.annotation-panel>header h2{font-size:22px}.annotation-panel>header p{font-size:12px}.annotation-panel>nav button{font-size:13px}.annotation-locate>b{font-size:11px}.annotation-locate strong{font-size:13px}.annotation-locate small{font-size:11px}.annotation-list article>p{font-size:13px}.annotation-list code{font-size:10px}.annotation-list article>footer button,.annotation-empty p{font-size:12px}.annotation-panel>footer button{font-size:13px}.annotation-panel>footer small{font-size:11px}.annotation-toast{font-size:13px}@media (width<=620px){.annotation-panel{width:100%}.annotation-box>span{font-size:12px}}.annotation-editor>header span,.annotation-panel>header span{font-size:11px}.annotation-editor>small,.annotation-list code{font-size:10.5px}.annotation-locate small,.annotation-panel>header p,.annotation-panel>footer small{font-size:11px}.annotation-locate strong,.annotation-list article>p,.annotation-panel>nav button,.annotation-panel>footer button{font-size:13px}.annotation-editor>footer button,.annotation-list article>footer button,.annotation-draw-help button{font-size:12px}.annotation-empty p{font-size:12px;line-height:1.6}