.pattern-preview.input-preview{position:relative;display:grid;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.input-preview.pattern-preview--inspector{height:auto;min-height:200px}.fl-field{position:relative;width:100%;max-width:280px;--fl-notch-bg:#0e2235}.fl-input{width:100%;padding:14px 14px 12px;border:none;background:transparent;color:rgba(241,245,249,.96);font:inherit;font-size:.92rem;letter-spacing:.01em;outline:none;caret-color:var(--input-accent,#7dd3fc)}.fl-input::placeholder{color:transparent}.fl-label{position:absolute;pointer-events:none;font-size:.84rem;font-weight:500;letter-spacing:.01em;color:rgba(203,213,225,.72);transform-origin:left center;transition:transform var(--input-duration,.22s) ease,color var(--input-duration,.22s) ease,background-color var(--input-duration,.22s) ease}.fl-field--outlined{padding-top:6px}.fl-field--outlined .fl-input{padding:14px 14px 12px;border-radius:10px;box-shadow:inset 0 0 0 1.5px rgba(248,250,252,.18);transition:box-shadow var(--input-duration,.22s) ease}.fl-field--outlined .fl-input:focus{box-shadow:inset 0 0 0 1.8px var(--input-accent,#7dd3fc)}.fl-field--outlined .fl-label{top:19px;left:12px;padding:0 4px}.fl-field--outlined[data-floating=true] .fl-label{transform:translateY(-22px) scale(.82);background:var(--fl-notch-bg);color:var(--input-accent,#7dd3fc)}.fl-field--underline{padding:18px 0 4px}.fl-field--underline .fl-input{padding:0 0 8px;font-size:.96rem}.fl-field--underline .fl-label{top:22px;left:0}.fl-field--underline[data-floating=true] .fl-label{transform:translateY(-18px) scale(.78);color:var(--input-accent,#f0abfc)}.fl-underline-baseline{position:absolute;bottom:4px;left:0;right:0;height:1px;background:rgba(248,250,252,.18)}.fl-underline-active{position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--input-accent,#f0abfc);border-radius:999px;transform:scaleX(0);transform-origin:left center;transition:transform var(--input-duration,.24s) cubic-bezier(.2,.8,.2,1);box-shadow:0 0 8px color-mix(in srgb,var(--input-accent,#f0abfc) 35%,transparent)}.fl-field--underline[data-focused=true] .fl-underline-active{transform:scaleX(1)}.fl-field--glow{padding:1.5px;border-radius:12px;background:linear-gradient(135deg,#67e8f9 0,var(--input-accent,#fde047) 50%,#f472b6 100%);filter:saturate(.45);transition:filter var(--input-duration,.3s) ease,box-shadow var(--input-duration,.3s) ease}.fl-field--glow[data-focused=true]{filter:saturate(1);box-shadow:0 0 0 4px color-mix(in srgb,var(--input-accent,#fde047) 18%,transparent),0 8px 24px color-mix(in srgb,var(--input-accent,#fde047) 14%,transparent)}.fl-field--glow .fl-input{padding:14px;border-radius:10.5px;background:var(--fl-notch-bg)}.fl-field--glow .fl-label{top:18px;left:14px;padding:0 4px}.fl-field--glow[data-floating=true] .fl-label{transform:translateY(-22px) scale(.82);background:var(--fl-notch-bg);color:var(--input-accent,#fde047)}.fl-glow-halo{display:none}@media (prefers-reduced-motion:reduce){.fl-field--glow,.fl-input,.fl-label,.fl-underline-active{transition:none!important}}