.pattern-preview.check-preview{position:relative;display:grid;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.check-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.check-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.check-preview__controls{display:flex;justify-content:center}.check-preview__button{padding:7px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--check-accent,#34d399) 40%,rgba(148,163,184,.18));background:color-mix(in srgb,var(--check-accent,#34d399) 14%,rgba(15,23,42,.9));color:rgba(241,245,249,.96);font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .16s ease}.check-preview__button:hover{background:color-mix(in srgb,var(--check-accent,#34d399) 24%,rgba(15,23,42,.9))}.check-preview__button:focus-visible{outline:2px solid var(--check-accent,#34d399);outline-offset:3px}.success-check{width:76px;height:76px;overflow:visible}.success-check__ring,.success-check__tick{fill:none;stroke:var(--check-accent,#34d399);stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--check-accent,#34d399) 35%,transparent))}.success-check__ring{stroke-width:3}.success-check__tick{stroke-width:3.5}.check-preview--inspector .success-check__ring{stroke-dasharray:var(--ring-length,1);stroke-dashoffset:var(--ring-length,1);animation:drawRing var(--check-ring-ms,.42s) cubic-bezier(.22,1,.36,1) forwards}.check-preview--inspector .success-check__tick{stroke-dasharray:var(--tick-length,54);stroke-dashoffset:var(--tick-length,54);animation:drawTick var(--check-tick-ms,.28s) cubic-bezier(.22,1,.36,1) var(--check-tick-delay,0s) forwards}.check-preview--inspector.check-preview--tickPop .success-check{transform-origin:center;animation:tickPop .28s cubic-bezier(.22,1,.36,1) var(--check-pop-delay,0s) forwards}@keyframes drawRing{to{stroke-dashoffset:0}}@keyframes drawTick{to{stroke-dashoffset:0}}@keyframes tickPop{50%{transform:scale(var(--check-pop-scale,1.08))}to{transform:scale(1)}}.check-preview:not(.pattern-preview--inspector) .success-check__ring{stroke-dasharray:1;stroke-dashoffset:1;animation:stageRingDraw 4.4s cubic-bezier(.55,.05,.35,.95) infinite}.check-preview:not(.pattern-preview--inspector) .success-check__tick{stroke-dasharray:1;stroke-dashoffset:1;animation:stageTickDraw 4.4s cubic-bezier(.55,.05,.35,.95) infinite}.check-preview--tickPop:not(.pattern-preview--inspector) .success-check__tick{animation-name:stageTickDrawSolo}.check-preview--tickPop:not(.pattern-preview--inspector) .success-check{transform-origin:center;animation:stageTickPop 4.4s ease-in-out infinite}@keyframes stageRingDraw{0%,4%{stroke-dashoffset:1;opacity:0}10%{stroke-dashoffset:1;opacity:1}38%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes stageTickDraw{0%,38%{stroke-dashoffset:1;opacity:0}44%{stroke-dashoffset:1;opacity:1}60%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes stageTickDrawSolo{0%,4%{stroke-dashoffset:1;opacity:0}10%{stroke-dashoffset:1;opacity:1}35%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes stageTickPop{0%,35%{transform:scale(1)}42%{transform:scale(1.1)}55%,to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.success-check__ring,.success-check__tick{animation:none;stroke-dashoffset:0;opacity:1}.check-preview--tickPop .success-check{animation:none;transform:none}}