.cassette.svelte-1xnp4za{position:relative;width:250px;height:160px;background:linear-gradient(45deg,#2a2a2a,#3a3a3a);border-radius:6px;padding:8px;margin:20px auto;box-shadow:0 4px 8px #0006,inset 0 1px 2px #ffffff1a;transform:rotate(-2deg);transition:transform .4s cubic-bezier(.16,1,.3,1)}.cassette.svelte-1xnp4za:hover{transform:rotate(0) scale(1.05)}@media (prefers-reduced-motion: reduce){.cassette.svelte-1xnp4za{transition:none}.cassette.svelte-1xnp4za:hover{transform:rotate(-2deg)}}.cassette.svelte-1xnp4za:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.03) 1px,rgba(255,255,255,.03) 2px);border-radius:6px;pointer-events:none}.inner-frame.svelte-1xnp4za{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:210px;height:140px;background:linear-gradient(to bottom,#444,#333);border-radius:4px;border:1px solid #222;overflow:hidden}.inner-frame.svelte-1xnp4za:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);pointer-events:none}.tape-window.svelte-1xnp4za{position:absolute;width:160px;height:50px;background:#111;top:65px;left:50%;transform:translate(-50%);border-radius:2px;border:1px solid #000;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.tape-path.svelte-1xnp4za{position:absolute;width:100%;height:20px;background:linear-gradient(to bottom,#1a1a1a,#222 20%,#1a1a1a,#222 80%,#1a1a1a);top:50%;transform:translateY(-50%)}.tape-shine.svelte-1xnp4za{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 80%,transparent 100%)}.reel.svelte-1xnp4za{position:absolute;width:42px;height:42px;background:radial-gradient(circle at 50% 50%,#222,#111);border-radius:50%;top:69px;box-shadow:inset 0 1px 2px #000c,0 1px 1px #ffffff1a}.reel-left.svelte-1xnp4za{left:28px}.reel-right.svelte-1xnp4za{right:28px}.reel.svelte-1xnp4za:after{content:"";position:absolute;width:15px;height:15px;background:radial-gradient(circle at 50% 50%,#444,#333);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #111}.reel.svelte-1xnp4za:before{content:"";position:absolute;width:30px;height:30px;border:2px solid #1a1a1a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-holes.svelte-1xnp4za{position:absolute;width:100%;height:100%;animation:svelte-1xnp4za-spin 8s linear infinite}.reel-hole.svelte-1xnp4za{position:absolute;width:4px;height:4px;background:#000;border-radius:50%}.reel-hole.svelte-1xnp4za:nth-child(1){top:5px;left:50%}.reel-hole.svelte-1xnp4za:nth-child(2){top:50%;right:5px}.reel-hole.svelte-1xnp4za:nth-child(3){bottom:5px;left:50%}.reel-hole.svelte-1xnp4za:nth-child(4){top:50%;left:5px}.sticker.svelte-1xnp4za{position:absolute;width:170px;height:42px;background:linear-gradient(45deg,#fff,#f0f0f0);top:15px;left:50%;transform:translate(-50%) rotate(.5deg);border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;font-size:11px;font-weight:700;text-transform:uppercase;color:#222;text-align:center;padding:4px;box-shadow:0 1px 1px #0003;border:1px solid #ddd;overflow:hidden}.sticker.svelte-1xnp4za:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#fffc,#fff0);transform:skew(-45deg) translate(-150%);animation:svelte-1xnp4za-shine 5s infinite}.sticker.svelte-1xnp4za:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.02) 5px,rgba(0,0,0,.02) 10px)}.screw.svelte-1xnp4za{position:absolute;width:7px;height:7px;background:radial-gradient(circle at 40% 40%,#555,#333);border-radius:50%;border:1px solid #222;box-shadow:inset 0 1px 1px #000c}.screw-1.svelte-1xnp4za{top:10px;left:10px;transform:rotate(45deg)}.screw-2.svelte-1xnp4za{top:10px;right:10px;transform:rotate(-45deg)}.screw-3.svelte-1xnp4za{bottom:10px;left:10px;transform:rotate(-45deg)}.screw-4.svelte-1xnp4za{bottom:10px;right:10px;transform:rotate(45deg)}.screw-5.svelte-1xnp4za{top:50%;left:10px;transform:translateY(-50%)}.screw-6.svelte-1xnp4za{top:50%;right:10px;transform:translateY(-50%)}.screw.svelte-1xnp4za:after{content:"";position:absolute;width:4px;height:1px;background:#222;top:50%;left:50%;transform:translate(-50%,-50%)}.write-protect.svelte-1xnp4za{position:absolute;width:12px;height:9px;background:linear-gradient(to bottom,#222,#1a1a1a);bottom:12px;border-radius:1px;box-shadow:inset 0 1px 1px #000c,0 1px 1px #ffffff1a}.write-protect-left.svelte-1xnp4za{left:50px}.write-protect-right.svelte-1xnp4za{right:50px}.finger-grip.svelte-1xnp4za{position:absolute;width:20px;height:60px;background:#2a2a2a;top:50%;transform:translateY(-50%);border-radius:1px}.finger-grip-left.svelte-1xnp4za{left:2px;background:linear-gradient(90deg,#222,#2a2a2a)}.finger-grip-right.svelte-1xnp4za{right:2px;background:linear-gradient(-90deg,#222,#2a2a2a)}.finger-grip.svelte-1xnp4za:after{content:"";position:absolute;top:0;bottom:0;width:100%;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px)}.brand-text.svelte-1xnp4za{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:7px;color:#888;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.8)}.duration.svelte-1xnp4za{position:absolute;top:8px;right:20px;font-family:Arial,sans-serif;font-size:7px;color:#888;text-shadow:0 1px 1px rgba(0,0,0,.8)}.type-text.svelte-1xnp4za{position:absolute;top:8px;left:20px;font-family:Arial,sans-serif;font-size:6px;color:#888;text-transform:uppercase}.specs.svelte-1xnp4za{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:5px;color:#666;width:80%;text-align:center}.wear-overlay.svelte-1xnp4za{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,transparent 0%,rgba(0,0,0,.1) 90%,rgba(0,0,0,.2) 100%);pointer-events:none}@keyframes svelte-1xnp4za-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1xnp4za-shine{0%{transform:skew(-45deg) translate(-150%)}15%{transform:skew(-45deg) translate(150%)}to{transform:skew(-45deg) translate(150%)}}