.canvas-container.svelte-javk6n{width:100%;height:100%;display:flex;justify-content:center;align-items:center;touch-action:none}.page-wrapper.svelte-javk6n{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff;position:fixed;top:0;left:0}.nav-bar.svelte-javk6n{padding:.5rem 1rem;background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.tool-content-wrapper.svelte-javk6n{flex:1;min-height:0;overflow:hidden}.tool-content-wrapper.svelte-javk6n .tool-layout{height:100%!important;min-height:0!important}.tools.svelte-javk6n{display:flex;gap:.5rem}.hint.svelte-javk6n{font-size:.65rem;color:#666;background:#fff;padding:.4rem .5rem;border-radius:4px;line-height:1.3}.palette-selector.svelte-javk6n{display:flex;flex-direction:column;gap:.25rem;background:#fff;padding:.5rem;border-radius:6px}.palette-label.svelte-javk6n{font-size:.65rem;font-weight:600;color:#145666;text-transform:uppercase}.palette-selector.svelte-javk6n select:where(.svelte-javk6n){padding:.4rem;border:2px solid #ddd;border-radius:4px;font-size:.75rem;font-weight:600;color:#333;background:#fff;cursor:pointer}.palette-selector.svelte-javk6n select:where(.svelte-javk6n):focus{border-color:#145666;outline:none}.palette-description.svelte-javk6n{font-size:.6rem;color:#666;font-style:italic}.tool-btn.svelte-javk6n{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:.7rem;font-weight:600;color:#666;transition:all .15s ease}.tool-btn.svelte-javk6n:hover{border-color:#145666;color:#145666}.tool-btn.active.svelte-javk6n{border-color:#145666;background:#145666;color:#fff}.tool-btn.svelte-javk6n:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.color-section.svelte-javk6n{display:flex;flex-direction:column;gap:.4rem;background:#fff;padding:.5rem;border-radius:6px}.color-row.svelte-javk6n{display:flex;align-items:center;gap:.5rem}.color-label.svelte-javk6n{font-size:.65rem;font-weight:600;color:#145666;min-width:36px}.color-swatches.svelte-javk6n{display:flex;flex-wrap:wrap;gap:3px}.swatch.svelte-javk6n{width:20px;height:20px;border:2px solid #ddd;border-radius:3px;cursor:pointer;padding:0;transition:transform .1s ease}.swatch.svelte-javk6n:hover{transform:scale(1.15);z-index:1}.swatch.selected.svelte-javk6n{border-color:#145666;box-shadow:0 0 0 2px #1456664d}.swatch.svelte-javk6n:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.counter.svelte-javk6n{text-align:center;font-size:.75rem;font-weight:600;color:#666;padding:.25rem;background:#fff;border-radius:4px}.actions.svelte-javk6n{display:flex;gap:.5rem;justify-content:center}.actions.svelte-javk6n button{flex:1}@media (max-width: 500px){.tool-btn.svelte-javk6n{padding:.4rem}.swatch.svelte-javk6n{width:18px;height:18px}}