body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;color:#1a1a1a;min-height:100vh;padding:40px 20px;transition:background-color .3s ease,color .3s ease}@media (prefers-color-scheme: dark){body{background:#0d0d0d;color:#e5e5e5}}.container.svelte-1uha8ag{max-width:900px;margin:0 auto}header.svelte-1uha8ag{text-align:center;margin-bottom:60px;animation:svelte-1uha8ag-fadeInUp .6s ease-out}.logo.svelte-1uha8ag{display:flex;justify-content:center;margin-bottom:20px;animation:svelte-1uha8ag-float 3s ease-in-out infinite}.logo.svelte-1uha8ag svg:where(.svelte-1uha8ag){filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}@keyframes svelte-1uha8ag-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes svelte-1uha8ag-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1.svelte-1uha8ag{font-family:"Instrument Serif",serif;font-size:3.5rem;margin:0;font-weight:400;letter-spacing:-.02em;color:#1a1a1a}@media (prefers-color-scheme: dark){h1.svelte-1uha8ag{color:#e5e5e5}}header.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1.1rem;color:#6b6b6b;margin-top:12px;font-weight:400}@media (prefers-color-scheme: dark){header.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#9a9a9a}}.upload-zone.svelte-1uha8ag{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed #d1d5db;border-radius:16px;padding:80px 40px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;animation:svelte-1uha8ag-fadeInUp .6s ease-out .2s both}@media (prefers-color-scheme: dark){.upload-zone.svelte-1uha8ag{background:#1a1a1acc;border-color:#374151;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}.upload-zone.svelte-1uha8ag:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f633,0 4px 6px -2px #3b82f61a;transform:translateY(-2px)}.upload-zone.drag-active.svelte-1uha8ag{border-color:#3b82f6;background:#3b82f61a;border-style:solid;transform:scale(1.02);box-shadow:0 20px 25px -5px #3b82f64d,0 10px 10px -5px #3b82f633}@media (prefers-color-scheme: dark){.upload-zone.drag-active.svelte-1uha8ag{background:#3b82f626}}.upload-zone.svelte-1uha8ag svg:where(.svelte-1uha8ag){color:#6b6b6b;margin-bottom:24px}@media (prefers-color-scheme: dark){.upload-zone.svelte-1uha8ag svg:where(.svelte-1uha8ag){color:#9a9a9a}}.upload-zone.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-family:"Instrument Serif",serif;color:#1a1a1a;margin:10px 0;font-size:1.75rem;font-weight:400}@media (prefers-color-scheme: dark){.upload-zone.svelte-1uha8ag h2:where(.svelte-1uha8ag){color:#e5e5e5}}.upload-zone.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#6b6b6b;margin:10px 0}@media (prefers-color-scheme: dark){.upload-zone.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#9a9a9a}}.file-label.svelte-1uha8ag{display:inline-block;padding:14px 32px;background:#3b82f6;color:#fff;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);margin:20px 0;box-shadow:0 4px 12px #3b82f666}.file-label.svelte-1uha8ag:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f680}.file-label.svelte-1uha8ag:active{transform:translateY(0)}.formats.svelte-1uha8ag{font-size:.875rem;color:#9a9a9a;margin-top:20px}.processing.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner.svelte-1uha8ag{width:48px;height:48px;border:3px solid #e5e5e5;border-top-color:#3b82f6;border-radius:50%;animation:svelte-1uha8ag-spin .8s linear infinite}@media (prefers-color-scheme: dark){.spinner.svelte-1uha8ag{border-color:#333;border-top-color:#3b82f6}}@keyframes svelte-1uha8ag-spin{to{transform:rotate(360deg)}}.results.svelte-1uha8ag{max-width:100%}.results-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,229,229,.5);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;animation:svelte-1uha8ag-fadeInUp .6s ease-out}@media (prefers-color-scheme: dark){.results-header.svelte-1uha8ag{background:#1a1a1acc;border-color:#33333380;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}.stats-text.svelte-1uha8ag{margin:0;font-size:1.1rem;color:#1a1a1a}@media (prefers-color-scheme: dark){.stats-text.svelte-1uha8ag{color:#e5e5e5}}.stats-text.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#15803d;font-weight:600}@media (prefers-color-scheme: dark){.stats-text.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#4ade80}}.header-actions.svelte-1uha8ag{display:flex;gap:12px}.images-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));gap:24px}.image-card.svelte-1uha8ag{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,229,229,.5);border-radius:16px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;animation:svelte-1uha8ag-fadeInUp .6s ease-out both}.image-card.svelte-1uha8ag:nth-child(1){animation-delay:.1s}.image-card.svelte-1uha8ag:nth-child(2){animation-delay:.2s}.image-card.svelte-1uha8ag:nth-child(3){animation-delay:.3s}.image-card.svelte-1uha8ag:hover{border-color:#3b82f680;box-shadow:0 10px 15px -3px #3b82f633,0 4px 6px -2px #3b82f61a;transform:translateY(-4px)}@media (prefers-color-scheme: dark){.image-card.svelte-1uha8ag{background:#1a1a1acc;border-color:#33333380;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.image-card.svelte-1uha8ag:hover{border-color:#3b82f680;box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f633}}.card-header.svelte-1uha8ag{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}@media (prefers-color-scheme: dark){.card-header.svelte-1uha8ag{border-bottom-color:#333}}.card-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:#1a1a1a;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-color-scheme: dark){.card-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){color:#e5e5e5}}.image-preview.svelte-1uha8ag{margin-bottom:24px;display:flex;justify-content:center}.formats-section.svelte-1uha8ag{margin-top:24px}.formats-section.svelte-1uha8ag h4:where(.svelte-1uha8ag){font-size:.85rem;font-weight:600;color:#6b6b6b;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}@media (prefers-color-scheme: dark){.formats-section.svelte-1uha8ag h4:where(.svelte-1uha8ag){color:#9a9a9a}}.formats-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.format-card.svelte-1uha8ag{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:8px;padding:12px;transition:all .2s ease}.format-card.svelte-1uha8ag:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}@media (prefers-color-scheme: dark){.format-card.svelte-1uha8ag{background:#0d0d0d;border-color:#333}.format-card.svelte-1uha8ag:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}}.format-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.format-label.svelte-1uha8ag{font-size:.75rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:.05em}.format-size.svelte-1uha8ag{font-size:.75rem;font-weight:600;color:#6b6b6b}@media (prefers-color-scheme: dark){.format-size.svelte-1uha8ag{color:#9a9a9a}}.format-preview.svelte-1uha8ag{width:100%;height:120px;object-fit:cover;border-radius:6px;border:1px solid #e5e5e5;margin-bottom:8px}@media (prefers-color-scheme: dark){.format-preview.svelte-1uha8ag{border-color:#333}}.format-footer.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center}.format-savings.svelte-1uha8ag{display:inline-block;background:#f0fdf4;color:#15803d;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid #86efac}@media (prefers-color-scheme: dark){.format-savings.svelte-1uha8ag{background:#0c2817;color:#4ade80;border-color:#166534}}.download-btn-small.svelte-1uha8ag{background:transparent;border:1px solid #e5e5e5;border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b6b6b;transition:all .2s ease}.download-btn-small.svelte-1uha8ag:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}@media (prefers-color-scheme: dark){.download-btn-small.svelte-1uha8ag{border-color:#333;color:#9a9a9a}.download-btn-small.svelte-1uha8ag:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}}.image-box.svelte-1uha8ag{text-align:center}.image-box.svelte-1uha8ag .label:where(.svelte-1uha8ag){display:block;font-size:.75rem;color:#9a9a9a;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.image-box.svelte-1uha8ag img:where(.svelte-1uha8ag){max-width:100%;max-height:200px;border-radius:8px;border:1px solid #e5e5e5}@media (prefers-color-scheme: dark){.image-box.svelte-1uha8ag img:where(.svelte-1uha8ag){border-color:#333}}.image-box.svelte-1uha8ag .size:where(.svelte-1uha8ag){color:#6b6b6b;margin-top:8px;font-weight:500;font-size:.85rem}@media (prefers-color-scheme: dark){.image-box.svelte-1uha8ag .size:where(.svelte-1uha8ag){color:#9a9a9a}}button.svelte-1uha8ag{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary.svelte-1uha8ag{background:#3b82f6;color:#fff}.btn-primary.svelte-1uha8ag:hover{background:#2563eb}.btn-secondary.svelte-1uha8ag{background:#f1f1f1;color:#1a1a1a;border:1px solid #e5e5e5}@media (prefers-color-scheme: dark){.btn-secondary.svelte-1uha8ag{background:#262626;color:#e5e5e5;border-color:#333}}.btn-secondary.svelte-1uha8ag:hover{background:#e5e5e5}@media (prefers-color-scheme: dark){.btn-secondary.svelte-1uha8ag:hover{background:#333}}@media (max-width: 768px){body{padding:20px}header.svelte-1uha8ag{margin-bottom:40px}h1.svelte-1uha8ag{font-size:2.5rem}.upload-zone.svelte-1uha8ag{padding:60px 30px}.results-header.svelte-1uha8ag{flex-direction:column;gap:16px;align-items:stretch}.header-actions.svelte-1uha8ag{flex-direction:column}.header-actions.svelte-1uha8ag button:where(.svelte-1uha8ag){width:100%}.images-grid.svelte-1uha8ag,.formats-grid.svelte-1uha8ag{grid-template-columns:1fr}.card-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){max-width:250px}}.modal-overlay.svelte-1uha8ag{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:svelte-1uha8ag-fadeIn .2s ease;padding:20px}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-1uha8ag{position:relative;max-width:1200px;max-height:90vh;width:100%;animation:svelte-1uha8ag-slideUp .3s ease}@keyframes svelte-1uha8ag-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close.svelte-1uha8ag{position:absolute;top:-10px;right:-10px;background:#3b82f6e6;border:2px solid rgba(255,255,255,.8);color:#fff;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:50%!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1001;box-shadow:0 2px 8px #0000004d;font-size:32px;font-weight:300;line-height:1;font-family:Arial,sans-serif;flex-shrink:0;padding:0;margin:0;transform:none!important}.modal-close.svelte-1uha8ag:hover{background:#3b82f6;transform:scale(1.1)!important;border-color:#fff}.modal-single.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:20px}.modal-img.svelte-1uha8ag{max-width:100%;max-height:calc(90vh - 100px);border-radius:12px;box-shadow:0 20px 60px #00000080}.modal-info.svelte-1uha8ag{display:flex;gap:20px;align-items:center;background:#ffffff1a;padding:12px 24px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-format.svelte-1uha8ag{font-weight:600;color:#3b82f6;font-size:1rem}.modal-size.svelte-1uha8ag{color:#e5e5e5;font-size:.9rem}.modal-savings.svelte-1uha8ag{color:#4ade80;font-weight:600;font-size:.9rem}.clickable-img.svelte-1uha8ag{cursor:pointer;transition:transform .2s,box-shadow .2s}.clickable-img.svelte-1uha8ag:hover{transform:scale(1.02);box-shadow:0 4px 12px #3b82f64d}@media screen and (max-width: 768px){.images-grid.svelte-1uha8ag,.formats-grid.svelte-1uha8ag{grid-template-columns:1fr}.card-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){max-width:250px}.modal-info.svelte-1uha8ag{flex-wrap:wrap;justify-content:center}}