.page.svelte-1c1dama{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff;position:fixed;top:0;left:0}.container.svelte-1c1dama{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.canvas-area.svelte-1c1dama{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;touch-action:none}.sidebar.svelte-1c1dama{width:220px;padding:.75rem;background:#f5f5f5;border-left:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;gap:.75rem;overflow-y:auto;flex-shrink:0}.tools.svelte-1c1dama{display:flex;gap:.5rem}.hint.svelte-1c1dama{font-size:.65rem;color:#666;background:#fff;padding:.4rem .5rem;border-radius:4px;line-height:1.3}.palette-selector.svelte-1c1dama{display:flex;flex-direction:column;gap:.25rem;background:#fff;padding:.5rem;border-radius:6px}.palette-label.svelte-1c1dama{font-size:.65rem;font-weight:600;color:#145666;text-transform:uppercase}.palette-selector.svelte-1c1dama select:where(.svelte-1c1dama){padding:.4rem;border:2px solid #ddd;border-radius:4px;font-size:.75rem;font-weight:600;color:#333;background:#fff;cursor:pointer}.palette-selector.svelte-1c1dama select:where(.svelte-1c1dama):focus{border-color:#145666;outline:none}.palette-description.svelte-1c1dama{font-size:.6rem;color:#666;font-style:italic}.tool-btn.svelte-1c1dama{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-1c1dama:hover{border-color:#145666;color:#145666}.tool-btn.active.svelte-1c1dama{border-color:#145666;background:#145666;color:#fff}.tool-btn.svelte-1c1dama:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.color-section.svelte-1c1dama{display:flex;flex-direction:column;gap:.4rem;background:#fff;padding:.5rem;border-radius:6px}.color-row.svelte-1c1dama{display:flex;align-items:center;gap:.5rem}.color-label.svelte-1c1dama{font-size:.65rem;font-weight:600;color:#145666;min-width:36px}.color-swatches.svelte-1c1dama{display:flex;flex-wrap:wrap;gap:3px}.swatch.svelte-1c1dama{width:20px;height:20px;border:2px solid #ddd;border-radius:3px;cursor:pointer;padding:0;transition:transform .1s ease}.swatch.svelte-1c1dama:hover{transform:scale(1.15);z-index:1}.swatch.selected.svelte-1c1dama{border-color:#145666;box-shadow:0 0 0 2px #1456664d}.swatch.svelte-1c1dama:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.counter.svelte-1c1dama{text-align:center;font-size:.75rem;font-weight:600;color:#666;padding:.25rem;background:#fff;border-radius:4px}.actions.svelte-1c1dama{display:flex;gap:.5rem;justify-content:center}.actions.svelte-1c1dama button{flex:1}@media (max-width: 900px){.container.svelte-1c1dama{flex-direction:column}.canvas-area.svelte-1c1dama{flex:1;min-height:0}.sidebar.svelte-1c1dama{width:100%;height:auto;max-height:40vh;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;border-left:none;border-top:1px solid #ddd}.tools.svelte-1c1dama{flex:0 0 auto}.hint.svelte-1c1dama{display:none}.palette-selector.svelte-1c1dama{flex:0 0 auto;min-width:120px}.palette-description.svelte-1c1dama{display:none}.color-section.svelte-1c1dama{flex:1 1 auto;min-width:200px}.counter.svelte-1c1dama{flex:0 0 auto;min-width:80px}.actions.svelte-1c1dama,.actions.svelte-1c1dama button{flex:0 0 auto}}@media (max-width: 500px){.sidebar.svelte-1c1dama{max-height:45vh;gap:.4rem;padding:.4rem}.tool-btn.svelte-1c1dama{padding:.4rem}.swatch.svelte-1c1dama{width:18px;height:18px}.color-section.svelte-1c1dama{min-width:160px}}@media (prefers-reduced-motion: reduce){.tool-btn.svelte-1c1dama,.swatch.svelte-1c1dama{transition:none}}