.pattern-preview.typewriter-preview{--type-track:30ch;--type-duration:2.4s;--type-timing:steps(30,end);--type-caret-color:rgba(134,239,255,0.95);--type-text-color:rgba(234,248,255,0.96);--type-bg-soft:rgba(14,28,46,0.62);--type-font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--type-blink-duration:0.95s;--type-blink-timing:steps(1,end);display:grid;align-content:center;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate;background:var(--type-bg-soft)}.pattern-preview.typewriter-preview.pattern-preview--inspector{height:auto;min-height:240px;padding:32px}.typewriter-track{display:inline-flex;align-items:baseline;font-family:var(--type-font-family);font-size:18px;letter-spacing:.01em;color:var(--type-text-color);max-width:100%}.typewriter-text{display:inline-block;white-space:nowrap;overflow:hidden;width:0;max-width:var(--type-track);animation:typewriterReveal var(--type-duration) var(--type-timing) infinite}.typewriter-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;background:var(--type-caret-color);transform:translateY(2px);animation:typewriterBlink var(--type-blink-duration) var(--type-blink-timing) infinite}@keyframes typewriterReveal{0%{width:0}60%,to{width:100%}}@keyframes typewriterBlink{0%,49%{opacity:1}50%,to{opacity:0}}.typewriter-preview:not(.pattern-preview--inspector) .typewriter-text{animation-duration:3.6s}.typewriter-preview:not(.pattern-preview--inspector) .typewriter-caret{animation-duration:.8s}@media (prefers-reduced-motion:reduce){.typewriter-caret,.typewriter-text{animation:none}.typewriter-text{width:100%}}