.nav-bar.svelte-11dkyb3{padding:.5rem 1rem;background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.tools.svelte-11dkyb3{display:flex;gap:.5rem}.tool-btn.svelte-11dkyb3{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-11dkyb3:hover{border-color:#145666;color:#145666}.tool-btn.active.svelte-11dkyb3{border-color:#145666;background:#145666;color:#fff}.tool-btn.svelte-11dkyb3:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.palette-selector.svelte-11dkyb3{display:flex;flex-direction:column;gap:.25rem;background:#fff;padding:.5rem;border-radius:6px}.palette-label.svelte-11dkyb3{font-size:.65rem;font-weight:600;color:#145666;text-transform:uppercase}.palette-selector.svelte-11dkyb3 select:where(.svelte-11dkyb3){padding:.4rem;border:2px solid #ddd;border-radius:4px;font-size:.75rem;font-weight:600;color:#333;background:#fff;cursor:pointer}.palette-selector.svelte-11dkyb3 select:where(.svelte-11dkyb3):focus{border-color:#145666;outline:none}.palette-description.svelte-11dkyb3{font-size:.6rem;color:#666;font-style:italic}.color-section.svelte-11dkyb3{display:flex;flex-direction:column;gap:.4rem;background:#fff;padding:.5rem;border-radius:6px}.color-row.svelte-11dkyb3{display:flex;align-items:center;gap:.5rem}.color-label.svelte-11dkyb3{font-size:.65rem;font-weight:600;color:#145666;min-width:36px}.color-swatches.svelte-11dkyb3{display:flex;flex-wrap:wrap;gap:3px}.swatch.svelte-11dkyb3{width:20px;height:20px;border:2px solid #ddd;border-radius:3px;cursor:pointer;padding:0;transition:transform .1s ease}.swatch.svelte-11dkyb3:hover{transform:scale(1.15);z-index:1}.swatch.selected.svelte-11dkyb3{border-color:#145666;box-shadow:0 0 0 2px #1456664d}.swatch.svelte-11dkyb3:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.counter.svelte-11dkyb3{text-align:center;font-size:.75rem;font-weight:600;color:#666;padding:.25rem;background:#fff;border-radius:4px}.actions.svelte-11dkyb3{display:flex;gap:.5rem;justify-content:center}.actions.svelte-11dkyb3 button{flex:1}@media (prefers-reduced-motion: reduce){.tool-btn.svelte-11dkyb3,.swatch.svelte-11dkyb3{transition:none}}