.transform-section:where(.astro-zmdah3ew){max-width:var(--max-width);margin:0 auto;padding:0 24px}.transform-layout:where(.astro-zmdah3ew){max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0}.transform-frame:where(.astro-zmdah3ew){width:100%;border-radius:12px;overflow:hidden;position:relative;background:var(--frame-bg);border:1px solid var(--frame-border);box-shadow:var(--frame-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.transform-frame__bar:where(.astro-zmdah3ew){display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--frame-header-border);background:var(--frame-header-bg)}.transform-frame__dots:where(.astro-zmdah3ew){display:flex;gap:6px}.transform-frame__dot:where(.astro-zmdah3ew){width:10px;height:10px;border-radius:50%;flex-shrink:0}.transform-frame__dot--red:where(.astro-zmdah3ew){background:var(--error-400, #EF4444)}.transform-frame__dot--yellow:where(.astro-zmdah3ew){background:var(--warning-400, #FBBF24)}.transform-frame__dot--green:where(.astro-zmdah3ew){background:var(--success-400, #34D399)}.transform-frame__title:where(.astro-zmdah3ew){font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-left:auto;letter-spacing:.02em}.transform-frame__body:where(.astro-zmdah3ew){padding:16px 18px;overflow-x:auto;-webkit-overflow-scrolling:touch}.transform-frame__body:where(.astro-zmdah3ew) pre:where(.astro-zmdah3ew),.transform-frame__body:where(.astro-zmdah3ew) code:where(.astro-zmdah3ew){font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--frame-body-text);margin:0;padding:0;background:none;border:none;white-space:pre}.transform-frame__body:where(.astro-zmdah3ew)::-webkit-scrollbar{height:4px}.transform-frame__body:where(.astro-zmdah3ew)::-webkit-scrollbar-thumb{background:var(--frame-scrollbar);border-radius:4px}.transform-frame--after:where(.astro-zmdah3ew):before{content:"";position:absolute;inset:-1px;border-radius:13px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),0) 50%,rgba(var(--accent-rgb),.04));z-index:-1;opacity:0;transition:opacity .5s ease}.transform-frame--after:where(.astro-zmdah3ew).glow:before{opacity:1}.transform-frame--after:where(.astro-zmdah3ew).glow{border-color:rgba(var(--accent-rgb),.3)}.transform-indicator:where(.astro-zmdah3ew){display:flex;flex-direction:column;align-items:center;padding:14px 0;position:relative;z-index:2}.transform-arrow-btn:where(.astro-zmdah3ew){width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(var(--accent-rgb),.3);position:relative}.transform-arrow-btn:where(.astro-zmdah3ew) svg:where(.astro-zmdah3ew){width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.transform-arrow-btn:where(.astro-zmdah3ew):after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(var(--accent-rgb),.3);animation:tvPulse 2s ease-in-out infinite}@keyframes tvPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:0}}.transform-label-text:where(.astro-zmdah3ew){font-size:11px;font-weight:600;color:var(--accent-text);text-transform:uppercase;letter-spacing:1.5px;margin-top:6px}.transform-dots:where(.astro-zmdah3ew){position:absolute;top:-8px;bottom:-8px;left:50%;width:2px;pointer-events:none}.transform-dot:where(.astro-zmdah3ew){position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);left:50%;transform:translate(-50%);opacity:0}.transform-dot:where(.astro-zmdah3ew).animate{animation:tvDotTravel 1.8s cubic-bezier(.4,0,.2,1) infinite}.transform-dot:where(.astro-zmdah3ew).animate:nth-child(1){animation-delay:0s}.transform-dot:where(.astro-zmdah3ew).animate:nth-child(2){animation-delay:.4s}.transform-dot:where(.astro-zmdah3ew).animate:nth-child(3){animation-delay:.8s}@keyframes tvDotTravel{0%{top:0;opacity:0;transform:translate(-50%) scale(.5)}15%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1;transform:translate(-50%) scale(1)}to{top:100%;opacity:0;transform:translate(-50%) scale(.5)}}@media(max-width:768px){.transform-section:where(.astro-zmdah3ew){padding:0 20px}.transform-frame__body:where(.astro-zmdah3ew) pre:where(.astro-zmdah3ew),.transform-frame__body:where(.astro-zmdah3ew) code:where(.astro-zmdah3ew){font-size:11px;line-height:1.55}.transform-frame__bar:where(.astro-zmdah3ew){padding:8px 14px}.transform-frame__title:where(.astro-zmdah3ew){font-size:11px}}@media(prefers-reduced-motion:reduce){.transform-dot:where(.astro-zmdah3ew){animation:none!important}.transform-arrow-btn:where(.astro-zmdah3ew):after{animation:none}}