.paper-scroll>.write-toolbar{position:sticky;top:0;z-index:18;max-width:900px;margin:0 auto;border:1px solid var(--line);border-radius:13px 13px 0 0;box-shadow:0 3px 10px #2446320a;padding:6px 10px;background:var(--paper);flex-wrap:wrap}.ink-mode-hint{max-width:900px;margin:0 auto 12px;color:var(--soft);font-size:10px;line-height:1.7;padding:7px 10px;background:#f4f6ef}.ink-palette{display:flex;align-items:center;gap:2px;padding:0 5px;border-left:1px solid var(--line);border-right:1px solid var(--line);margin:0 3px}.ink-swatch{width:28px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent}.ink-swatch span{width:15px;height:15px;border-radius:50%;background:var(--ink-color);border:1px solid #0001}.ink-swatch.active{border-color:var(--ink-color);background:#eef2e9}.tool-btn[data-tool=laser]{color:#ba3542}.tool-btn[data-tool=laser].active{background:#fae8e9}.annotation-surface{position:relative;display:block;isolation:isolate;max-width:100%;touch-action:none}.annotation-surface>canvas.annotation-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:3}.annotation-surface[data-ink-tool=pan]{touch-action:pan-x pan-y pinch-zoom;cursor:grab}.annotation-surface:not([data-ink-tool=pan]){user-select:none;-webkit-user-select:none;cursor:crosshair}.annotation-surface img{user-select:none;-webkit-user-drag:none}.ink-wrap[data-ink-tool=pan],.ink-wrap[data-ink-tool=pan] canvas{touch-action:pan-x pan-y pinch-zoom;cursor:grab}.real-figures .annotation-surface{width:max-content;max-width:100%}.real-figures .annotation-surface img{max-width:100%;height:auto}.zoom-stage .annotation-surface{width:100%}.zoom-stage.magnified .annotation-surface{width:1000px;max-width:none}.zoom-stage.magnified .annotation-surface img{width:100%;max-width:none}.ink-mini{padding:5px 0;border:0;background:transparent}.ink-full .paper-scroll{display:flex;flex-direction:column}.ink-full .paper-scroll>.write-toolbar{margin:0;max-width:none;width:100%;position:static;border-radius:0}.ink-full .ink-mode-hint{display:none}.ink-full .problem-paper{height:auto!important;flex:1;min-height:0;width:100%}
@media(max-width:700px){.paper-scroll>.write-toolbar{padding:5px;gap:2px}.paper-scroll>.write-toolbar .tool-btn{width:32px;height:34px}.paper-scroll>.write-toolbar .tool-btn .icon{width:17px;height:17px}.ink-palette{padding:0 3px;margin:0 2px}.ink-swatch{width:25px;height:30px}.ink-mode-hint{font-size:9px;padding:6px 7px}.paper-scroll>.write-toolbar .write-label{display:none}.ink-mini .tool-btn{width:31px;height:34px}.ink-mini{gap:2px}.ink-mini .ink-swatch{width:24px}}
