body{color:#f8fafc;background-color:#0f172a;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container.svelte-1uha8ag{box-sizing:border-box;flex-direction:column;align-items:center;max-width:980px;min-height:calc(100vh - 80px);margin:0 auto;padding:40px 20px;display:flex}.header.svelte-1uha8ag{text-align:center;margin-bottom:28px}.title.svelte-1uha8ag{letter-spacing:-.03em;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:2.5rem;font-weight:800}.subtitle.svelte-1uha8ag{color:#94a3b8;margin:0;font-size:.95rem}.uploader-container.svelte-1uha8ag{background:#1e293b;border:1px solid #334155;border-radius:20px;flex-direction:row;align-items:stretch;width:100%;min-height:380px;display:flex;overflow:hidden;box-shadow:0 20px 40px -15px #00000080}.drop-zone.svelte-1uha8ag{cursor:default;text-align:center;background:#1e293b66;border:2px dashed #475569;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:16px;padding:40px 24px;transition:all .2s;display:flex}.drop-zone.active.svelte-1uha8ag{background:#38bdf814;border-color:#38bdf8;transform:scale(.99)}.icon-wrap.svelte-1uha8ag{color:#38bdf8;background:#334155;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;transition:transform .2s;display:flex}.drop-zone.svelte-1uha8ag:hover .icon-wrap:where(.svelte-1uha8ag),.picker-zone.svelte-1uha8ag:hover .icon-wrap:where(.svelte-1uha8ag){transform:translateY(-2px)}.drop-title.svelte-1uha8ag,.picker-title.svelte-1uha8ag{color:#f1f5f9;margin:0 0 8px;font-size:1.2rem;font-weight:600}.drop-desc.svelte-1uha8ag,.picker-desc.svelte-1uha8ag{color:#94a3b8;margin:0;font-size:.88rem}.divider.svelte-1uha8ag{justify-content:center;align-items:center;padding:0 12px;display:flex;position:relative}.divider.svelte-1uha8ag:before{content:"";background:#334155;width:1px;position:absolute;top:20px;bottom:20px}.divider.svelte-1uha8ag span:where(.svelte-1uha8ag){color:#64748b;text-transform:uppercase;background:#1e293b;border:1px solid #334155;border-radius:20px;padding:6px 10px;font-size:.78rem;font-weight:600;position:relative}.picker-zone.svelte-1uha8ag{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:16px;padding:40px 24px;display:flex}.picker-desc.svelte-1uha8ag{margin-bottom:24px}.browse-button.svelte-1uha8ag{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;border-radius:12px;align-items:center;gap:10px;padding:13px 28px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0284c759}.browse-button.svelte-1uha8ag:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #0284c773}.hidden-input.svelte-1uha8ag{display:none}.editor-card.svelte-1uha8ag{box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:20px;flex-direction:column;gap:20px;width:100%;padding:24px;display:flex;box-shadow:0 20px 40px -15px #00000080}.editor-header.svelte-1uha8ag{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.file-info.svelte-1uha8ag{flex-direction:column;gap:4px;display:flex}.file-name.svelte-1uha8ag{color:#f1f5f9;word-break:break-all;font-size:1.05rem;font-weight:600}.file-dimensions.svelte-1uha8ag{color:#94a3b8;font-size:.85rem}.change-button.svelte-1uha8ag{color:#f1f5f9;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:background-color .2s}.change-button.svelte-1uha8ag:hover{background:#475569}.canvas-wrapper.svelte-1uha8ag{background:#090d16;border:1px solid #1e293b;border-radius:14px;justify-content:center;align-items:center;max-height:520px;padding:16px;display:flex;overflow:hidden}.preview-canvas.svelte-1uha8ag{object-fit:contain;border-radius:6px;max-width:100%;max-height:480px;box-shadow:0 6px 20px #0009}.control-panel.svelte-1uha8ag{background:#0f172a;border:1px solid #334155;border-radius:16px;flex-direction:column;gap:22px;padding:22px;display:flex}.control-section.svelte-1uha8ag{flex-direction:column;gap:12px;display:flex}.preset-header-btn.svelte-1uha8ag{color:#cbd5e1;cursor:pointer;text-align:left;box-sizing:border-box;background:#182234;border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;transition:all .2s;display:flex}.preset-header-btn.svelte-1uha8ag:hover{background:#1e2d44;border-color:#475569}.preset-header-left.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preset-header-right.svelte-1uha8ag{color:#94a3b8;align-items:center;gap:6px;font-size:.82rem;display:flex}.toggle-text.svelte-1uha8ag{font-weight:500}.chevron-icon.svelte-1uha8ag{transition:transform .2s}.chevron-icon.rotated.svelte-1uha8ag{transform:rotate(180deg)}.section-label.svelte-1uha8ag{color:#cbd5e1;letter-spacing:-.01em;font-size:.95rem;font-weight:700}.active-preset-badge.svelte-1uha8ag{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:12px;padding:2px 10px;font-size:.76rem;font-weight:600}.custom-badge.svelte-1uha8ag{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:600}.preset-grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px;display:grid}.preset-card.svelte-1uha8ag{color:#cbd5e1;cursor:pointer;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .2s;display:flex}.preset-card.svelte-1uha8ag:hover{background:#334155;transform:translateY(-1px)}.preset-card.active.svelte-1uha8ag{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 0 14px #38bdf859}.preset-title.svelte-1uha8ag{font-size:.88rem;font-weight:700}.preset-desc.svelte-1uha8ag{color:#94a3b8;font-size:.75rem}.preset-card.active.svelte-1uha8ag .preset-desc:where(.svelte-1uha8ag){color:#e0f2fe}.sliders-container.svelte-1uha8ag{background:#182234;border:1px solid #293548;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.slider-item.svelte-1uha8ag{flex-direction:column;gap:8px;display:flex}.slider-header.svelte-1uha8ag{justify-content:space-between;align-items:center;display:flex}.slider-label.svelte-1uha8ag{color:#cbd5e1;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.slider-value.svelte-1uha8ag{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:2px 8px;font-size:.82rem;font-weight:700}.shake-val.svelte-1uha8ag{color:#06b6d4}.pixel-val.svelte-1uha8ag{color:#c084fc}.flash-val.svelte-1uha8ag{color:#facc15}.darkness-val.svelte-1uha8ag{color:#818cf8}.noise-val.svelte-1uha8ag{color:#fb7185}.blur-val.svelte-1uha8ag{color:#38bdf8}.range-slider.svelte-1uha8ag{cursor:pointer;width:100%;height:6px}.shake-slider.svelte-1uha8ag{accent-color:#06b6d4}.pixel-slider.svelte-1uha8ag{accent-color:#a855f7}.flash-slider.svelte-1uha8ag{accent-color:#eab308}.darkness-slider.svelte-1uha8ag{accent-color:#818cf8}.noise-slider.svelte-1uha8ag{accent-color:#f43f5e}.blur-slider.svelte-1uha8ag{accent-color:#38bdf8}.action-footer.svelte-1uha8ag{border-top:1px solid #1e293b;justify-content:flex-end;padding-top:12px;display:flex}.download-button.svelte-1uha8ag{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:10px;padding:13px 26px;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159}.download-button.svelte-1uha8ag:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.download-button.svelte-1uha8ag:active{transform:translateY(0)}@media (width<=900px){.sliders-container.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.uploader-container.svelte-1uha8ag{flex-direction:column;min-height:auto}.divider.svelte-1uha8ag{padding:16px 0}.divider.svelte-1uha8ag:before{width:auto;height:1px;inset:50% 20px auto}.sliders-container.svelte-1uha8ag,.preset-grid.svelte-1uha8ag{grid-template-columns:1fr}.download-button.svelte-1uha8ag{justify-content:center;width:100%}}