*{box-sizing:border-box;margin:0;padding:0}*>button{background:inherit;box-shadow:none;cursor:pointer;border:none;border-radius:0;padding:0;overflow:visible}.canvasEditor{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.canvasEditor .canvasWrapper{width:100%;height:100%;position:relative}.canvasEditor .canvasWrapper .drawingCanvas{touch-action:none;width:100%;height:100%;display:block}.canvasEditor .floatingToolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:rgba(74,74,74,.2);border:1px solid rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.5);align-items:center;gap:12px;height:3vw;padding:10px 20px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.25)}.canvasEditor .floatingToolbar .divider{background:rgba(0,0,0,.2);width:1px;height:24px}.canvasEditor .floatingToolbar .toolGroup,.canvasEditor .floatingToolbar .controlGroup,.canvasEditor .floatingToolbar .actionGroup{align-items:center;gap:8px;height:100%;display:flex}.canvasEditor .floatingToolbar .toolGroup .exportBtn,.canvasEditor .floatingToolbar .controlGroup .exportBtn,.canvasEditor .floatingToolbar .actionGroup .exportBtn{aspect-ratio:auto;letter-spacing:-.03em;background-color:#e1e1e1;width:-moz-fit-content;width:fit-content;padding:8px 34px;font-size:.8vw;font-weight:500;line-height:normal}.canvasEditor .floatingToolbar .toolGroup input[type=range],.canvasEditor .floatingToolbar .controlGroup input[type=range],.canvasEditor .floatingToolbar .actionGroup input[type=range]{cursor:pointer;-webkit-appearance:none;background:0 0;outline:none;width:220px;margin:0;padding:0}.canvasEditor .floatingToolbar .toolGroup input[type=range]::-webkit-slider-runnable-track{background:#6a6a6a;border-radius:9999px;height:6px}.canvasEditor .floatingToolbar .controlGroup input[type=range]::-webkit-slider-runnable-track{background:#6a6a6a;border-radius:9999px;height:6px}.canvasEditor .floatingToolbar .actionGroup input[type=range]::-webkit-slider-runnable-track{background:#6a6a6a;border-radius:9999px;height:6px}.canvasEditor .floatingToolbar .toolGroup input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e9e9e9;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.canvasEditor .floatingToolbar .controlGroup input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e9e9e9;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.canvasEditor .floatingToolbar .actionGroup input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#e9e9e9;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.canvasEditor .floatingToolbar .toolGroup input[type=range]::-moz-range-track{background:#6a6a6a;border-radius:9999px;height:6px}.canvasEditor .floatingToolbar .controlGroup input[type=range]::-moz-range-track{background:#6a6a6a;border-radius:9999px;height:6px}.canvasEditor .floatingToolbar .actionGroup input[type=range]::-moz-range-track{background:#6a6a6a;border-radius:9999px;height:6px}.canvasEditor .floatingToolbar .toolGroup input[type=range]::-moz-range-thumb{background:#e9e9e9;border:none;border-radius:50%;width:16px;height:16px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.canvasEditor .floatingToolbar .controlGroup input[type=range]::-moz-range-thumb{background:#e9e9e9;border:none;border-radius:50%;width:16px;height:16px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.canvasEditor .floatingToolbar .actionGroup input[type=range]::-moz-range-thumb{background:#e9e9e9;border:none;border-radius:50%;width:16px;height:16px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.canvasEditor .floatingToolbar .toolGroup input[type=range]::-moz-focus-outer{border:0}.canvasEditor .floatingToolbar .controlGroup input[type=range]::-moz-focus-outer{border:0}.canvasEditor .floatingToolbar .actionGroup input[type=range]::-moz-focus-outer{border:0}.canvasEditor .floatingToolbar .toolGroup input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 2px rgba(255,255,255,.15)}.canvasEditor .floatingToolbar .toolGroup input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 2px rgba(255,255,255,.15)}.canvasEditor .floatingToolbar .controlGroup input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 2px rgba(255,255,255,.15)}.canvasEditor .floatingToolbar .controlGroup input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 2px rgba(255,255,255,.15)}.canvasEditor .floatingToolbar .actionGroup input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 2px rgba(255,255,255,.15)}.canvasEditor .floatingToolbar .actionGroup input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 2px rgba(255,255,255,.15)}.canvasEditor .floatingToolbar .toolGroup input[type=range]:active::-webkit-slider-thumb{transform:scale(.96);box-shadow:0 0 0 3px rgba(255,255,255,.12)}.canvasEditor .floatingToolbar .toolGroup input[type=range]:active::-moz-range-thumb{transform:scale(.96);box-shadow:0 0 0 3px rgba(255,255,255,.12)}.canvasEditor .floatingToolbar .controlGroup input[type=range]:active::-webkit-slider-thumb{transform:scale(.96);box-shadow:0 0 0 3px rgba(255,255,255,.12)}.canvasEditor .floatingToolbar .controlGroup input[type=range]:active::-moz-range-thumb{transform:scale(.96);box-shadow:0 0 0 3px rgba(255,255,255,.12)}.canvasEditor .floatingToolbar .actionGroup input[type=range]:active::-webkit-slider-thumb{transform:scale(.96);box-shadow:0 0 0 3px rgba(255,255,255,.12)}.canvasEditor .floatingToolbar .actionGroup input[type=range]:active::-moz-range-thumb{transform:scale(.96);box-shadow:0 0 0 3px rgba(255,255,255,.12)}.canvasEditor .floatingToolbar .toolGroup input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.25)}.canvasEditor .floatingToolbar .toolGroup input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.25)}.canvasEditor .floatingToolbar .controlGroup input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.25)}.canvasEditor .floatingToolbar .controlGroup input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.25)}.canvasEditor .floatingToolbar .actionGroup input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.25)}.canvasEditor .floatingToolbar .actionGroup input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px rgba(255,255,255,.25)}.canvasEditor .floatingToolbar .toolGroup input[type=range]:disabled,.canvasEditor .floatingToolbar .controlGroup input[type=range]:disabled,.canvasEditor .floatingToolbar .actionGroup input[type=range]:disabled{cursor:not-allowed;opacity:.6}.canvasEditor .floatingToolbar .toolButton{text-transform:capitalize;cursor:pointer;background:#fff;padding:6px 14px;font-weight:500;transition:all .2s}.canvasEditor .floatingToolbar .toolButton.active{color:#fff;background:#0051ff}.canvasEditor .floatingToolbar .toolButton:hover{color:#fff;background:#000}.canvasEditor .floatingToolbar .controlGroup label{color:rgba(225,225,225,.4);font-size:max(15px,min(.99vw,19px))}.canvasEditor .floatingToolbar .actionGroup button{aspect-ratio:1;cursor:pointer;background:rgba(208,208,208,.1);justify-content:center;align-items:center;height:100%;padding:0;transition:all .2s;display:flex}.canvasEditor .floatingToolbar .actionGroup button:hover{color:#fff;background:#0051ff}.canvasEditor .debugPanel{color:#fff;background:rgba(255,255,255,.1);margin:10px;font-size:12px;position:absolute;bottom:0;left:0;overflow:hidden}.canvasEditor .debugPanel pre{max-height:200px;padding:10px;overflow-y:auto}