.tool-layout[data-astro-cid-ecisppfq]{display:grid;grid-template-columns:320px 1fr;gap:12px;align-items:start;padding-bottom:48px}@media(max-width:768px){.tool-layout[data-astro-cid-ecisppfq]{grid-template-columns:1fr}}.panel-bar[data-astro-cid-ecisppfq]{background:hsl(var(--secondary));border-bottom:1px solid hsl(var(--border));padding:8px 14px;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius) var(--radius) 0 0}.panel-dot[data-astro-cid-ecisppfq]{width:6px;height:6px;background:hsl(var(--primary));border-radius:50%;animation:blink 1s step-end infinite}.dropzone[data-astro-cid-ecisppfq]{border:1px dashed hsl(var(--border));padding:28px 16px;text-align:center;cursor:pointer;position:relative;margin-bottom:12px;transition:border-color .2s;border-radius:var(--radius)}.dropzone[data-astro-cid-ecisppfq]:hover,.dropzone[data-astro-cid-ecisppfq].over{border-color:hsl(var(--primary) / .5);background:hsl(var(--secondary))}.dropzone[data-astro-cid-ecisppfq] input[data-astro-cid-ecisppfq]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dz-sub[data-astro-cid-ecisppfq]{font-size:12px;color:hsl(var(--muted-foreground));letter-spacing:.5px}.file-list[data-astro-cid-ecisppfq]{margin-bottom:12px;display:flex;flex-direction:column;gap:4px;max-height:110px;overflow-y:auto}.file-item[data-astro-cid-ecisppfq]{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;transition:background .15s}.file-item[data-astro-cid-ecisppfq]:hover,.file-item[data-astro-cid-ecisppfq].active{background:hsl(var(--secondary));border-color:hsl(var(--primary) / .4)}.file-thumb[data-astro-cid-ecisppfq]{width:36px;height:24px;-o-object-fit:cover;object-fit:cover;border-radius:2px}.file-name[data-astro-cid-ecisppfq]{font-size:12px;color:hsl(var(--muted-foreground));flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-del[data-astro-cid-ecisppfq]{font-size:13px;color:hsl(var(--muted-foreground) / .4);cursor:pointer;padding:0 4px}.file-del[data-astro-cid-ecisppfq]:hover{color:hsl(var(--primary))}.section-label[data-astro-cid-ecisppfq]{font-family:JetBrains Mono,monospace;font-size:9px;color:hsl(var(--muted-foreground) / .5);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;margin-top:16px;border-top:1px solid hsl(var(--border));padding-top:12px}.ctrl-row[data-astro-cid-ecisppfq]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ctrl-label[data-astro-cid-ecisppfq]{font-size:11px;color:hsl(var(--muted-foreground));min-width:88px}.ctrl-val[data-astro-cid-ecisppfq]{font-family:JetBrains Mono,monospace;font-size:10px;color:hsl(var(--primary));min-width:36px;text-align:right}.slider-wrap[data-astro-cid-ecisppfq]{flex:1;position:relative;height:20px;display:flex;align-items:center}input[data-astro-cid-ecisppfq][type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:hsl(var(--border));outline:none;cursor:pointer;position:relative;z-index:2;border-radius:1px}input[data-astro-cid-ecisppfq][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:hsl(var(--primary));cursor:pointer;border:none;border-radius:50%;box-shadow:0 0 0 2px hsl(var(--background));-webkit-transition:background .15s;transition:background .15s}input[data-astro-cid-ecisppfq][type=range]::-moz-range-thumb{width:12px;height:12px;background:hsl(var(--primary));cursor:pointer;border:none;border-radius:50%}input[data-astro-cid-ecisppfq][type=range]::-webkit-slider-runnable-track{background:transparent;height:2px}input[data-astro-cid-ecisppfq][type=range]::-moz-range-track{background:hsl(var(--border));height:2px}input[data-astro-cid-ecisppfq][type=range].filled{background:linear-gradient(to right,hsl(var(--primary) / .7) var(--pct, 0%),hsl(var(--border)) var(--pct, 0%))}.tint-grid[data-astro-cid-ecisppfq]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.tint-btn[data-astro-cid-ecisppfq]{font-size:11px;padding:6px;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;text-align:center;border-radius:var(--radius);transition:all .15s}.tint-btn[data-astro-cid-ecisppfq]:hover,.tint-btn[data-astro-cid-ecisppfq].on{border-color:hsl(var(--primary) / .5);color:hsl(var(--primary));background:hsl(var(--secondary))}.fx-row[data-astro-cid-ecisppfq]{display:flex;gap:6px;flex-wrap:wrap}.fx-btn[data-astro-cid-ecisppfq]{font-size:11px;padding:4px 10px;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;border-radius:var(--radius);transition:all .15s}.fx-btn[data-astro-cid-ecisppfq]:hover,.fx-btn[data-astro-cid-ecisppfq].on{border-color:hsl(var(--primary) / .5);color:hsl(var(--primary));background:hsl(var(--secondary))}.tool-btn[data-astro-cid-ecisppfq]{font-family:JetBrains Mono,monospace;font-size:11px;padding:8px 14px;border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:transparent;cursor:pointer;border-radius:var(--radius);transition:all .15s}.tool-btn[data-astro-cid-ecisppfq]:hover:not(:disabled){background:hsl(var(--secondary));border-color:hsl(var(--primary) / .4)}.tool-btn[data-astro-cid-ecisppfq]:disabled{opacity:.3;cursor:not-allowed}.tool-btn[data-astro-cid-ecisppfq].primary{border-color:hsl(var(--primary) / .6);color:hsl(var(--primary))}.tool-btn[data-astro-cid-ecisppfq].primary:hover:not(:disabled){background:hsl(var(--primary) / .1);border-color:hsl(var(--primary))}.status[data-astro-cid-ecisppfq]{font-size:12px;color:hsl(var(--muted-foreground));margin-top:10px;text-align:center;min-height:18px;font-family:JetBrains Mono,monospace}.status[data-astro-cid-ecisppfq].ok{color:#22c35d}.tip[data-astro-cid-ecisppfq]{font-size:12px;color:hsl(var(--muted-foreground) / .5);line-height:1.7}.tip[data-astro-cid-ecisppfq] span[data-astro-cid-ecisppfq]{color:hsl(var(--muted-foreground) / .8)}.preview-area[data-astro-cid-ecisppfq]{background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);min-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px}#preview-canvas[data-astro-cid-ecisppfq]{display:block;max-width:100%;max-height:460px;image-rendering:pixelated}.preview-ph[data-astro-cid-ecisppfq]{font-size:13px;color:hsl(var(--muted-foreground) / .3);text-align:center;padding:60px 20px;font-family:JetBrains Mono,monospace}.preview-ph[data-astro-cid-ecisppfq] span[data-astro-cid-ecisppfq]{font-size:11px;color:hsl(var(--muted-foreground) / .2)}.export-list[data-astro-cid-ecisppfq]{display:flex;flex-direction:column;gap:5px;max-height:280px;overflow-y:auto}.export-empty[data-astro-cid-ecisppfq]{font-size:12px;color:hsl(var(--muted-foreground) / .4);padding:10px}.export-item[data-astro-cid-ecisppfq]{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));transition:background .15s}.export-item[data-astro-cid-ecisppfq]:hover{background:hsl(var(--secondary))}.export-thumb[data-astro-cid-ecisppfq]{width:60px;height:40px;image-rendering:pixelated;border-radius:2px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;display:block}.export-info[data-astro-cid-ecisppfq]{flex:1;overflow:hidden}.export-name[data-astro-cid-ecisppfq]{font-size:12px;color:hsl(var(--muted-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-params[data-astro-cid-ecisppfq]{font-size:10px;color:hsl(var(--muted-foreground) / .5);margin-top:2px;font-family:JetBrains Mono,monospace}.export-btns[data-astro-cid-ecisppfq]{display:flex;gap:5px}.exp-btn[data-astro-cid-ecisppfq]{font-family:JetBrains Mono,monospace;font-size:10px;padding:4px 8px;border:1px solid hsl(var(--border));color:hsl(var(--foreground));background:transparent;cursor:pointer;border-radius:var(--radius)}.exp-btn[data-astro-cid-ecisppfq]:hover{background:hsl(var(--secondary))}.exp-del[data-astro-cid-ecisppfq]{font-size:14px;color:hsl(var(--muted-foreground) / .3);cursor:pointer;padding:2px 6px}.exp-del[data-astro-cid-ecisppfq]:hover{color:hsl(var(--primary))}