@property --zoom{syntax:"<integer>";inherits:true;initial-value:100}.ZoomDemo-module__Dbnqvq__demo{color:var(--color-ink);display:block}.ZoomDemo-module__Dbnqvq__stage{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:720px){.ZoomDemo-module__Dbnqvq__stage{grid-template-columns:1fr 1fr;gap:1rem}}.ZoomDemo-module__Dbnqvq__panel{border:1px solid var(--color-line);background:var(--color-surface);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 12px 32px -22px #00000073}.ZoomDemo-module__Dbnqvq__head{border-bottom:1px solid var(--color-line);background:var(--color-raised);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .85rem;display:flex}.ZoomDemo-module__Dbnqvq__title{letter-spacing:-.01em;color:var(--color-ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.ZoomDemo-module__Dbnqvq__readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-muted);border:1px solid var(--color-line);background:var(--color-surface);white-space:nowrap;border-radius:5px;padding:.1rem .4rem;font-size:.7rem}.ZoomDemo-module__Dbnqvq__readout:after{content:counter(zoomc) "%";counter-reset:zoomc var(--zoom)}.ZoomDemo-module__Dbnqvq__viewport{aspect-ratio:4/3;background:radial-gradient(120% 100% at 50% 0%, var(--color-raised), var(--color-surface));position:relative;overflow:hidden}.ZoomDemo-module__Dbnqvq__artwork{transform-origin:52% 46%;will-change:transform;position:absolute;inset:0}.ZoomDemo-module__Dbnqvq__crosshair{opacity:.55;pointer-events:none;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;position:absolute;top:46%;left:52%}.ZoomDemo-module__Dbnqvq__crosshair:before,.ZoomDemo-module__Dbnqvq__crosshair:after{content:"";background:var(--color-accent);position:absolute}.ZoomDemo-module__Dbnqvq__crosshair:before{width:1px;height:100%;top:0;left:50%;transform:translate(-.5px)}.ZoomDemo-module__Dbnqvq__crosshair:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-.5px)}.ZoomDemo-module__Dbnqvq__badge{letter-spacing:-.005em;border:1px solid var(--color-line);background:color-mix(in oklab, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.2rem .5rem;font-size:.68rem;font-weight:600;position:absolute;bottom:.7rem;left:.7rem}.ZoomDemo-module__Dbnqvq__badgeBad{color:var(--color-bad)}.ZoomDemo-module__Dbnqvq__badgeGood{color:var(--color-good)}.ZoomDemo-module__Dbnqvq__animated .ZoomDemo-module__Dbnqvq__artwork{animation:7s infinite ZoomDemo-module__Dbnqvq__zoomTrack}.ZoomDemo-module__Dbnqvq__animated .ZoomDemo-module__Dbnqvq__panel{animation:7s infinite ZoomDemo-module__Dbnqvq__zoomCount}.ZoomDemo-module__Dbnqvq__panel.ZoomDemo-module__Dbnqvq__stepped,.ZoomDemo-module__Dbnqvq__stepped .ZoomDemo-module__Dbnqvq__artwork{animation-timing-function:steps(5,jump-none)}.ZoomDemo-module__Dbnqvq__panel.ZoomDemo-module__Dbnqvq__smooth,.ZoomDemo-module__Dbnqvq__smooth .ZoomDemo-module__Dbnqvq__artwork{animation-timing-function:cubic-bezier(.33,0,.15,1)}@keyframes ZoomDemo-module__Dbnqvq__zoomTrack{0%,6%{transform:scale(1)}46%,62%{transform:scale(2.6)}96%,to{transform:scale(1)}}@keyframes ZoomDemo-module__Dbnqvq__zoomCount{0%,6%{--zoom:100}46%,62%{--zoom:260}96%,to{--zoom:100}}.ZoomDemo-module__Dbnqvq__wheel{color:var(--color-muted);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;display:flex}.ZoomDemo-module__Dbnqvq__ticks{gap:4px;display:flex}.ZoomDemo-module__Dbnqvq__tick{background:var(--color-line-strong);border-radius:3px;width:16px;height:5px}.ZoomDemo-module__Dbnqvq__animated .ZoomDemo-module__Dbnqvq__tick{animation:7s infinite ZoomDemo-module__Dbnqvq__tickPulse}.ZoomDemo-module__Dbnqvq__tick:first-child{animation-delay:.4s}.ZoomDemo-module__Dbnqvq__tick:nth-child(2){animation-delay:1s}.ZoomDemo-module__Dbnqvq__tick:nth-child(3){animation-delay:1.6s}.ZoomDemo-module__Dbnqvq__tick:nth-child(4){animation-delay:2.2s}.ZoomDemo-module__Dbnqvq__tick:nth-child(5){animation-delay:2.8s}@keyframes ZoomDemo-module__Dbnqvq__tickPulse{0%,3%{background:var(--color-line-strong);transform:scaleY(1)}5%,40%{background:var(--color-accent);transform:scaleY(1.7)}55%,to{background:var(--color-line-strong);transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.ZoomDemo-module__Dbnqvq__animated .ZoomDemo-module__Dbnqvq__artwork,.ZoomDemo-module__Dbnqvq__animated .ZoomDemo-module__Dbnqvq__panel,.ZoomDemo-module__Dbnqvq__animated .ZoomDemo-module__Dbnqvq__tick{animation:none!important}.ZoomDemo-module__Dbnqvq__stepped .ZoomDemo-module__Dbnqvq__artwork{transform:scale(1.9)}.ZoomDemo-module__Dbnqvq__smooth .ZoomDemo-module__Dbnqvq__artwork{transform:scale(2.2)}}