.skip-link.svelte-1n1yblz{position:absolute;top:-40px;left:6px;z-index:50;border-radius:.25rem;background-color:#145666;padding:.5rem 1rem;color:#fff;text-decoration:none;font-weight:600;transition:top .2s ease}.skip-link.svelte-1n1yblz:focus{top:1rem;left:1rem;outline:2px solid #145666;outline-offset:2px}.skip-link.svelte-1n1yblz:focus-visible{top:1rem;left:1rem;outline:3px solid #145666;outline-offset:3px}.skip-link.svelte-1n1yblz:active{top:1rem;left:1rem}@media (prefers-contrast: high){.skip-link.svelte-1n1yblz{background-color:#000;color:#fff;border:2px solid #000}.skip-link.svelte-1n1yblz:focus,.skip-link.svelte-1n1yblz:focus-visible{outline-color:#000;background-color:#000;color:#fff}}@media (prefers-reduced-motion: reduce){.skip-link.svelte-1n1yblz{transition:none}}@media (max-width: 768px){.skip-link.svelte-1n1yblz{padding:.375rem .75rem;font-size:.875rem}}@media print{.skip-link.svelte-1n1yblz{display:none}}.tool-layout.svelte-1n1yblz{display:flex;background:#fff;box-sizing:border-box}.canvas-area.svelte-1n1yblz{display:flex;justify-content:center;align-items:center;box-sizing:border-box}.controls-area.svelte-1n1yblz{display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box}.stacked-mode.svelte-1n1yblz{flex-direction:column;align-items:center;min-height:100%}.stacked-mode.svelte-1n1yblz .canvas-area:where(.svelte-1n1yblz){width:100%;padding:1rem}.stacked-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz){padding:.75rem;align-items:center}.stacked-mode.svelte-1n1yblz:has(.controls-area.wrap:where(.svelte-1n1yblz)){height:100vh;height:100dvh;min-height:0;overflow:hidden}.stacked-mode.svelte-1n1yblz:has(.controls-area.wrap:where(.svelte-1n1yblz)) .canvas-area:where(.svelte-1n1yblz){flex:1;min-height:0}.stacked-mode.svelte-1n1yblz .controls-area.wrap:where(.svelte-1n1yblz){flex-shrink:0;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow-y:auto;border-top:1px solid #e2e8f0;gap:.5rem;padding:.5rem}.stacked-mode.svelte-1n1yblz:has(.controls-area.scroll:where(.svelte-1n1yblz)) .canvas-area:where(.svelte-1n1yblz){flex-shrink:0}.stacked-mode.svelte-1n1yblz .controls-area.scroll:where(.svelte-1n1yblz){border-top:1px solid #e2e8f0;padding:.75rem;align-items:stretch;display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 500px){.stacked-mode.svelte-1n1yblz .controls-area.scroll:where(.svelte-1n1yblz){grid-template-columns:repeat(2,1fr)}}@media (min-width: 800px){.stacked-mode.svelte-1n1yblz .controls-area.scroll:where(.svelte-1n1yblz){grid-template-columns:repeat(3,1fr)}}.sidebar-mode.svelte-1n1yblz{flex-direction:row;align-items:stretch;height:100vh;height:100dvh;overflow:hidden}.sidebar-mode.svelte-1n1yblz .canvas-area:where(.svelte-1n1yblz){flex:1;min-width:0;height:100%}.sidebar-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz){flex-shrink:0;height:100%;overflow-y:auto;background:#f8fafa;border-left:1px solid #e2e8f0;padding:1rem .75rem}.sidebar-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz):before,.sidebar-mode.svelte-1n1yblz .controls-area:where(.svelte-1n1yblz):after{content:"";flex:1 0 0px}
