.tool-container.svelte-8v654e{margin:0 auto;width:fit-content;padding:1rem}.canvas-section.svelte-8v654e{margin-bottom:0;display:flex;justify-content:center;background-color:#fff;padding:.5rem}.canvas-controls-section.svelte-8v654e{margin-bottom:0;background-color:#fff;padding:.5rem}.app-controls-section.svelte-8v654e{background-color:#fff;padding:.5rem}.controls-wrapper.svelte-8v654e{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-bottom:1rem}.logo-icon.svelte-8v654e{height:1.25rem;width:1.25rem;filter:brightness(0) saturate(100%) invert(26%) sepia(38%) saturate(1089%) hue-rotate(162deg) brightness(95%) contrast(88%)}@media (prefers-contrast: high){.canvas-section.svelte-8v654e,.canvas-controls-section.svelte-8v654e,.app-controls-section.svelte-8v654e{background-color:#fff;border:2px solid #000}.logo-icon.svelte-8v654e{filter:brightness(0) saturate(100%) invert(0%)}}@media (max-width: 768px){.tool-container.svelte-8v654e{padding:.5rem;width:100%;max-width:100vw;box-sizing:border-box}.canvas-section.svelte-8v654e,.canvas-controls-section.svelte-8v654e,.app-controls-section.svelte-8v654e{padding:.25rem}.controls-wrapper.svelte-8v654e{gap:.75rem;padding-bottom:.5rem}}.controls-wrapper.svelte-8v654e button:focus,.controls-wrapper.svelte-8v654e a:focus{outline:2px solid #145666;outline-offset:2px}.controls-wrapper.svelte-8v654e button:focus-visible,.controls-wrapper.svelte-8v654e a:focus-visible{outline:3px solid #145666;outline-offset:3px}.accordion-panel.svelte-8v654e{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-8v654e{padding:1rem;border-top:1px solid #e2e8f0;background:#f8fafc80;width:100%;overflow:hidden;box-sizing:border-box}.accordion-content.svelte-8v654e .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-8v654e{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-8v654e:hover{background:#0f3a420d}.arrow.svelte-8v654e{font-size:.75rem;transition:transform .2s ease;color:#0f3a42}.arrow.rotated.svelte-8v654e{transform:rotate(180deg)}.accordion-content.svelte-8v654e h3{margin:0 0 .75rem;color:#0f3a42;font-size:1.125rem;font-weight:600}.accordion-content.svelte-8v654e p{margin:0 0 1rem;line-height:1.6;color:#64748b;font-size:.875rem}.accordion-content.svelte-8v654e strong{color:#0f3a42;font-weight:600}.accordion-content.svelte-8v654e 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-8v654e .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-8v654e:focus{outline:2px solid rgb(15,58,66);outline-offset:2px}.accordion-toggle.svelte-8v654e:focus-visible{outline:3px solid rgb(15,58,66);outline-offset:3px}@media (max-width: 640px){.accordion-panel.svelte-8v654e{width:90%;max-width:none;margin:.5rem 1rem}}