body{margin:0;background:#111}.app.svelte-1uha8ag{--bg-panel: #fff;--bg-canvas: #fff;--bg-input: #fff;--bg-btn: #f5f5f5;--bg-btn-hover: #ebebeb;--border: #e0e0e0;--border-inner: #d0d0d0;--canvas-dot: #ddd;--canvas-bar-bg: rgba(255,255,255,.9);--dropzone-bg: rgba(255,255,255,.7);--text-muted: #888;--text-body: #555;--text-secondary: #666;--text-dim: #aaa;--text-input: #222;--text-btn: #555;--row-toggle-off: #ccc;--row-toggle-hover: #888;--row-toggle-on: #555;--swatch-ring: #444;--specials-border:#eee}.app.dark.svelte-1uha8ag{--bg-panel: #1a1a1a;--bg-canvas: #111;--bg-input: #252525;--bg-btn: #252525;--bg-btn-hover: #303030;--border: #2d2d2d;--border-inner: #383838;--canvas-dot: #252525;--canvas-bar-bg: rgba(15,15,15,.9);--dropzone-bg: rgba(15,15,15,.7);--text-muted: #777;--text-body: #aaa;--text-secondary: #888;--text-dim: #555;--text-input: #ccc;--text-btn: #aaa;--row-toggle-off: #3a3a3a;--row-toggle-hover: #666;--row-toggle-on: #999;--swatch-ring: #ccc;--specials-border:#2d2d2d}header.svelte-1uha8ag{display:flex;justify-content:center;align-items:center;flex-direction:column;height:5dvh}.app.svelte-1uha8ag{display:flex;height:95dvh;overflow:hidden;position:relative}.theme-btn.svelte-1uha8ag{position:fixed;top:14px;right:14px;z-index:200;width:8px;height:8px;padding:0;border:1px solid var(--border-inner);border-radius:6px;background:var(--bg-btn);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s}.theme-btn.svelte-1uha8ag:hover{background:var(--bg-btn-hover)}.sidebar.svelte-1uha8ag{width:148px;min-width:148px;background:var(--bg-panel);border-right:1px solid var(--border);padding:12px 10px;display:flex;flex-direction:column;gap:5px;overflow-y:auto}.section-header.svelte-1uha8ag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1px}select.svelte-1uha8ag{width:100%;padding:4px 6px;border:1px solid var(--border-inner);border-radius:4px;background:var(--bg-input);color:var(--text-input);font-size:12px;cursor:pointer}.sub-label.svelte-1uha8ag{display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.slider-row.svelte-1uha8ag{display:flex;align-items:center;gap:5px;overflow:hidden}.slider-row.svelte-1uha8ag input[type=range]:where(.svelte-1uha8ag){flex:1;min-width:0;cursor:pointer;accent-color:#e63946}.temp-range.svelte-1uha8ag,.tint-range.svelte-1uha8ag{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none}.temp-range.svelte-1uha8ag{background:linear-gradient(to right,#e06018,#c8b89a 56%,#69d)}.tint-range.svelte-1uha8ag{background:linear-gradient(to right,#22b854,#888 50%,#c39)}.temp-range.svelte-1uha8ag::-webkit-slider-thumb,.tint-range.svelte-1uha8ag::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--bg-panel);border:2px solid rgba(128,128,128,.5);cursor:pointer;margin-top:-3.5px}.temp-range.svelte-1uha8ag::-moz-range-track{background:linear-gradient(to right,#e06018,#c8b89a 56%,#69d);height:4px;border-radius:2px}.tint-range.svelte-1uha8ag::-moz-range-track{background:linear-gradient(to right,#22b854,#888 50%,#c39);height:4px;border-radius:2px}.temp-range.svelte-1uha8ag::-moz-range-thumb,.tint-range.svelte-1uha8ag::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--bg-panel);border:2px solid rgba(128,128,128,.5);cursor:pointer;box-sizing:border-box}.slider-val.svelte-1uha8ag{font-size:10px;color:var(--text-body);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.sub-select.svelte-1uha8ag{font-size:11px;padding:3px 5px}.size-row.svelte-1uha8ag{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary)}.size-row.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;align-items:center;gap:2px}.size-row.svelte-1uha8ag input:where(.svelte-1uha8ag){width:44px;padding:3px 4px;border:1px solid var(--border-inner);border-radius:4px;font-size:11px;background:var(--bg-input);color:var(--text-input)}.convert-btn.svelte-1uha8ag{margin-top:6px;padding:7px 0;background:#e63946;color:#fff;border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.convert-btn.svelte-1uha8ag:hover:not(:disabled){background:#c62834}.convert-btn.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.error.svelte-1uha8ag{font-size:11px;color:#e63946;margin-top:4px;word-break:break-word}.canvas-area.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;background:var(--bg-canvas);background-image:radial-gradient(var(--canvas-dot) 1px,transparent 1px);background-size:20px 20px;position:relative;overflow:hidden}.dropzone.svelte-1uha8ag{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:var(--text-muted);font-size:13px;border:2px dashed var(--border-inner);margin:24px;border-radius:8px;background:var(--dropzone-bg)}.dropzone.small.svelte-1uha8ag{flex:none;padding:16px;margin:16px;flex-direction:row}.select-btn.svelte-1uha8ag{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:#e63946;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.split-container.svelte-1uha8ag{flex:1;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;background:var(--bg-canvas)}.split-image.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0}.split-image.svelte-1uha8ag img:where(.svelte-1uha8ag){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.split-image.svelte-1uha8ag img:where(.svelte-1uha8ag):first-child{z-index:1}.anim-wrapper.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.divider.svelte-1uha8ag{position:absolute;top:0;bottom:0;width:3px;background:#e63946;cursor:ew-resize;z-index:10;transform:translate(-50%);border:none;padding:0}.divider.svelte-1uha8ag:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#e63946;border-radius:50%;border:2px solid var(--bg-panel)}.canvas-bar.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--border);background:var(--canvas-bar-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bar-btn.svelte-1uha8ag{padding:5px 10px;border:1px solid var(--border-inner);border-radius:4px;background:var(--bg-btn);color:var(--text-btn);font-size:11px;cursor:pointer}.bar-btn.svelte-1uha8ag:hover{background:var(--bg-btn-hover)}.dim-info.svelte-1uha8ag{font-size:11px;color:var(--text-muted)}.download-btn.svelte-1uha8ag{padding:6px 14px;background:#e63946;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.download-btn.svelte-1uha8ag:hover{background:#c62834}.palette-panel.svelte-1uha8ag{width:200px;min-width:200px;background:var(--bg-panel);border-left:1px solid var(--border);padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.preset-row.svelte-1uha8ag{display:flex;gap:3px;flex-wrap:wrap}.preset-btn.svelte-1uha8ag{padding:3px 7px;border:1px solid var(--border-inner);border-radius:3px;background:var(--bg-btn);color:var(--text-btn);font-size:10px;cursor:pointer;white-space:nowrap}.preset-btn.active.svelte-1uha8ag{background:#e63946;color:#fff;border-color:#e63946}.swatch-grid.svelte-1uha8ag{display:flex;flex-direction:column;gap:2px}.hue-row.svelte-1uha8ag{display:flex;gap:2px}.specials-row.svelte-1uha8ag{display:flex;gap:2px;flex-wrap:wrap;margin-top:4px;padding-top:4px;border-top:1px solid var(--specials-border)}.swatch.svelte-1uha8ag{width:28px;height:18px;border-radius:3px;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .1s,opacity .1s}.swatch.selected.svelte-1uha8ag{box-shadow:0 0 0 1.5px var(--bg-panel)}.swatch.svelte-1uha8ag:not(.selected){opacity:.2}.clear-btn.svelte-1uha8ag{align-self:flex;padding:2px 8px;font-size:10px;border:1px solid var(--border-inner);border-radius:3px;background:var(--bg-btn);cursor:pointer;color:var(--text-btn)}.clear-btn.svelte-1uha8ag:hover{background:var(--bg-btn-hover)}.adj-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.reset-btn.svelte-1uha8ag{padding:1px 6px;font-size:9px;border:1px solid var(--border-inner);border-radius:3px;background:var(--bg-btn);cursor:pointer;color:var(--text-btn)}.reset-btn.svelte-1uha8ag:hover:not(:disabled){background:var(--bg-btn-hover)}.reset-btn.svelte-1uha8ag:disabled{opacity:.4;cursor:default}.row-toggle.svelte-1uha8ag{width:14px;height:18px;padding:0;border:none;background:none;cursor:pointer;font-size:8px;color:var(--row-toggle-off);line-height:1;flex-shrink:0;margin-left:auto}.row-toggle.svelte-1uha8ag:hover{color:var(--row-toggle-hover)}.row-toggle.row-toggle-on.svelte-1uha8ag{color:var(--row-toggle-on)}.palette-count.svelte-1uha8ag{font-size:10px;color:var(--text-dim);text-align:right}.stats-summary.svelte-1uha8ag{display:flex;flex-direction:column;gap:1px;font-size:10px;color:var(--text-muted)}.filter-row.svelte-1uha8ag{display:flex;align-items:center;gap:4px}.filter-label.svelte-1uha8ag{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;width:44px;flex-shrink:0}.filter-input.svelte-1uha8ag{width:44px;padding:2px 4px;border:1px solid var(--border-inner);border-radius:3px;font-size:11px;background:var(--bg-input);color:var(--text-input)}.filter-btn.svelte-1uha8ag{padding:2px 8px;font-size:10px;border:1px solid var(--border-inner);border-radius:3px;background:var(--bg-btn);cursor:pointer;color:var(--text-btn)}.filter-btn.svelte-1uha8ag:hover:not(:disabled){background:var(--bg-btn-hover)}.filter-btn.svelte-1uha8ag:disabled{opacity:.4;cursor:default}.color-stats.svelte-1uha8ag{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.stat-row.svelte-1uha8ag{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-body)}.stat-dot.svelte-1uha8ag{width:8px;height:8px;border-radius:2px;flex-shrink:0;border:1px solid rgba(128,128,128,.2)}.stat-name.svelte-1uha8ag{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-count.svelte-1uha8ag{font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0}.loading.svelte-1uha8ag{font-size:11px;color:var(--text-dim)}.seed-btn.svelte-1uha8ag{position:absolute;z-index:20;width:20px;height:20px;padding:0;border:2px solid rgba(255,255,255,.8);border-radius:4px;background:#00000059;color:#ffffff80;font-size:9px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s}.seed-btn.svelte-1uha8ag:hover{background:#0009;color:#fff}.seed-btn.seed-active.svelte-1uha8ag{background:#e63946;border-color:#fff;color:#fff}@media(max-width:700px){.app.svelte-1uha8ag{display:flex;flex-direction:column;overflow:auto}.canvas-area.svelte-1uha8ag,.sidebar.svelte-1uha8ag,.palette-panel.svelte-1uha8ag{position:static;height:auto;width:100%;overflow:visible}.canvas-area.svelte-1uha8ag{order:1;aspect-ratio:1 / 1}.sidebar.svelte-1uha8ag{order:2}.palette-panel.svelte-1uha8ag{order:3}.divider.svelte-1uha8ag{width:5px}.divider.svelte-1uha8ag:after{width:24px;height:24px;border:3px solid var(--bg-panel)}}