.zoom-stage{touch-action:none;-webkit-user-select:none;user-select:none;min-height:0;position:relative;overflow:hidden}.zoom-stage.can-pan{cursor:grab}.zoom-stage.grabbing,.zoom-stage.grabbing *{cursor:grabbing!important}.zoom-content{will-change:transform;position:absolute;top:0;left:0}.zoom-hand-layer{z-index:5;cursor:grab;position:absolute;inset:0}.zoom-stage.grabbing .zoom-hand-layer{cursor:grabbing}.zoom-minimap{z-index:7;cursor:pointer;touch-action:none;background-color:#fff;background-image:linear-gradient(45deg,#e9e9e6 25%,#0000 25%),linear-gradient(-45deg,#e9e9e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e9e6 75%),linear-gradient(-45deg,#0000 75%,#e9e9e6 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:6px;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 0 0 1px #0b0b0c59,0 6px 18px #0b0b0c47}.zoom-minimap img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.zoom-minimap span{pointer-events:none;background:#ff3b301f;border:2px solid #ff3b30;position:absolute}.zoom-controls{align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.zoom-controls button{border:1px solid var(--rule,#d6d6d2);min-width:36px;height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.zoom-controls button:disabled{opacity:.35;cursor:default}.zoom-controls button[aria-pressed=true]{background:var(--ink,#0b0b0c);border-color:var(--ink,#0b0b0c);color:#fff}.zoom-controls.dark button{color:#fff;border-color:#ffffff40}.zoom-controls.dark button[aria-pressed=true]{background:var(--fc-yellow,#ffd400);border-color:var(--fc-yellow,#ffd400);color:var(--fc-ink,#0b0b0c)}.zoom-pct{text-align:center;font-variant-numeric:tabular-nums;min-width:56px}.compare{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.compare-tools{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.compare-modes{border:1px solid var(--rule,#d6d6d2);border-radius:999px;flex-wrap:wrap;gap:4px;padding:3px;display:inline-flex}.compare-modes button,.compare-diff-toggle{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.compare-diff-toggle{border:1px solid var(--rule,#d6d6d2)}.compare-modes button[aria-pressed=true],.compare-diff-toggle[aria-pressed=true]{background:var(--ink,#0b0b0c);color:#fff}.compare-tools.dark .compare-modes,.compare-tools.dark .compare-diff-toggle{border-color:#ffffff40}.compare-tools.dark .compare-modes button[aria-pressed=true],.compare-tools.dark .compare-diff-toggle[aria-pressed=true]{background:var(--fc-yellow,#ffd400);color:var(--fc-ink,#0b0b0c)}.compare-modes button:disabled,.compare-diff-toggle:disabled{opacity:.35;cursor:default}.compare-stage{border:1px solid var(--rule,#d6d6d2);border-radius:8px;flex:1;min-height:260px}.compare-sides{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.compare-sides .compare-stage{min-height:240px}.compare-layer{position:absolute;inset:0}.compare-diff{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.compare-chip{z-index:6;color:#fff;pointer-events:none;background:#0b0b0cc7;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;top:10px}.compare-chip.left{left:10px}.compare-chip.right{right:10px}.compare-curtain{z-index:8;cursor:ew-resize;touch-action:none;width:28px;margin-left:-14px;position:absolute;top:0;bottom:0}.compare-curtain:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:13px;box-shadow:0 0 0 1px #0b0b0c73}.compare-curtain:focus-visible{outline:none}.compare-curtain:focus-visible .compare-curtain-grip{outline:3px solid var(--act,#2563eb)}.compare-curtain-grip{color:#0b0b0c;letter-spacing:2px;background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;font-size:18px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0b0b0c73}.compare-legend{flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;font-size:13px;display:flex}.compare-legend .dot{border-radius:3px;width:10px;height:10px;margin-left:8px;display:inline-block}.compare-legend .dot:first-child{margin-left:0}.compare-legend .dot.lost{background:#dc2626}.compare-legend .dot.added{background:#2563eb}.compare-legend .dot.changed{background:#f59e0b}.compare-legend small{opacity:.7}@media (max-width:700px){.compare-sides{grid-template-columns:1fr;grid-auto-rows:minmax(200px,1fr)}.zoom-controls .zoom-fit span{display:none}.zoom-pct{min-width:46px}}
.vector-compare{z-index:20;background:var(--paper);flex-direction:column;gap:10px;padding:18px;display:flex;position:absolute;inset:0}.vector-compare>header{justify-content:space-between;gap:12px;display:flex}.vector-compare h3{margin:0;font-size:18px}.vector-compare header p{color:var(--mute);margin:4px 0 0;font-size:13px}.vector-stage-surface{background-color:var(--paper);background-image:linear-gradient(45deg, var(--rule) 25%, transparent 25%), linear-gradient(-45deg, var(--rule) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--rule) 75%), linear-gradient(-45deg, transparent 75%, var(--rule) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.vector-note{margin:0}.vector-compare>footer{justify-content:flex-end;gap:10px;display:flex}.vector-compare>footer .button{align-items:center;gap:6px;min-height:44px;display:inline-flex}@media (max-width:800px){.vector-compare{padding:12px;position:fixed}.vector-compare>footer .button{flex:1;justify-content:center}}