*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#120e0b;width:100%;min-height:100dvh;margin:0;padding:0;font-family:Cormorant Garamond,Marcellus,serif;overflow-x:hidden}::-webkit-scrollbar{background:0 0;width:0}.canvas-wrapper{box-sizing:border-box;background:radial-gradient(circle,#1f1812 0%,#120e0b 60%,#0a0705 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:20px;display:flex}.canvas-frame{border-radius:4px;justify-content:center;align-items:center;max-width:95vw;max-height:94dvh;transition:transform .4s,box-shadow .4s;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,0 0 100px -20px #b8860b26}.canvas-frame:hover{box-shadow:0 30px 60px -10px #000c,0 0 120px -15px #b8860b40}.coming-soon-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:95vw;height:auto;max-height:94dvh;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.canvas-wrapper{padding:10px}.canvas-frame{max-width:98vw;max-height:96dvh;box-shadow:0 15px 35px -5px #000c}.coming-soon-image{max-width:98vw;max-height:96dvh}}