.wrapper{background-color:#ffffff80;position:absolute;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.wrapper>.spinner{width:40px;height:40px;background-color:#333;margin:10px;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.wrapper>p{margin:0;font-size:large}.App{height:100vh;margin:0;padding:0;position:relative;display:flex;flex-direction:column;background-color:#f5f5f7;font-family:SF Pro Display,system-ui,-apple-system,sans-serif;color:#1d1d1f}.code{padding:5px;color:#adff2f;background-color:#000;border-radius:5px}.content{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px}.content>img{display:none;width:100%;max-width:720px;max-height:500px;border-radius:18px;box-shadow:0 10px 30px #0000001a}.content>video{display:none;width:100%;max-width:720px;max-height:500px;border-radius:18px;box-shadow:0 10px 30px #0000001a}.content>canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.btn-container{display:flex;justify-content:center;gap:12px;padding:24px;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);position:sticky;bottom:0;z-index:100;border-top:1px solid rgba(0,0,0,.05)}button{flex:1;max-width:120px;height:44px;background-color:#06c;color:#fff;border:none!important;border-radius:22px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #06c3}button:active{transform:scale(.95);background-color:#05a}button:hover{background-color:#07e;color:#fff}.content>video[style*="display: block"]{position:relative;width:100%;max-width:720px;max-height:500px;border-radius:18px;object-fit:contain;z-index:10}.content:has(video[style*="display: block"])>canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none}.btn-container{display:flex;justify-content:center;gap:12px;padding:24px;background:#ffffff;position:sticky;bottom:0;z-index:100;border-top:1px solid rgba(0,0,0,.05)}.content:has(video[style*="display: block"])~.btn-container{position:sticky;bottom:0;background:#ffffff;width:auto}*{margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100%}