.shelf-scene.svelte-1uha8ag{perspective:1100px;perspective-origin:50% 40%;height:340px;position:relative}.shelf.svelte-1uha8ag{transform-style:preserve-3d;justify-content:center;align-items:flex-end;gap:18px;display:flex;position:absolute;inset:0;transform:rotateX(24deg)rotateY(-18deg)}.shelf-box.svelte-1uha8ag{border:1px solid var(--color-border);width:108px;height:150px;transform:translateZ(calc(var(--i) * 6px)) translateY(calc(var(--i) * -4px)) rotateY(6deg);flex-shrink:0;transition:transform .35s;position:relative;overflow:hidden;box-shadow:0 14px 24px #0fa8772e}.shelf-box.svelte-1uha8ag:hover{transform:translateZ(40px)translateY(-14px)rotateY(0)}.shelf-caption.svelte-1uha8ag{background:color-mix(in srgb, var(--color-text-primary) 78%, transparent);color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:4px 6px;font-size:.58rem;position:absolute;bottom:0;left:0;right:0}.shelf-plank.svelte-1uha8ag{background:linear-gradient(180deg, var(--color-surface-dark), var(--color-border));border:1px solid var(--color-border);transform-origin:top;height:22px;position:absolute;bottom:24px;left:4%;right:4%;transform:rotateX(58deg);box-shadow:0 20px 30px #14211d1f}@media (prefers-reduced-motion:reduce){.shelf-box.svelte-1uha8ag{transition:none}}