body{margin:0;padding:0;background:#000;overflow:auto;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#canvas{display:block;margin:auto;visibility:hidden}#canvas.fit-screen{max-width:100%;max-height:100vh}.tp-dfwv{width:320px!important;z-index:100!important}#dropZone{position:fixed;inset:0;background:#000000e6;display:none;justify-content:center;align-items:center;z-index:1000}#dropZone.active{display:flex}.drop-content{width:80%;max-width:500px;padding:60px;background:#ffffff1a;border:3px dashed rgba(255,255,255,.5);border-radius:20px;text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#dropZone.drag-over .drop-content{background:#fff3;border-color:#fff;transform:scale(1.05);transition:all .3s ease}.drop-content h2{margin:0 0 20px;font-size:28px;font-weight:300}.drop-content p{margin:0;font-size:16px;opacity:.8}#fileInput{display:none}#svg-overlay{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;overflow:hidden}.overlay-connection-svg{position:absolute;top:0;left:0;width:100%;height:100%}.overlay-connection-path{stroke:#fff;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke;fill:none}.overlay-positioned-svg{position:absolute}.overlay-positioned-svg>svg{width:100%;height:100%}#overlay-footer{position:absolute;display:flex;align-items:center;text-decoration:none;cursor:pointer}#overlay-footer-text{height:100%;flex-shrink:0}#overlay-footer-text>svg{display:block;height:100%;width:auto;overflow:visible}.overlay-footer-logo{height:100%;width:auto;object-fit:contain;margin-bottom:2px}.overlay-dj-box{position:absolute;background:#fff;display:flex;align-items:center;justify-content:center;will-change:transform;padding:0 .2em}.dj-name{color:#000;font-family:-apple-system-ui-serif,Times New Roman,Times,serif;white-space:nowrap;line-height:1}a.dj-name{text-decoration:none;cursor:pointer}