.page.svelte-1h8ikf9{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff;position:fixed;top:0;left:0}.nav-bar.svelte-1h8ikf9{padding:.5rem 1rem;background:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.container.svelte-1h8ikf9{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.canvas-area.svelte-1h8ikf9{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;touch-action:none}.sidebar.svelte-1h8ikf9{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-1h8ikf9,.toggles.svelte-1h8ikf9{display:flex;gap:.5rem}.toggle-btn.svelte-1h8ikf9{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:.6rem;font-weight:600;color:#888;transition:all .15s ease}.toggle-btn.svelte-1h8ikf9:hover{border-color:#145666;color:#145666}.toggle-btn.active.svelte-1h8ikf9{border-color:#145666;background:#e8f4f6;color:#145666}.toggle-btn.svelte-1h8ikf9:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.palette-selector.svelte-1h8ikf9{display:flex;flex-direction:column;gap:.25rem;background:#fff;padding:.5rem;border-radius:6px}.palette-label.svelte-1h8ikf9{font-size:.65rem;font-weight:600;color:#145666;text-transform:uppercase}.palette-selector.svelte-1h8ikf9 select:where(.svelte-1h8ikf9){padding:.4rem;border:2px solid #ddd;border-radius:4px;font-size:.75rem;font-weight:600;color:#333;background:#fff;cursor:pointer}.palette-selector.svelte-1h8ikf9 select:where(.svelte-1h8ikf9):focus{border-color:#145666;outline:none}.palette-description.svelte-1h8ikf9{font-size:.6rem;color:#666;font-style:italic}.tool-btn.svelte-1h8ikf9{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-1h8ikf9:hover{border-color:#145666;color:#145666}.tool-btn.active.svelte-1h8ikf9{border-color:#145666;background:#145666;color:#fff}.tool-btn.svelte-1h8ikf9:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.color-section.svelte-1h8ikf9{display:flex;flex-direction:column;gap:.4rem;background:#fff;padding:.5rem;border-radius:6px}.color-row.svelte-1h8ikf9{display:flex;align-items:center;gap:.5rem}.color-label.svelte-1h8ikf9{font-size:.65rem;font-weight:600;color:#145666;min-width:36px}.color-swatches.svelte-1h8ikf9{display:flex;flex-wrap:wrap;gap:3px}.swatch.svelte-1h8ikf9{width:20px;height:20px;border:2px solid #ddd;border-radius:3px;cursor:pointer;padding:0;transition:transform .1s ease}.swatch.svelte-1h8ikf9:hover{transform:scale(1.15);z-index:1}.swatch.selected.svelte-1h8ikf9{border-color:#145666;box-shadow:0 0 0 2px #1456664d}.swatch.svelte-1h8ikf9:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}.status-area.svelte-1h8ikf9{background:#fff;padding:.5rem;border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.status-row.svelte-1h8ikf9{display:flex;justify-content:space-between;align-items:center;font-size:.7rem}.status-label.svelte-1h8ikf9{color:#666}.status-value.svelte-1h8ikf9{font-weight:600;color:#145666}.status-hint.svelte-1h8ikf9{font-size:.6rem;color:#888;text-align:center;padding-top:.25rem;border-top:1px solid #eee;margin-top:.15rem}.fill-hint.svelte-1h8ikf9{font-size:.6rem;color:#999;text-align:center;margin:0;font-style:italic}.keyboard-hints.svelte-1h8ikf9{font-size:.6rem;color:#888;text-align:center;display:flex;gap:.75rem;justify-content:center;align-items:center}.kbd.svelte-1h8ikf9{display:inline-block;padding:.15rem .35rem;background:#e8ece9;border-radius:3px;font-family:system-ui,sans-serif;font-size:.55rem;font-weight:600;color:#555}.actions.svelte-1h8ikf9{display:flex;gap:.5rem;justify-content:center}.actions.svelte-1h8ikf9 button{flex:1}.actions.svelte-1h8ikf9 svg{width:20px;height:20px;flex-shrink:0}@media (max-width: 900px){.container.svelte-1h8ikf9{flex-direction:column}.canvas-area.svelte-1h8ikf9{flex:1;min-height:0}.sidebar.svelte-1h8ikf9{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-1h8ikf9{flex:0 0 auto}.palette-selector.svelte-1h8ikf9{flex:0 0 auto;min-width:120px}.palette-description.svelte-1h8ikf9{display:none}.color-section.svelte-1h8ikf9{flex:1 1 auto;min-width:200px}.status-area.svelte-1h8ikf9{flex:0 0 auto;min-width:100px}.status-hint.svelte-1h8ikf9,.fill-hint.svelte-1h8ikf9,.keyboard-hints.svelte-1h8ikf9{display:none}.toggles.svelte-1h8ikf9,.actions.svelte-1h8ikf9,.actions.svelte-1h8ikf9 button{flex:0 0 auto}}@media (max-width: 500px){.sidebar.svelte-1h8ikf9{max-height:45vh;gap:.4rem;padding:.4rem}.tool-btn.svelte-1h8ikf9{padding:.4rem}.swatch.svelte-1h8ikf9{width:18px;height:18px}.color-section.svelte-1h8ikf9{min-width:160px}}@media (prefers-reduced-motion: reduce){.tool-btn.svelte-1h8ikf9,.swatch.svelte-1h8ikf9{transition:none}}.dialog-overlay.svelte-1h8ikf9{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:svelte-1h8ikf9-fadeIn .15s ease-out}.dialog.svelte-1h8ikf9{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:320px;text-align:center;animation:svelte-1h8ikf9-scaleIn .15s ease-out}.dialog.svelte-1h8ikf9 h3:where(.svelte-1h8ikf9){margin:0 0 .5rem;font-size:1.1rem;color:#293852}.dialog.svelte-1h8ikf9 p:where(.svelte-1h8ikf9){margin:0 0 1rem;font-size:.875rem;color:#666;line-height:1.4}.dialog-actions.svelte-1h8ikf9{display:flex;gap:.5rem}.dialog-btn.svelte-1h8ikf9{flex:1;padding:.6rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.dialog-btn.cancel.svelte-1h8ikf9{background:#e8ece9;color:#555}.dialog-btn.cancel.svelte-1h8ikf9:hover{background:#ddd}.dialog-btn.confirm.svelte-1h8ikf9{background:#293852;color:#fff}.dialog-btn.confirm.svelte-1h8ikf9:hover{background:#1e2a3d}.dialog-btn.svelte-1h8ikf9:focus-visible{outline:2px solid rgba(20,86,102,.5);outline-offset:2px}@keyframes svelte-1h8ikf9-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1h8ikf9-scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}