.device-wrapper.svelte-n4u6qp{perspective:1000px}.device-frame.svelte-n4u6qp{aspect-ratio:16/9;position:relative;background:#000;border-radius:1.5rem;box-shadow:0 8px 20px #0000004d;overflow:hidden;box-sizing:border-box;padding:10px}.device-screen-wrapper.svelte-n4u6qp{position:absolute;top:10px;right:10px;bottom:10px;left:10px;overflow:hidden;border-radius:1rem}.device-screen.svelte-n4u6qp{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.tilt-left.svelte-n4u6qp{transform:rotateY(-15deg) rotateX(5deg)}.tilt-right.svelte-n4u6qp{transform:rotateY(15deg) rotateX(5deg)}.device-frame.svelte-n4u6qp:hover{transform:rotateY(-10deg) rotateX(3deg)}.tilt-right.svelte-n4u6qp:hover{transform:rotateY(10deg) rotateX(3deg)}.nav-button.svelte-n4u6qp{font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .2s,color .2s;color:#9ca3af}.nav-button.svelte-n4u6qp:hover{transform:translateY(-2px);color:#000}