body{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}.container.svelte-xl0m73{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.canvas-wrapper.svelte-xl0m73{position:absolute;top:0;left:0;width:100%;height:100%}.canvas-container.svelte-xl0m73{width:100%;height:100%;position:relative}.loading.svelte-xl0m73{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:1}.loading-spinner.svelte-xl0m73{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #4ecdc4;border-radius:50%;animation:svelte-xl0m73-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-xl0m73-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading.svelte-xl0m73 p:where(.svelte-xl0m73){color:#fff;margin:0;font-size:1.1rem}.controls.svelte-xl0m73{position:fixed;top:20px;right:20px;z-index:10;max-width:300px}.control-section.svelte-xl0m73{background:#000000b3;border-radius:8px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.control-section.svelte-xl0m73 h3:where(.svelte-xl0m73){margin:0 0 .5rem;font-size:1.1rem;color:#4ecdc4}.control-section.svelte-xl0m73 ul:where(.svelte-xl0m73){list-style:none;padding:0;margin:0}.control-section.svelte-xl0m73 li:where(.svelte-xl0m73){margin:.25rem 0;padding:.25rem;background:#ffffff1a;border-radius:4px;font-size:.9rem}.text-selector.svelte-xl0m73{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.text-option-btn.svelte-xl0m73{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem .75rem;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:left}.text-option-btn.svelte-xl0m73:hover{background:#4ecdc433;border-color:#4ecdc466;transform:translateY(-1px)}.text-option-btn.active.svelte-xl0m73{background:#4ecdc44d;border-color:#4ecdc499;font-weight:700}canvas{display:block}.debug-panel.svelte-xl0m73{position:fixed;z-index:20;cursor:move;-webkit-user-select:none;user-select:none;min-width:200px;min-height:100px}.debug-section.svelte-xl0m73{background:#14141e4d;border-radius:20px;border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a;overflow:hidden;width:100%;height:100%;position:relative}.debug-content.svelte-xl0m73{padding:.75rem;height:calc(100% - 1.5rem);overflow:auto}.text-display.svelte-xl0m73{margin:0}.text-content.svelte-xl0m73{background:#ffffff05;border-radius:12px;padding:.75rem;margin:0;min-height:1.5rem;word-wrap:break-word;border:1px solid rgba(255,255,255,.05);border-left:3px solid rgba(78,205,196,.6);font-size:1rem;line-height:1.4;box-shadow:inset 0 1px 3px #0000000d}.resize-handle.svelte-xl0m73{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nw-resize;background:linear-gradient(-45deg,transparent 0%,transparent 30%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.1) 35%,transparent 35%,transparent 65%,rgba(255,255,255,.1) 65%,rgba(255,255,255,.1) 70%,transparent 70%);border-bottom-right-radius:20px}.resize-handle.svelte-xl0m73:hover{background:linear-gradient(-45deg,transparent 0%,transparent 30%,rgba(78,205,196,.3) 30%,rgba(78,205,196,.3) 35%,transparent 35%,transparent 65%,rgba(78,205,196,.3) 65%,rgba(78,205,196,.3) 70%,transparent 70%)}