.pin-layer{z-index:5;pointer-events:none;position:absolute}.pin-layer.is-placing{pointer-events:auto;cursor:crosshair;outline:2px dashed var(--ui-accent);outline-offset:-2px;background:color-mix(in srgb, var(--ui-accent) 5%, transparent)}.marker{z-index:6;background:var(--ui-accent);width:26px;height:26px;color:var(--ui-on-accent);font:inherit;box-shadow:var(--ui-shadow-md);cursor:pointer;pointer-events:auto;transform:translate(-12%, -100%) rotate(0deg) scale(var(--inv,1));transform-origin:0 100%;border:2px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;display:inline-flex;position:absolute}.pin-choice{z-index:7;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow-md);pointer-events:auto;transform:translate(-12%, 0) scale(var(--inv,1));transform-origin:0 0;white-space:nowrap;gap:2px;margin-top:6px;padding:3px;display:inline-flex;position:absolute}.pin-choice button{border-radius:calc(var(--ui-radius) - 2px);color:var(--ui-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.pin-choice button:hover{background:#0000000f}.pin-choice .is-cancel{color:var(--ui-muted);padding:4px 7px}.marker.is-poll{background:#7c3aed;border-radius:6px}.marker.is-done{background:var(--ui-muted);opacity:.8}.marker.is-waiting:after{content:"";background:var(--ui-danger);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:-5px}.marker.is-draft{background:var(--ui-ok);pointer-events:none;animation:1.4s ease-in-out infinite marker-pulse}.marker:hover,.marker:focus-visible{z-index:8;box-shadow:0 0 0 3px var(--ui-accent-ring), var(--ui-shadow-md);outline:none}.marker-n{pointer-events:none}.marker.is-badge{transform:translate(40%, -40%) scale(var(--inv,1));transform-origin:0 100%;border-radius:999px;width:22px;height:22px;font-size:11px;position:absolute}.marker-pop{z-index:9;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:var(--ui-surface);width:max-content;max-width:240px;color:var(--ui-text);text-align:left;box-shadow:var(--ui-shadow-lg);pointer-events:none;flex-direction:column;gap:2px;padding:8px 10px;font-size:12.5px;line-height:1.35;display:none;position:absolute;bottom:0;left:30px}.marker-pop small{color:var(--ui-muted)}.marker:hover .marker-pop,.marker:focus-visible .marker-pop{display:flex}@keyframes marker-pulse{0%,to{transform:translate(-12%, -100%) scale(var(--inv,1))}50%{transform:translate(-12%, -108%) scale(var(--inv,1))}}.comments-mode.is-on{background:var(--ui-accent);color:var(--ui-on-accent)}body.is-commenting .proto-stage,body.is-commenting .pres-frame-box,body.is-commenting .zoom-image{cursor:crosshair}.text-badge-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.text-badge-layer .marker{width:22px;height:22px;font-size:11px;transform:translate(-30%,-90%)}.selection-bar{z-index:70;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow-lg);gap:2px;padding:4px;display:inline-flex;position:fixed}.selection-bar button{border-radius:var(--ui-radius-sm);height:28px;color:var(--ui-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.selection-bar button:hover{background:var(--ui-accent-soft);color:var(--ui-accent-text)}.zoom-image-pins{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.wiki-page{position:relative}.card-marker{border:1px solid var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:11.5px;font-weight:700;display:inline-flex;position:relative}.card-marker:hover{background:var(--ui-accent);color:var(--ui-on-accent)}.card-marker.is-waiting:after{content:"";background:var(--ui-danger);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;right:-4px}.marker.is-fresh{animation:brand-ring 1.1s var(--ui-ease) 2}@media (prefers-reduced-motion:reduce){.marker.is-fresh{animation:none}}