.hs-demo{gap:var(--space-4);width:100%;max-width:420px;justify-content:center}.hs-card,.hs-demo{display:flex;align-items:center}.hs-card{position:relative;flex-shrink:0;flex-direction:column;gap:10px}.hs-card-label{font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:1.5px;font-weight:var(--font-bold);font-family:var(--font-inter)}.hs-card-label--source{color:var(--text-disabled)}.hs-card-label--style{color:rgba(var(--brand-cyan-rgb),.7)}.hs-card-label--result{color:rgba(var(--brand-cyan-rgb),var(--opacity-80))}.hs-frame{border-radius:var(--radius-lg);overflow:hidden;position:relative}.hs-frame--source{width:130px;height:170px;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.hs-frame--result{width:150px;height:196px;border:1px solid rgba(var(--brand-cyan-rgb),.2);box-shadow:var(--shadow-lg),0 0 24px rgba(var(--brand-cyan-rgb),var(--opacity-06))}.hs-frame img{display:block;width:100%;height:100%;object-fit:cover}.hs-transform{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;padding-top:var(--space-5)}.hs-arrow-line{width:48px;height:1px;background:linear-gradient(90deg,rgba(var(--brand-cyan-rgb),.4),rgba(var(--brand-cyan-rgb),.4));position:relative}.hs-arrow-line:after{content:"";position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-right:1.5px solid rgba(var(--brand-cyan-rgb),.5);border-top:1.5px solid rgba(var(--brand-cyan-rgb),.5);transform:rotate(45deg)}.hs-orb{width:36px;height:36px;border-radius:var(--radius-circle);background:radial-gradient(circle at 40% 35%,rgba(var(--brand-cyan-rgb),.2),rgba(var(--brand-cyan-rgb),var(--opacity-08)) 70%,transparent);border:1px solid rgba(var(--brand-cyan-rgb),.2);display:flex;align-items:center;justify-content:center;animation:hs-pulse 4s ease-in-out infinite}@keyframes hs-pulse{0%,to{box-shadow:0 0 16px rgba(var(--brand-cyan-rgb),.1)}50%{box-shadow:0 0 24px rgba(var(--brand-cyan-rgb),.18)}}.hs-orb svg{width:16px;height:16px;filter:drop-shadow(0 0 4px rgba(var(--brand-cyan-rgb),.4))}.hs-style-tag{position:absolute;bottom:var(--space-2);left:50%;transform:translateX(-50%);z-index:2;font-size:var(--text-caption);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;border-radius:var(--radius-sm);white-space:nowrap}.hs-style-tag--anime{background:linear-gradient(135deg,rgba(var(--brand-cyan-rgb),.2),rgba(var(--brand-cyan-rgb),.2));border:1px solid rgba(var(--brand-cyan-rgb),.2);color:rgba(var(--brand-cyan-rgb),.9)}.hs-styles-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px;max-width:420px}.hs-pill{font-size:var(--text-xxs);font-weight:var(--font-semibold);letter-spacing:.2px;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap;font-family:var(--font-inter)}.hs-pill--active{background:rgba(var(--brand-cyan-rgb),.1);border:1px solid rgba(var(--brand-cyan-rgb),.25);color:rgba(var(--brand-cyan-rgb),.9)}.hs-pill--muted{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-disabled)}@media (max-width:1024px){.hs-frame--source{width:110px;height:145px}.hs-frame--result{width:130px;height:170px}.hs-demo{max-width:360px;gap:var(--space-3)}}@media (max-width:768px){.hs-frame--source{width:95px;height:125px;border-radius:var(--radius-md)}.hs-frame--result{width:110px;height:145px;border-radius:var(--radius-md)}.hs-demo{max-width:300px;gap:10px}.hs-arrow-line{width:32px}.hs-orb{width:30px;height:30px}.hs-orb svg{width:13px;height:13px}.hs-styles-row{gap:var(--space-1)}.hs-pill{font-size:var(--text-caption);padding:3px 8px}}@media (prefers-reduced-motion:reduce){.hs-orb{animation:none}}