body,html,#root,.App{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:sans-serif}button{background:#fff;border:1px solid #ccc;border-radius:4px;font-size:.8rem;padding:2px 6px;cursor:pointer}.shape-wrapper{cursor:grab;display:inline-block}.shape-svg{display:block;width:100%;height:auto;pointer-events:visiblePainted}.shape-outline{position:absolute;pointer-events:none}.shape-tools{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#222;border-radius:4px;padding:4px;display:flex;align-items:center;gap:4px}.shape-tools button{background:#222;border:none;cursor:pointer;font-size:18px;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.shape-tools button:hover{background:#666;border-radius:4px}.color-picker-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.shape-tools .color-picker-button{width:32px;height:32px;border:none;border-radius:4px;background:#222;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.shape-tools .color-picker-button:hover{background:#666;border-radius:4px}.color-picker-menu{position:absolute;top:100%;margin:6px;width:32px;background:#222;border:none;border-radius:4px;padding:4px;display:flex;flex-direction:column;gap:8px;align-items:center;z-index:1000}.color-picker-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer}.color-picker-inner{width:20px;height:20px;border-radius:50%}@font-face{font-family:kalam;src:url(/fonts/Kalam-Variable.woff2)}.screenshot-button{position:absolute;top:10px;right:10px;z-index:9999;padding:10px 20px;font-family:kalam;font-size:20px;background:#000;color:#fff;border:none;border-radius:20px;cursor:pointer}.screenshot-button:hover{background:#666}.screenshot-button .camera{display:inline}.screenshot-button .flash,.screenshot-button:hover .camera{display:none}.screenshot-button:hover .flash{display:inline}.outer-container{width:100vw;height:100vh;position:relative}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.selection-box{position:absolute;background:#0078ff33;border:1px dashed #0078ff;pointer-events:none;z-index:9998}.toolbar{display:flex;align-items:center;gap:8px;padding:10px;flex-wrap:wrap}@font-face{font-family:kalam;src:url(/fonts/Kalam-Variable.woff2)}.music-toggle-container{display:flex;align-items:center;justify-content:flex-start;margin-top:10px;margin-left:10px}.music-switch{position:relative;display:inline-block;width:50px;height:28px}.music-switch input{opacity:0;width:0;height:0}.music-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#666;border-radius:34px;transition:background-color .3s}.music-switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .3s}.music-switch input:checked+.slider{background-color:#003eed}.music-switch input:checked+.slider:before{transform:translate(22px)}.music-label{font-size:24px;font-family:kalam;color:#fff;padding-top:0;margin-left:0;-webkit-user-select:none;user-select:none;transition:opacity .3s ease,transform .3s ease}