.container.svelte-xl3qf2.svelte-xl3qf2{max-width:1400px;margin:0 auto;padding:20px}.toolbar.svelte-xl3qf2.svelte-xl3qf2{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;padding:20px;background:#f8f9fa;border-radius:12px;align-items:center}.tool-group.svelte-xl3qf2.svelte-xl3qf2{display:flex;align-items:center;gap:10px}.tool-group.svelte-xl3qf2 label.svelte-xl3qf2{font-weight:600;color:#333;font-size:14px}.tool-btn.svelte-xl3qf2.svelte-xl3qf2,.color-btn.svelte-xl3qf2.svelte-xl3qf2,.action-btn.svelte-xl3qf2.svelte-xl3qf2{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:16px}.tool-btn.svelte-xl3qf2.svelte-xl3qf2:hover,.color-btn.svelte-xl3qf2.svelte-xl3qf2:hover,.action-btn.svelte-xl3qf2.svelte-xl3qf2:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.tool-btn.active.svelte-xl3qf2.svelte-xl3qf2{border-color:#007bff;background:#007bff;color:#fff}.color-btn.svelte-xl3qf2.svelte-xl3qf2{width:30px;height:30px;padding:0;border-radius:50%}.color-btn.active.svelte-xl3qf2.svelte-xl3qf2{border-color:#333;transform:scale(1.2)}.action-btn.svelte-xl3qf2.svelte-xl3qf2{background:#28a745;color:#fff;border-color:#28a745}.action-btn.svelte-xl3qf2.svelte-xl3qf2:hover{background:#218838;border-color:#218838}select.svelte-xl3qf2.svelte-xl3qf2{padding:6px 10px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;font-size:14px}.canvas-container.svelte-xl3qf2.svelte-xl3qf2{position:relative;margin:20px 0;text-align:center}.drawing-canvas.svelte-xl3qf2.svelte-xl3qf2{border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000001a;cursor:crosshair;background:#fff}.text-input-overlay.svelte-xl3qf2.svelte-xl3qf2{position:absolute;transform:translateY(-100%)}.text-input-overlay.svelte-xl3qf2 input.svelte-xl3qf2{padding:8px 12px;border:2px solid #007bff;border-radius:6px;font-size:16px;background:#fff;outline:none;min-width:150px}.instructions.svelte-xl3qf2.svelte-xl3qf2{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #007bff}.instructions.svelte-xl3qf2 h3.svelte-xl3qf2{margin:0 0 15px;color:#333}.instructions.svelte-xl3qf2 ul.svelte-xl3qf2{margin:0;padding-left:20px;color:#666}.instructions.svelte-xl3qf2 li.svelte-xl3qf2{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.toolbar.svelte-xl3qf2.svelte-xl3qf2{flex-direction:column;align-items:stretch}.tool-group.svelte-xl3qf2.svelte-xl3qf2{justify-content:center}.drawing-canvas.svelte-xl3qf2.svelte-xl3qf2{width:100%;height:auto}}