* { box-sizing: border-box; }
body { margin: 0; background: #0b0b10; color: #fff; font-family: system-ui, sans-serif; }
.app { max-width: 520px; margin: 0 auto; padding: 16px; }
.stage { position: relative; width: 100%; aspect-ratio: 9/16; background: #000; overflow: hidden; border-radius: 16px; }
#previewCanvas { width: 100%; height: 100%; display: block; }
.safe-area { position: absolute; inset: 8% 6% 12% 6%; border: 1px dashed rgba(255,255,255,.35); pointer-events: none; }
.controls { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
input, button { padding: 12px; border-radius: 10px; border: none; font-size: 16px; }
button { background: #7c5cff; color: #fff; cursor: pointer; }