:where(:root){--page-bg: #ffffff;--surface: #ffffff;--surface-2: #f6f7f9;--border: #e3e6ea;--text: #16191d;--text-3: #6b7280;--accent: #2f6df6;--success: #16a34a;--shadow-lg: 0 10px 30px rgb(0 0 0 / 12%);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sel-hl: rgb(47 109 246 / 35%)}.ws-canvas-scroll{flex:1;min-height:0;overflow:auto;display:flex;outline:none}.ws-canvas-inner{margin:auto;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.ws-page{box-shadow:var(--shadow-lg);border-radius:3px;flex-shrink:0}.ws-page-surface{position:relative;border-radius:3px;overflow:hidden;background:var(--page-bg)}.ws-page-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.textLayer{position:absolute;inset:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2;--min-font-size: 1;--text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv: calc(1 / var(--min-font-size));--scale-round-x: 1px;--scale-round-y: 1px}.textLayer[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}.textLayer[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}.textLayer[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height: 0;--scale-x: 1;--rotate: 0deg;font-size:calc(var(--text-scale-factor) * var(--font-height));transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:var(--sel-hl, color-mix(in srgb, var(--accent) 40%, transparent))}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;user-select:none}.textLayer.selecting .endOfContent{top:0}.ws-canvas-scroll.is-textselect .ws-page-surface,.ws-canvas-scroll.is-textselect .ws-page-canvas,.ws-canvas-scroll.is-textselect .textLayer{cursor:text}.cmt-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.cmt-hl{position:absolute;border-radius:2px;pointer-events:auto;cursor:pointer;mix-blend-mode:multiply;transition:box-shadow .12s}.cmt-hl.is-active{box-shadow:0 0 0 2px var(--accent)}.cmt-pin{position:absolute;transform:translate(-50%,-100%);width:22px;height:22px;border:none;border-radius:50% 50% 50% 3px;color:#fff;font-size:11px;line-height:22px;text-align:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px #141e3247}.cmt-pin.is-active{outline:2px solid var(--accent);outline-offset:1px}.cmt-badge{position:absolute;transform:translate(-30%,-55%);display:inline-flex;align-items:center;gap:1px;min-width:16px;height:16px;padding:0 3px;border:1.5px solid currentColor;border-radius:8px;background:var(--surface);box-shadow:0 1px 3px #141e3252;cursor:pointer;pointer-events:auto;z-index:2}.cmt-badge:hover{filter:brightness(.97);box-shadow:0 2px 5px #141e3266}.cmt-badge.is-resolved{opacity:.5}.cmt-badge svg{display:block}.cmt-badge-n{font-size:9px;font-weight:700;line-height:1;color:currentColor}.cmt-marker-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.cmt-marker-hl{position:absolute;border-radius:2px;pointer-events:none;mix-blend-mode:multiply}.cmt-lane{position:absolute;top:0;height:100%;pointer-events:none}.cmt-connectors{position:absolute;left:0;top:0;overflow:visible}.cmt-slot{position:absolute;pointer-events:auto;transition:top .15s ease}.cmt-balloon{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;box-shadow:0 6px 18px #141e3229;font:inherit;color:var(--text);cursor:default}button.cmt-balloon{cursor:pointer}.cmt-balloon.is-collapsed{padding:8px 10px}.cmt-balloon.is-collapsed:hover{border-color:var(--accent)}.cmt-balloon.is-resolved{opacity:.72}.cmt-note{padding:6px 11px 4px}.cmt-note.is-root{padding-top:10px}.cmt-head{display:flex;align-items:center;gap:7px}.cmt-avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;line-height:1}.cmt-name{font-size:12px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmt-time{font-size:10.5px;color:var(--text-3);white-space:nowrap}.cmt-rowactions{margin-left:auto;display:none;gap:8px}.cmt-note:hover .cmt-rowactions{display:flex}.cmt-link{border:none;background:none;padding:0;font:inherit;font-size:10.5px;color:var(--text-3);cursor:pointer}.cmt-link:hover{color:var(--accent)}.cmt-body{padding:4px 0 2px;font-size:12px;line-height:1.45;color:var(--text);white-space:pre-wrap;word-break:break-word}.cmt-body.cmt-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:2px 0 6px}.cmt-replycount{padding:0 0 6px;font-size:11px;color:var(--text-3)}.cmt-compose{display:flex;gap:7px;align-items:flex-start;padding:6px 11px}.cmt-compose.is-root{padding-top:11px}.cmt-input{flex:1;width:100%;resize:vertical;min-height:30px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit;font-size:12px;line-height:1.4}.cmt-input:focus{outline:none;border-color:var(--accent)}.cmt-editor{padding:0 11px 6px}.cmt-editor-actions,.cmt-actions{display:flex;align-items:center;gap:8px;padding:6px 11px 10px}.cmt-actions{border-top:1px solid var(--border);margin-top:2px}.cmt-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:7px;cursor:pointer}.cmt-btn:hover:not(:disabled){border-color:var(--accent)}.cmt-btn:disabled{opacity:.5;cursor:default}.cmt-btn.is-primary{background:var(--accent);border-color:var(--accent);color:#fff}.cmt-btn.is-resolve{margin-left:auto;color:var(--success, #248a43)}.cmt-resolved-tag{font-size:11px;font-weight:700;color:var(--success, #248a43)}.mp-watermark{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-26deg);font-family:var(--font);font-weight:800;font-size:13%;color:var(--accent);opacity:.12;letter-spacing:.04em;pointer-events:none}