.text-template.svelte-5mg8bl{position:absolute;top:50%;left:50%;z-index:2;pointer-events:none;color:#ffffff80}.symbol.svelte-5mg8bl{text-align:center;opacity:30%;white-space:nowrap}@media (max-width: 768px){.symbol.svelte-5mg8bl{font-size:calc(10rem * var(--scaleFactor, 1))}}.sketchpad-container.svelte-4awmbh.svelte-4awmbh{transition:height .5s ease-in-out;overflow:hidden}.sketchpad-content.svelte-4awmbh.svelte-4awmbh{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:3rem}.grid-toggle-buttons.svelte-4awmbh.svelte-4awmbh{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;padding:1rem}.canvas-container.svelte-4awmbh.svelte-4awmbh{background-color:#333;position:relative;margin-top:0rem}.open.svelte-4awmbh.svelte-4awmbh{height:90vh}.closed.svelte-4awmbh.svelte-4awmbh{height:0}canvas.svelte-4awmbh.svelte-4awmbh{display:block;margin:0 auto;background-color:#333;z-index:1}.tools.svelte-4awmbh.svelte-4awmbh{display:flex;justify-content:space-around;margin-top:10px;margin-bottom:2rem}button.svelte-4awmbh.svelte-4awmbh{display:flex;align-items:center;justify-content:center;background-color:#555;color:#fff;border:none;padding:10px;cursor:pointer;transition:background-color .3s}button.svelte-4awmbh.svelte-4awmbh:hover{background-color:#777}button.active.svelte-4awmbh.svelte-4awmbh{background-color:#fab917}.tools.svelte-4awmbh button.svelte-4awmbh{display:flex;align-items:center;justify-content:center;background-color:#555;color:#fff;border:none;padding:10px;cursor:pointer;transition:background-color .3s,box-shadow .3s}.tools.svelte-4awmbh button.svelte-4awmbh:hover{background-color:#777}.tools.svelte-4awmbh button.active.svelte-4awmbh{margin-right:.5rem;background-color:#fab917;box-shadow:0 0 10px #fab91799}.tools.svelte-4awmbh button.svelte-4awmbh:not(.active){background-color:#777}.tools.svelte-4awmbh img.svelte-4awmbh{filter:invert(100%);width:24px;height:24px}.toggle-button-container.svelte-4awmbh.svelte-4awmbh{display:flex;justify-content:center;align-items:center;height:100%}.toggle-btn.svelte-4awmbh.svelte-4awmbh{background-color:#fab917;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s}.toggle-btn.svelte-4awmbh.svelte-4awmbh:hover{background-color:#f2a600}.text-options.svelte-4awmbh.svelte-4awmbh{text-align:center;margin:1rem 0}.text-options.svelte-4awmbh a.svelte-4awmbh{color:#fab917;cursor:pointer;text-decoration:none;margin:0 .5rem}.text-options.svelte-4awmbh a.svelte-4awmbh:hover{text-decoration:underline}.popup-overlay.svelte-4awmbh.svelte-4awmbh{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.popup-content.svelte-4awmbh.svelte-4awmbh{background-color:#2a2a2a;border:2px solid #FAB917;border-radius:12px;padding:1.5rem;color:#fff;text-align:center;width:300px}.popup-content.svelte-4awmbh label.svelte-4awmbh{display:block;margin-bottom:1rem}.popup-content.svelte-4awmbh input.svelte-4awmbh{width:80%;padding:.5rem;margin-bottom:1.5rem;border:none;border-radius:6px;background-color:#1a1a1a;color:#fff;text-align:center}.popup-content.svelte-4awmbh input.svelte-4awmbh:focus{outline:none;border:1px solid #FAB917}.button-group.svelte-4awmbh.svelte-4awmbh{display:flex;justify-content:space-around}.button-group.svelte-4awmbh button.svelte-4awmbh{background-color:#fab917;color:#2a2a2a;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .3s}.button-group.svelte-4awmbh button.svelte-4awmbh:hover{background-color:#e5a50e}.slider-row-container.svelte-4awmbh.svelte-4awmbh{display:flex;justify-content:space-between;align-items:center;width:50vw;margin:auto;gap:1rem;flex-wrap:nowrap}.slider-container.svelte-4awmbh.svelte-4awmbh{display:flex;gap:1.5rem;align-items:center;justify-content:center}.slider-group.svelte-4awmbh.svelte-4awmbh{display:flex;flex-direction:column;align-items:center;width:100px}.slider-group.svelte-4awmbh label.svelte-4awmbh{color:#fff;font-size:.4rem;margin-bottom:0}.styled-slider.svelte-4awmbh.svelte-4awmbh{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:5px;background:#ffffff4d;outline:none}.styled-slider.svelte-4awmbh.svelte-4awmbh::-webkit-slider-runnable-track{background-color:#fab917;border-radius:5px}.styled-slider.svelte-4awmbh.svelte-4awmbh::-moz-range-track{background-color:#fab917;border-radius:5px}.styled-slider.svelte-4awmbh.svelte-4awmbh::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background-color:#fff;border:2px solid #FAB917;border-radius:50%;cursor:pointer}.styled-slider.svelte-4awmbh.svelte-4awmbh::-moz-range-thumb{width:16px;height:16px;background-color:#fff;border:2px solid #FAB917;border-radius:50%;cursor:pointer}.reversed-slider.svelte-4awmbh.svelte-4awmbh{transform:rotate(180deg)}.slider-control.svelte-4awmbh.svelte-4awmbh{display:flex;align-items:center;gap:.5rem}.slider-control.svelte-4awmbh button.svelte-4awmbh{background-color:#fab917;color:#2a2a2a;border:none;padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.slider-control.svelte-4awmbh button.svelte-4awmbh:hover{background-color:#e5a50e}.slider-control.svelte-4awmbh button.svelte-4awmbh:focus{outline:none}.slider-control.svelte-4awmbh input[type=range].svelte-4awmbh{flex:1;margin:0 .5rem;width:10vw}.joystick-mobile.svelte-4awmbh.svelte-4awmbh{display:none}.quick-font-buttons.svelte-4awmbh.svelte-4awmbh{display:flex;gap:.3rem;align-items:center}@media (max-width: 768px){.sketchpad-content.svelte-4awmbh.svelte-4awmbh{padding-top:0}.grid-toggle-buttons.svelte-4awmbh.svelte-4awmbh,.canvas-container.svelte-4awmbh.svelte-4awmbh{margin-top:.5rem}.tools.svelte-4awmbh.svelte-4awmbh{margin-top:.5rem;gap:.2rem;margin-right:0 .2rem}.slider-row-container.svelte-4awmbh.svelte-4awmbh{width:95vw;margin:auto;gap:.8rem}.slider-control.svelte-4awmbh input[type=range].svelte-4awmbh{margin:0 -.2rem;width:15vw}.slider-control.svelte-4awmbh button.svelte-4awmbh{padding:.2rem .4rem;font-size:.7rem}.joystick-panel.svelte-4awmbh.svelte-4awmbh{display:none}.joystick-mobile.svelte-4awmbh.svelte-4awmbh{position:absolute;bottom:.8rem;right:2rem;z-index:20;display:block}.joystick-mobile.svelte-4awmbh>div.svelte-4awmbh{width:60px;height:60px}.text-options.svelte-4awmbh.svelte-4awmbh{font-size:.5rem;margin:.2rem 0}}.quick-font-buttons.svelte-4awmbh.svelte-4awmbh{gap:.2rem}.tools.svelte-4awmbh img.svelte-4awmbh{width:18px;height:18px}