.encoder-container.svelte-18pk01s.svelte-18pk01s{max-width:800px;margin:0 auto}.upload-zones.svelte-18pk01s.svelte-18pk01s{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-block-end:1rem}.upload-zone.svelte-18pk01s.svelte-18pk01s{border:2px dashed var(--txt-color);background-color:var(--bg-color);min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upload-zone.svelte-18pk01s.svelte-18pk01s:hover{background-color:#fafad2;border-color:#00f}.upload-zone.dragging.svelte-18pk01s.svelte-18pk01s{background-color:#fafad2;border-color:#00f;border-style:solid}.upload-zone.has-file.svelte-18pk01s.svelte-18pk01s{border-style:solid;border-color:green}.upload-zone.svelte-18pk01s label.svelte-18pk01s{width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center}.zone-content.svelte-18pk01s.svelte-18pk01s{text-align:center;padding:1rem;width:100%}.upload-prompt.svelte-18pk01s .icon.svelte-18pk01s{font-size:3rem;margin-block-end:.5rem}.upload-prompt.svelte-18pk01s .text.svelte-18pk01s{font-family:var(--sans-stack);font-size:var(--txt-0);font-weight:700;margin-block-end:.25rem}.upload-prompt.svelte-18pk01s .subtext.svelte-18pk01s{font-family:var(--sans-stack);font-size:var(--txt--2);color:#666}.file-info.svelte-18pk01s.svelte-18pk01s{display:flex;flex-direction:column;align-items:center;gap:.25rem}.checkmark.svelte-18pk01s.svelte-18pk01s{font-size:2rem;color:green}.filename.svelte-18pk01s.svelte-18pk01s{font-family:var(--mono-stack);font-size:var(--txt--1);font-weight:700;word-break:break-all}.file-size.svelte-18pk01s.svelte-18pk01s{font-family:var(--mono-stack);font-size:var(--txt--2);color:#666}.gif-preview.svelte-18pk01s.svelte-18pk01s{display:flex;align-items:center;justify-content:center}.gif-preview.svelte-18pk01s img.svelte-18pk01s{max-width:100%;max-height:180px;border:1px solid var(--txt-color)}.error-message.svelte-18pk01s.svelte-18pk01s{background-color:#ff0;border:2px solid red;padding:.75rem;margin-block-end:1rem;font-family:var(--mono-stack);font-size:var(--txt--1);font-weight:700}.actions.svelte-18pk01s.svelte-18pk01s{display:flex;gap:.5rem;justify-content:center}.encode-button.svelte-18pk01s.svelte-18pk01s{font-family:var(--sans-stack);font-size:var(--txt-0);padding:.75rem 1.5rem;background-color:#00f;color:#fff;border:2px solid var(--txt-color);cursor:pointer;font-weight:700;box-shadow:3px 3px 0 var(--txt-color)}.encode-button.svelte-18pk01s.svelte-18pk01s:hover:not(:disabled){background-color:#00008b;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--txt-color)}.encode-button.svelte-18pk01s.svelte-18pk01s:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.reset-button.svelte-18pk01s.svelte-18pk01s{font-family:var(--sans-stack);font-size:var(--txt--1);padding:.5rem 1rem;background-color:var(--bg-color);border:1px solid var(--txt-color);cursor:pointer}.reset-button.svelte-18pk01s.svelte-18pk01s:hover:not(:disabled){background-color:#fafad2}.reset-button.svelte-18pk01s.svelte-18pk01s:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 600px){.upload-zones.svelte-18pk01s.svelte-18pk01s{grid-template-columns:1fr}}