:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;display:flex;place-items:center;justify-content:center}#app{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%}#video-input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.ui-overlay{position:absolute;top:20px;left:20px;z-index:100;pointer-events:none}.fullscreen-btn{position:absolute;bottom:20px;right:20px;z-index:100;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.fullscreen-btn:hover{background:#fff3;transform:scale(1.05)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;transition:opacity .5s ease}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-bottom:20px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#fullscreen-btn,#effect-selector{transition:opacity .5s ease,visibility .5s;opacity:1;visibility:visible}.ui-hidden{opacity:0!important;visibility:hidden;pointer-events:none}