.tool-container.svelte-10lku0h{margin:0 auto;width:fit-content;padding:1rem}.canvas-section.svelte-10lku0h{margin-bottom:0;display:flex;justify-content:center;background-color:#fff;padding:.5rem}.canvas-controls-section.svelte-10lku0h{margin-bottom:0;background-color:#fff;padding:.5rem}.app-controls-section.svelte-10lku0h{background-color:#fff;padding:.5rem}.controls-wrapper.svelte-10lku0h{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-bottom:1rem}@media (prefers-contrast: high){.canvas-section.svelte-10lku0h,.canvas-controls-section.svelte-10lku0h,.app-controls-section.svelte-10lku0h{background-color:#fff;border:2px solid #000}}@media (max-width: 768px){.tool-container.svelte-10lku0h{padding:.5rem;width:100%;max-width:100vw;box-sizing:border-box}.canvas-section.svelte-10lku0h,.canvas-controls-section.svelte-10lku0h,.app-controls-section.svelte-10lku0h{padding:.25rem}.controls-wrapper.svelte-10lku0h{gap:.75rem;padding-bottom:.5rem}}.controls-wrapper.svelte-10lku0h button:focus,.controls-wrapper.svelte-10lku0h a:focus{outline:2px solid #145666;outline-offset:2px}.controls-wrapper.svelte-10lku0h button:focus-visible,.controls-wrapper.svelte-10lku0h a:focus-visible{outline:3px solid #145666;outline-offset:3px}.accordion-panel.svelte-10lku0h{width:32rem;max-width:32rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;margin:.5rem auto;box-sizing:border-box}.accordion-content.svelte-10lku0h{padding:1rem;border-top:1px solid #e2e8f0;background:#f8fafc80;width:100%;overflow:hidden;box-sizing:border-box}.accordion-content.svelte-10lku0h .pattern-display{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e2e8f0;font-size:.875rem;letter-spacing:.5px;line-height:1.6;word-break:break-all;overflow-wrap:break-word;width:100%;max-width:100%;box-sizing:border-box;color:#0f3a42}.accordion-toggle.svelte-10lku0h{width:100%;background:none;border:none;padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:inherit;transition:all .2s ease;font-size:.875rem;font-weight:500;color:#0f3a42}.accordion-toggle.svelte-10lku0h:hover{background:#0f3a420d}.arrow.svelte-10lku0h{font-size:.75rem;transition:transform .2s ease;color:#0f3a42}.arrow.rotated.svelte-10lku0h{transform:rotate(180deg)}.accordion-content.svelte-10lku0h h3{margin:0 0 .75rem;color:#0f3a42;font-size:1.125rem;font-weight:600}.accordion-content.svelte-10lku0h p{margin:0 0 1rem;line-height:1.6;color:#64748b;font-size:.875rem}.accordion-content.svelte-10lku0h strong{color:#0f3a42;font-weight:600}.accordion-content.svelte-10lku0h code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;background:#fff;padding:.25rem .5rem;border-radius:4px;border:1px solid #e2e8f0;font-size:.875rem}.accordion-content.svelte-10lku0h .pattern-display{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e2e8f0;font-size:.875rem;letter-spacing:.5px;line-height:1.4;word-break:break-all;color:#0f3a42}.accordion-toggle.svelte-10lku0h:focus{outline:2px solid rgb(15,58,66);outline-offset:2px}.accordion-toggle.svelte-10lku0h:focus-visible{outline:3px solid rgb(15,58,66);outline-offset:3px}@media (max-width: 640px){.accordion-panel.svelte-10lku0h{width:90%;max-width:none;margin:.5rem 1rem}}