.toolbar-inner.svelte-1k444f2{display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;height:100%}.label.svelte-1k444f2{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding-top:4px;padding-bottom:4px}.spacer.svelte-1k444f2{flex:1}.tool-btn.svelte-1k444f2{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.tool-btn.svelte-1k444f2 .material-symbols-outlined:where(.svelte-1k444f2){font-size:20px}.tool-btn.svelte-1k444f2:hover{background:var(--bg-surface);color:var(--text-primary)}.tool-btn.active.svelte-1k444f2{background:var(--accent);color:#111;border-color:var(--accent)}.clear-btn.svelte-1k444f2{margin-top:8px}.clear-btn.svelte-1k444f2:hover{color:var(--error-color, #ff5555)}.help-btn.svelte-1k444f2{margin-bottom:4px}.tooltip.svelte-1k444f2{display:none;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--bg-surface);color:var(--text-primary);font-size:11px;font-weight:400;padding:4px 8px;border-radius:4px;border:1px solid var(--border-color);pointer-events:none;z-index:50;box-shadow:0 2px 8px #0000004d}.tooltip.svelte-1k444f2 kbd:where(.svelte-1k444f2){display:inline-block;font-family:inherit;font-size:10px;padding:0 4px;margin-left:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary)}.tool-btn.svelte-1k444f2:hover .tooltip:where(.svelte-1k444f2){display:block}.drop-zone.svelte-dfjdlx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color, #555);border-radius:8px;margin:16px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.drop-zone.svelte-dfjdlx:hover,.drop-zone.svelte-dfjdlx:focus-visible{border-color:var(--accent-color, #7c8aff);background-color:#7c8aff0d;outline:none}.drop-zone.drag-over.svelte-dfjdlx{border-color:var(--accent-color, #7c8aff);background-color:#7c8aff1a;border-style:solid}.drop-zone.loading.svelte-dfjdlx{pointer-events:none;opacity:.7}.file-input.svelte-dfjdlx{display:none}.drop-content.svelte-dfjdlx{text-align:center;color:var(--text-secondary, #999)}.label.svelte-dfjdlx{font-size:14px;margin-bottom:4px}.hint.svelte-dfjdlx{font-size:12px;opacity:.6}.error.svelte-dfjdlx{color:var(--error-color, #ff5555);font-size:12px;margin-top:8px}.demo-label.svelte-dfjdlx{font-size:12px;opacity:.6;margin-top:20px;margin-bottom:4px}.demo-row.svelte-dfjdlx{display:flex;gap:8px;margin-top:8px;justify-content:center}.demo-btn.svelte-dfjdlx{padding:6px 12px;font-size:12px;background:var(--accent, #4fc3f7);color:#111;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .15s ease}.demo-btn.svelte-dfjdlx:hover{background:var(--accent-hover, #81d4fa);color:#111}.demo-btn.svelte-dfjdlx:disabled{opacity:.6;cursor:not-allowed}.hold-label.svelte-c7ba02{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:10;background:#0009;color:var(--accent, #4fc3f7);padding:2px 10px;border-radius:4px;font-size:11px;pointer-events:none;white-space:nowrap}.split-container.svelte-c7ba02{position:absolute;inset:0;z-index:10;pointer-events:none}.split-label.svelte-c7ba02{position:absolute;top:8px;background:#0009;color:var(--accent, #4fc3f7);padding:2px 10px;border-radius:4px;font-size:11px;pointer-events:none;white-space:nowrap}.left-label.svelte-c7ba02{left:12px}.right-label.svelte-c7ba02{margin-left:12px}.split-divider.svelte-c7ba02{position:absolute;top:0;bottom:0;width:20px;transform:translate(-50%);cursor:ew-resize;pointer-events:all;display:flex;align-items:center;justify-content:center;z-index:11}.divider-line.svelte-c7ba02{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--accent, #4fc3f7);transform:translate(-50%);box-shadow:0 0 6px #4fc3f766}.divider-handle.svelte-c7ba02{position:relative;z-index:1;width:20px;height:36px;background:var(--bg-surface, #253354);border:1px solid var(--accent, #4fc3f7);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--accent, #4fc3f7)}.canvas-container.svelte-b28oia{width:100%;height:100%;overflow:hidden;position:relative}.display-canvas.svelte-b28oia{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;image-rendering:pixelated}.display-canvas.panning.svelte-b28oia{cursor:grab}.backdrop.svelte-1b1h8mr{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.dialog.svelte-1b1h8mr{max-width:400px;width:100%;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:10px;padding:20px}.dialog-title.svelte-1b1h8mr{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.dialog-message.svelte-1b1h8mr{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.dialog-actions.svelte-1b1h8mr{display:flex;justify-content:flex-end;gap:8px}.btn.svelte-1b1h8mr{padding:6px 14px;font-size:12px;border-radius:5px;cursor:pointer;border:1px solid var(--border-color)}.cancel-btn.svelte-1b1h8mr{background:var(--bg-surface);color:var(--text-primary)}.cancel-btn.svelte-1b1h8mr:hover{background:var(--border-color)}.confirm-btn.svelte-1b1h8mr{background:var(--accent);color:#111;border-color:var(--accent)}.confirm-btn.svelte-1b1h8mr:hover{opacity:.9}.panel-inner.svelte-1aa2x8l{padding:12px}h3.svelte-1aa2x8l{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.hint.svelte-1aa2x8l{font-size:11px;color:var(--text-secondary);opacity:.6}.section.svelte-1aa2x8l{display:flex;flex-direction:column;gap:8px}.section-label.svelte-1aa2x8l{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.7}.detected-label.svelte-1aa2x8l{font-size:10px;color:var(--accent);opacity:.8}.input-row.svelte-1aa2x8l{display:flex;gap:8px;align-items:center}.slider.svelte-1aa2x8l{flex:1;height:4px;accent-color:var(--accent);cursor:pointer}.num-input.svelte-1aa2x8l{width:48px;padding:4px 6px;font-size:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);text-align:center}.original-label.svelte-1aa2x8l{width:48px;font-size:10px;color:var(--text-secondary);text-align:center;opacity:.7}.chip-row.svelte-1aa2x8l{display:flex;gap:4px}.chip.svelte-1aa2x8l{padding:3px 8px;font-size:11px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer}.chip.svelte-1aa2x8l:hover{background:var(--accent);color:#111}.chip.active.svelte-1aa2x8l{background:var(--accent);color:#111;border-color:var(--accent)}.action-btn.svelte-1aa2x8l{padding:6px 10px;font-size:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.action-btn.svelte-1aa2x8l:hover{background:var(--accent);color:#111}.action-btn.accent.svelte-1aa2x8l{background:var(--accent);color:#111;border-color:var(--accent)}.action-btn.accent.svelte-1aa2x8l:hover{opacity:.9}.link-btn.svelte-1aa2x8l{background:none;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer;text-decoration:underline;padding:0}.link-btn.svelte-1aa2x8l:hover{color:var(--text-primary)}.banner.svelte-1aa2x8l{background:var(--bg-surface);border:1px solid var(--accent);border-radius:6px;padding:10px;margin-bottom:4px}.banner-text.svelte-1aa2x8l{font-size:12px;color:var(--text-primary);margin-bottom:8px}.banner-actions.svelte-1aa2x8l{display:flex;align-items:center;gap:10px}.divider.svelte-1aa2x8l{height:1px;background:var(--border-color);margin:12px 0}.method-select.svelte-1aa2x8l{width:100%;padding:4px 6px;font-size:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.method-select.svelte-1aa2x8l:focus{outline:1px solid var(--accent);outline-offset:-1px}.panel-inner.svelte-1npdtpc{padding:12px}h3.svelte-1npdtpc{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.hint.svelte-1npdtpc{font-size:11px;color:var(--text-secondary);opacity:.6}.active-color-section.svelte-1npdtpc{display:flex;align-items:center;gap:8px;margin-bottom:12px}.active-swatch.svelte-1npdtpc{width:32px;height:32px;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.hex-input.svelte-1npdtpc{flex:1;min-width:0;padding:4px 6px;font-size:12px;font-family:monospace;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);outline:none}.hex-input.svelte-1npdtpc:focus{border-color:var(--accent)}.lock-btn.svelte-1npdtpc{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.lock-btn.svelte-1npdtpc:hover{background:var(--accent);color:#111}.lock-btn.locked.svelte-1npdtpc{background:var(--accent);color:#111;border-color:var(--accent)}.palette-grid.svelte-1npdtpc{display:grid;grid-template-columns:repeat(auto-fill,16px);gap:2px;justify-content:start;margin-bottom:12px;max-height:160px;overflow-y:auto}.swatch.svelte-1npdtpc{width:16px;height:16px;padding:0;border:1px solid transparent;border-radius:2px;cursor:pointer;flex-shrink:0}.swatch.svelte-1npdtpc:hover{border-color:var(--text-secondary);background:inherit;color:inherit}.swatch.active.svelte-1npdtpc{border-color:#fff;box-shadow:0 0 0 1px #fff}.palette-actions.svelte-1npdtpc{display:flex;flex-direction:column;gap:8px}.action-btn.svelte-1npdtpc{padding:6px 10px;font-size:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.action-btn.svelte-1npdtpc:hover{background:var(--accent);color:#111}.action-btn.full-width.svelte-1npdtpc{width:100%}.sort-row.svelte-1npdtpc{display:flex;align-items:center;gap:6px}.sort-label.svelte-1npdtpc{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.7;flex-shrink:0}.sort-select.svelte-1npdtpc{flex:1;min-width:0;padding:3px 6px;font-size:11px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;outline:none}.sort-select.svelte-1npdtpc:focus{border-color:var(--accent)}.color-count.svelte-1npdtpc{font-size:10px;color:var(--text-secondary);opacity:.7;text-align:center}.hidden-picker.svelte-1npdtpc{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.panel-inner.svelte-19zlq6n{padding:12px}h3.svelte-19zlq6n{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.hint.svelte-19zlq6n{font-size:11px;color:var(--text-secondary);opacity:.6}.section.svelte-19zlq6n{display:flex;flex-direction:column;gap:8px}.section-label.svelte-19zlq6n{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.7}.button-row.svelte-19zlq6n{display:flex;gap:6px}.action-btn.svelte-19zlq6n{flex:1;padding:6px 10px;font-size:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.action-btn.svelte-19zlq6n:hover:not(:disabled){background:var(--accent);color:#111}.action-btn.svelte-19zlq6n:disabled{opacity:.4;cursor:not-allowed}.action-btn.full-width.svelte-19zlq6n{flex:none;width:100%}.scale-row.svelte-19zlq6n{display:flex;gap:4px}.scale-btn.svelte-19zlq6n{flex:1;padding:4px 0;font-size:11px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;text-align:center}.scale-btn.svelte-19zlq6n:hover{background:var(--accent);color:#111}.scale-btn.active.svelte-19zlq6n{background:var(--accent);color:#111;border-color:var(--accent)}.dimensions.svelte-19zlq6n{font-size:11px;color:var(--text-secondary);text-align:center}.divider.svelte-19zlq6n{height:1px;background:var(--border-color);margin:12px 0}.shortcuts.svelte-19zlq6n{margin-top:12px;display:flex;flex-direction:column;gap:4px}.shortcut.svelte-19zlq6n{font-size:10px;color:var(--text-secondary);opacity:.5}kbd.svelte-19zlq6n{font-family:inherit;font-size:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;padding:1px 4px;margin-right:4px}.spacer.svelte-10kqjjy{flex:1}.separator.svelte-10kqjjy{margin:0 6px;opacity:.4}.ba-label.svelte-10kqjjy{margin-right:4px}.ba-group.svelte-10kqjjy{display:inline-flex;gap:1px}.ba-btn.svelte-10kqjjy{font-size:10px;padding:1px 6px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:3px;line-height:1.4}.ba-btn.svelte-10kqjjy:hover{background:var(--bg-panel);color:var(--text-primary)}.ba-btn.active.svelte-10kqjjy{background:var(--accent);color:#111;border-color:var(--accent)}.showing-original.svelte-10kqjjy{margin-left:6px;color:var(--accent);font-weight:600}.history-info.svelte-10kqjjy{margin:0 4px;opacity:.7}.backdrop.svelte-1b8u021{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.card.svelte-1b8u021{position:relative;max-width:560px;width:100%;max-height:85vh;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.close-btn.svelte-1b8u021{position:absolute;top:12px;right:12px;z-index:1;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s,background .15s}.close-btn.svelte-1b8u021:hover{color:var(--text-primary);background:var(--bg-surface)}.tabs.svelte-1b8u021{display:flex;gap:2px;padding:16px 16px 0;border-bottom:1px solid var(--border-color)}.tab.svelte-1b8u021{flex:1;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.tab.svelte-1b8u021:hover{color:var(--text-primary)}.tab.active.svelte-1b8u021{color:var(--accent);border-bottom-color:var(--accent)}.tab-content.svelte-1b8u021{flex:1;overflow-y:auto;padding:24px}.welcome.svelte-1b8u021{display:flex;flex-direction:column;align-items:center;text-align:center}.hero.svelte-1b8u021{font-size:2rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline.svelte-1b8u021{color:var(--text-primary);font-size:1.05rem;margin:0 0 12px}.problem.svelte-1b8u021{color:var(--text-secondary);font-size:.875rem;line-height:1.55;margin:0 0 24px;max-width:440px}.features.svelte-1b8u021{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-bottom:28px}@media(min-width:480px){.features.svelte-1b8u021{grid-template-columns:repeat(3,1fr)}}.feature-card.svelte-1b8u021{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s}.feature-card.svelte-1b8u021:hover{border-color:var(--accent)}.feature-icon.svelte-1b8u021{font-size:1.5rem}.feature-text.svelte-1b8u021{font-size:.78rem;color:var(--text-secondary);line-height:1.35}.cta.svelte-1b8u021{padding:10px 32px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.cta.svelte-1b8u021:hover{background:var(--accent-hover)}.changelog-entry.svelte-1b8u021{margin-bottom:24px}.changelog-entry.svelte-1b8u021:last-child{margin-bottom:0}.changelog-header.svelte-1b8u021{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.changelog-version.svelte-1b8u021{font-size:1.1rem;font-weight:600;color:var(--accent)}.changelog-date.svelte-1b8u021{font-size:.8rem;color:var(--text-secondary)}.changelog-items.svelte-1b8u021{margin:0;padding-left:20px;list-style:disc}.changelog-items.svelte-1b8u021 li:where(.svelte-1b8u021){color:var(--text-primary);font-size:.85rem;line-height:1.6;margin-bottom:4px}.changelog-items.svelte-1b8u021 li:where(.svelte-1b8u021):last-child{margin-bottom:0}.editor.svelte-1hicyxm{display:grid;grid-template-columns:var(--toolbar-width) 1fr var(--panel-width);grid-template-rows:1fr var(--statusbar-height);grid-template-areas:"toolbar canvas panel" "status  status status";height:100%;background:var(--bg-primary)}.toolbar.svelte-1hicyxm{grid-area:toolbar;background:var(--bg-panel);border-right:1px solid var(--border-color)}.canvas-area.svelte-1hicyxm{grid-area:canvas;background:var(--bg-secondary);overflow:hidden;position:relative}.panel-right.svelte-1hicyxm{grid-area:panel;background:var(--bg-panel);border-left:1px solid var(--border-color);overflow-y:auto}.status-bar.svelte-1hicyxm{grid-area:status;background:var(--bg-panel);border-top:1px solid var(--border-color);display:flex;align-items:center;padding:0 12px;font-size:11px;color:var(--text-secondary)}.panel-divider.svelte-1hicyxm{height:1px;background:var(--border-color);margin:0 12px}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-panel: #1e2a45;--bg-surface: #253354;--border-color: #2a3a5c;--text-primary: #e0e0e0;--text-secondary: #8899aa;--accent: #4fc3f7;--accent-hover: #81d4fa;--danger: #ef5350;--success: #66bb6a;--panel-width: 220px;--statusbar-height: 28px;--toolbar-width: 48px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;color:var(--text-primary);background-color:var(--bg-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;overflow:hidden}button{font:inherit;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:4px 10px;cursor:pointer}button:hover{background:var(--accent);color:#111}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}