.pattern-preview.focus-ring-preview{position:relative;display:grid;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.focus-ring-preview.pattern-preview--inspector{height:auto;min-height:220px;padding:28px 24px;gap:14px;align-content:center}.focus-ring-badge{position:absolute;top:8px;right:10px;z-index:4;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--focus-ring-color,rgba(255,255,255,.92));font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.focus-ring-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.focus-ring-scene{display:grid;grid-gap:10px;gap:10px;align-items:center;width:100%;max-width:280px}.focus-ring-target{font:inherit;cursor:pointer;outline:0 solid transparent;outline-offset:0}.focus-ring-target.is-focused,.focus-ring-target:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring-color,#7dd3fc);outline-offset:var(--focus-ring-offset-min,2px);animation:focusRingPulse var(--focus-ring-duration,1.8s) ease-in-out infinite}@keyframes focusRingPulse{0%,to{outline-offset:var(--focus-ring-offset-min,2px)}50%{outline-offset:var(--focus-ring-offset-max,6px)}}.focus-ring-scene--button{grid-template-rows:auto auto;justify-items:center}.focus-ring-scene--button .focus-ring-scene__caption{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(125,211,252,.78)}.focus-ring-target--button{padding:10px 22px;border-radius:999px;background:linear-gradient(180deg,#1e293b,#0b1220);color:rgba(241,245,249,.96);border:1px solid rgba(125,211,252,.32);font-size:.9rem;font-weight:600;letter-spacing:.01em}.focus-ring-scene--link{display:block;margin:0;padding:0 6px;font-size:.92rem;line-height:1.6;color:rgba(203,213,225,.78);text-align:center}.focus-ring-target--link{display:inline;color:rgba(240,171,252,.92);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;border-radius:3px;font-weight:600}.focus-ring-scene--field{grid-template-rows:auto auto;gap:6px;justify-items:stretch;width:100%;max-width:280px}.focus-ring-scene__field-label{font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(253,224,71,.78)}.focus-ring-target--field{padding:10px 12px;background:rgba(15,23,42,.78);border:1px solid rgba(253,224,71,.28);border-radius:8px;color:rgba(241,245,249,.96);font-size:.86rem;letter-spacing:.01em;width:100%}@media (prefers-reduced-motion:reduce){.focus-ring-target.is-focused,.focus-ring-target:focus-visible{animation:none;outline-offset:var(--focus-ring-offset-max,6px)}}