*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:system-ui,-apple-system,sans-serif}.app{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.hidden{display:none}.main-canvas{width:100%;height:100%}.preview-container{position:absolute;bottom:16px;left:16px;width:160px;height:120px;background:#000;border:2px solid #191919;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000080}.preview-canvas{width:160px;height:120px;background:#000;display:block}.preview-label{position:absolute;bottom:0;left:0;right:0;padding:2px 8px;text-align:center;background:#000000e6;color:#ccc;font-size:8px;text-transform:uppercase;letter-spacing:1px}.status{position:absolute;top:16px;left:16px;padding:8px 16px;border-radius:8px;background:#191919;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.title{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center}.title h1{color:#fff;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:4px;margin:0}.title p{color:#666;font-size:12px;margin-top:4px}.instructions{position:absolute;top:16px;right:16px;text-align:right;padding:8px 16px;border-radius:8px;background:#191919;font-size:11px}.instructions p{margin:2px 0}
