*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.artwork-display{background:#000;height:100vh;overflow:hidden;position:relative;width:100vw}canvas{display:block;height:100%;width:100%}.status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-family:monospace;font-size:16px;padding:12px 20px;top:20px}.qr-code,.status{position:absolute;right:20px}.qr-code{background:#fff;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #00000080;padding:15px;text-align:center}.qr-code p{color:#333;font-size:14px;font-weight:600;margin:10px 0 0}.controller,.qr-code p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.controller{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.controller h1{font-size:28px;margin-bottom:20px;text-shadow:0 2px 4px #0003}.controller h1,.status-bar{color:#fff;text-align:center}.status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;font-size:18px;margin-bottom:30px;padding:12px}.control-group{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000026;margin:20px 0;padding:20px}.control-group label{color:#333;display:block;font-size:18px;font-weight:600;margin-bottom:12px}.slider{-webkit-appearance:none;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;cursor:pointer;height:10px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:30px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:30px}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-webkit-slider-thumb:active{transform:scale(.95)}.slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:30px;-moz-transition:transform .2s ease;transition:transform .2s ease;width:30px}.slider::-moz-range-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb:active{transform:scale(.95)}.color-slider{height:12px}.preview{display:block}@media (max-width:768px){.controller h1{font-size:24px}.control-group{margin:15px 0;padding:15px}.control-group label{font-size:16px}}.home{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.home h1{font-size:48px;margin-bottom:50px;text-shadow:0 4px 8px #0000004d}.links{gap:20px;max-width:400px;width:100%}.button,.links{display:flex;flex-direction:column}.button{background:#fff;border-radius:20px;box-shadow:0 8px 16px #0003;color:#667eea;font-size:24px;font-weight:700;gap:10px;padding:30px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.button:hover{box-shadow:0 12px 24px #0000004d;transform:translateY(-4px)}.button:active{transform:translateY(-2px)}.button .subtitle{color:#888;font-size:14px;font-weight:400}.instructions{font-size:18px;margin-top:50px;opacity:.9;text-align:center}.instructions p{margin:10px 0}@media (max-width:768px){.home h1{font-size:32px}.button{font-size:20px;padding:25px}.instructions{font-size:16px}}
/*# sourceMappingURL=main.82a6ac58.css.map*/