.note-input[data-v-6dd3e293]{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--color-text);font-size:.9rem;padding:.35rem .55rem;position:absolute;transform:translateY(-50%);width:min(14rem,60vw);z-index:4}.note-input[data-v-6dd3e293]:focus{outline:2px solid var(--color-accent-tint)}.viewer[data-v-4c4980db]{display:flex;flex-direction:column}.viewer__pill[data-v-4c4980db]{align-items:center;align-self:center;background:#ffffffe6;border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 .75rem;max-width:calc(100% - 2rem);padding:.4rem .6rem}.viewer__icon-btn[data-v-4c4980db]{background:transparent;border:0;border-radius:50%;color:var(--color-text);cursor:pointer;display:grid;font-size:1.1rem;height:1.9rem;line-height:1;place-items:center;width:1.9rem}.viewer__icon-btn[data-v-4c4980db]:hover{background:var(--color-surface)}.viewer__zoom-level[data-v-4c4980db]{color:var(--color-text);font-family:var(--font-mono);font-size:.8rem;min-width:3.2rem;text-align:center}.viewer__pill-divider[data-v-4c4980db]{background:var(--color-border);height:1.2rem;width:1px}.viewer__pill-btn[data-v-4c4980db]{background:transparent;border:0;border-radius:999px;color:var(--color-text);cursor:pointer;font-size:.85rem;padding:.35rem .6rem}.viewer__pill-btn[data-v-4c4980db]:hover{background:var(--color-surface)}.viewer__toggle[data-v-4c4980db]{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem}.viewer__switch[data-v-4c4980db]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:999px;cursor:pointer;height:1.1rem;position:relative;transition:background .15s ease;width:2rem}.viewer__switch[data-v-4c4980db]:after{background:#fff;border-radius:50%;content:"";height:.8rem;left:2px;position:absolute;top:2px;transition:transform .15s ease;width:.8rem}.viewer__switch[data-v-4c4980db]:checked{background:var(--color-accent)}.viewer__switch[data-v-4c4980db]:checked:after{transform:translate(.9rem)}.viewer__viewport[data-v-4c4980db]{background-color:var(--color-surface-2);background-image:radial-gradient(var(--grid-dot) 1.2px,transparent 1.2px);background-size:18px 18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:default;height:72vh;min-height:360px;overflow:hidden;position:relative;touch-action:none}.viewer__viewport--panning[data-v-4c4980db]{cursor:grabbing}.viewer__canvas[data-v-4c4980db]{inset:0;position:absolute;transform-origin:center center}.viewer__drawing[data-v-4c4980db],.viewer__overlay[data-v-4c4980db]{height:100%;inset:0;position:absolute;width:100%}.viewer__drawing[data-v-4c4980db]{align-items:center;display:flex;justify-content:center}.viewer__drawing[data-v-4c4980db] svg{height:100%;width:100%}.viewer__overlay[data-v-4c4980db]{pointer-events:none}.viewer__overlay--active[data-v-4c4980db]{pointer-events:auto}.viewer__viewport--erasing[data-v-4c4980db]{cursor:crosshair}.viewer__viewport--dragging[data-v-4c4980db]{cursor:move}.viewer__selection-outline[data-v-4c4980db]{fill:none;stroke:var(--color-accent)}.viewer__selection-handle[data-v-4c4980db]{fill:#fff;stroke:var(--color-accent)}.viewer__anno--erasable[data-v-4c4980db]{cursor:crosshair}.viewer__anno--erasable[data-v-4c4980db]:hover *{filter:drop-shadow(0 0 3px #991b1b);opacity:.6}@media(max-width:30rem){.viewer__viewport[data-v-4c4980db]{height:58vh;min-height:260px}.viewer__pill[data-v-4c4980db]{gap:.3rem;padding:.3rem .45rem}.viewer__toggle span[data-v-4c4980db]:first-child{display:none}}@media(pointer:coarse){.viewer__icon-btn[data-v-4c4980db]{height:2.5rem;width:2.5rem}.viewer__pill-btn[data-v-4c4980db]{padding:.5rem .75rem}}@media(prefers-reduced-motion:reduce){.viewer__switch[data-v-4c4980db],.viewer__switch[data-v-4c4980db]:after{transition:none}}