.video-to-gif.svelte-1wi7npa{background:#fff;color:#1a1a1a;padding:2rem 0}.converter-container.svelte-1wi7npa{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.layout.svelte-1wi7npa{display:grid;grid-template-columns:1fr 400px;gap:20px}.left.svelte-1wi7npa{display:flex;flex-direction:column;gap:16px}.preview.svelte-1wi7npa{position:relative;background:#000;border:1px solid #E5E5E5;border-radius:.25rem;width:100%;aspect-ratio:16/9;overflow:hidden}video.svelte-1wi7npa{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#000}.play-btn.svelte-1wi7npa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a1a80;border:2px solid rgba(255,255,255,.8);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease-in-out;opacity:1}.preview.playing.svelte-1wi7npa .play-btn:where(.svelte-1wi7npa){opacity:0;pointer-events:none}.preview.svelte-1wi7npa:hover .play-btn:where(.svelte-1wi7npa){opacity:1;pointer-events:auto}.play-btn.svelte-1wi7npa:hover{background:#1a1a1acc;border-color:#fff;transform:translate(-50%,-50%) scale(1.1)}.timeline-section.svelte-1wi7npa{background:#fff;border:1px solid #E5E5E5;border-radius:.25rem;padding:1rem}.timeline-header.svelte-1wi7npa{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.timeline-label.svelte-1wi7npa{color:#1a1a1a;font-weight:500}.timeline-time.svelte-1wi7npa{color:#666;font-family:monospace}.timeline-track.svelte-1wi7npa{position:relative;height:48px;background:#f5f5f5;border-radius:.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #E5E5E5}.timeline-bg.svelte-1wi7npa{position:absolute;top:0;left:0;right:0;bottom:0;background:#fafafa;border-radius:.25rem}.timeline-selected.svelte-1wi7npa{position:absolute;top:0;bottom:0;background:#1a1a1a1a;border-left:2px solid #1a1a1a;border-right:2px solid #1a1a1a;pointer-events:none}.timeline-current.svelte-1wi7npa{position:absolute;top:0;bottom:0;width:2px;background:#1a1a1a;pointer-events:none;z-index:5}.timeline-handle.svelte-1wi7npa{position:absolute;top:-4px;bottom:-4px;width:16px;margin-left:-8px;cursor:ew-resize;z-index:10}.handle-grip.svelte-1wi7npa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:32px;background:#1a1a1a;border:2px solid #FFFFFF;border-radius:.25rem;transition:all .2s ease-in-out}.timeline-handle.svelte-1wi7npa:hover .handle-grip:where(.svelte-1wi7npa){background:#222;transform:translate(-50%,-50%) scale(1.1)}.handle-start.svelte-1wi7npa .handle-grip:where(.svelte-1wi7npa):before,.handle-end.svelte-1wi7npa .handle-grip:where(.svelte-1wi7npa):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:16px;background:#fff}.thumbnails-loading.svelte-1wi7npa{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#fff;border:1px solid #E5E5E5;border-radius:.25rem;margin-top:.75rem;color:#666;font-size:.875rem}.spinner-small.svelte-1wi7npa{width:20px;height:20px;border:2px solid #E5E5E5;border-top-color:#1a1a1a;border-radius:50%;animation:svelte-1wi7npa-spin 1s linear infinite}@keyframes svelte-1wi7npa-spin{to{transform:rotate(360deg)}}.thumbnails.svelte-1wi7npa{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin-top:.75rem}.thumb.svelte-1wi7npa{position:relative;background:#fff;border-radius:.25rem;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #E5E5E5;transition:border-color .2s ease-in-out;padding:0}.thumb.svelte-1wi7npa:hover{border-color:#1a1a1a}.thumb.svelte-1wi7npa img:where(.svelte-1wi7npa){width:100%;height:auto;display:block}.thumb-time.svelte-1wi7npa{position:absolute;bottom:4px;right:4px;background:#1a1a1acc;color:#fff;font-size:.625rem;padding:.125rem .25rem;border-radius:.125rem;font-family:monospace;pointer-events:none}.thumbnail-modal-overlay.svelte-1wi7npa{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.thumbnail-modal-content.svelte-1wi7npa{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.modal-close.svelte-1wi7npa{position:absolute;top:-40px;right:0;background:#fff;border:1px solid #E5E5E5;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1a1a;transition:all .2s ease-in-out}.modal-close.svelte-1wi7npa:hover{background:#f5f5f5;border-color:#1a1a1a}.modal-image-container.svelte-1wi7npa{background:#fff;border:1px solid #E5E5E5;border-radius:.25rem;overflow:hidden;display:flex;flex-direction:column}.modal-image.svelte-1wi7npa{max-width:100%;max-height:70vh;width:auto;height:auto;display:block;margin:0 auto;-o-object-fit:contain;object-fit:contain}.modal-info.svelte-1wi7npa{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fafafa;border-top:1px solid #E5E5E5;color:#1a1a1a;font-size:.875rem}.modal-frame.svelte-1wi7npa{font-weight:500}.modal-time.svelte-1wi7npa{font-family:monospace;color:#666}.modal-nav.svelte-1wi7npa{display:flex;justify-content:space-between;margin-top:1rem;gap:1rem}.nav-btn.svelte-1wi7npa{background:#1a1a1a;border:1px solid #1a1a1a;border-radius:.25rem;color:#fff;font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;font-weight:500}.nav-btn.svelte-1wi7npa:hover:not(:disabled){background:#222}.nav-btn.svelte-1wi7npa:disabled{opacity:.3;cursor:not-allowed}.nav-prev.svelte-1wi7npa{margin-right:auto}.nav-next.svelte-1wi7npa{margin-left:auto}.result.svelte-1wi7npa{background:#fff;border:1px solid #E5E5E5;border-radius:.25rem;padding:1rem}.result-header.svelte-1wi7npa{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;color:#1a1a1a;font-weight:500}.result-size.svelte-1wi7npa{color:#1a1a1a;font-weight:600}.gif-output.svelte-1wi7npa{display:block;border-radius:6px;background:#000;-o-object-fit:contain;object-fit:contain;margin:0 auto;max-width:100%;max-height:500px}.right.svelte-1wi7npa{display:flex;flex-direction:column;gap:16px}.section-title.svelte-1wi7npa{color:#1a1a1a;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.presets.svelte-1wi7npa{background:#fff;border:1px solid #E5E5E5;border-radius:.25rem;padding:1rem}.preset-grid.svelte-1wi7npa{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.preset-btn.svelte-1wi7npa{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;background:#fff;border:1px solid #E5E5E5;border-radius:.25rem;color:#1a1a1a;cursor:pointer;transition:border-color .2s ease-in-out;text-align:left}.preset-btn.svelte-1wi7npa:hover{border-color:#ccc}.preset-btn.active.svelte-1wi7npa{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.preset-info.svelte-1wi7npa{flex:1;min-width:0}.preset-name.svelte-1wi7npa{font-size:13px;font-weight:600;margin-bottom:2px}.preset-desc.svelte-1wi7npa{font-size:11px;color:#666}.controls.svelte-1wi7npa{background:#fff;border:1px solid #E5E5E5;border-radius:.25rem;padding:1rem}.row.svelte-1wi7npa{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.row.svelte-1wi7npa:last-child{margin-bottom:0}.row.svelte-1wi7npa label:where(.svelte-1wi7npa){color:#1a1a1a;font-size:14px;display:flex;align-items:center;gap:8px}.row.svelte-1wi7npa input[type=number]:where(.svelte-1wi7npa){width:100px;background:#fff;border:1px solid #E5E5E5;color:#1a1a1a;padding:6px 8px;border-radius:.25rem;font-size:14px}.row.svelte-1wi7npa input[type=checkbox]:where(.svelte-1wi7npa){-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid #CCCCCC;border-radius:.25rem;background:#fff;cursor:pointer;position:relative;transition:all .2s ease-in-out;flex-shrink:0}.row.svelte-1wi7npa input[type=checkbox]:where(.svelte-1wi7npa):hover{border-color:#1a1a1a}.row.svelte-1wi7npa input[type=checkbox]:where(.svelte-1wi7npa):checked{background:#fff;border-color:#1a1a1a}.row.svelte-1wi7npa input[type=checkbox]:where(.svelte-1wi7npa):checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%231a1a1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M13.5 4L6 12L2.5 8.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.row.svelte-1wi7npa input[type=checkbox]:where(.svelte-1wi7npa):focus{outline:2px solid #1a1a1a;outline-offset:2px}.row.svelte-1wi7npa input[type=checkbox]:where(.svelte-1wi7npa):disabled{opacity:.5;cursor:not-allowed}.checkbox-row.svelte-1wi7npa{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}.checkbox-row.svelte-1wi7npa label:where(.svelte-1wi7npa){flex:0 0 auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.actions.svelte-1wi7npa{display:flex;flex-direction:column;gap:8px}.btn.svelte-1wi7npa{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.5rem;background:#fff;color:#1a1a1a;border:1px solid #E5E5E5;border-radius:.25rem;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease-in-out}.btn.svelte-1wi7npa:hover{background:#fafafa;border-color:#ccc}.btn.svelte-1wi7npa:disabled{opacity:.5;cursor:not-allowed}.btn.primary.svelte-1wi7npa{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.btn.primary.svelte-1wi7npa:hover{background:#222;border-color:#222}.btn.danger.svelte-1wi7npa{background:#fff;border-color:#e5e5e5;color:#1a1a1a}.btn.danger.svelte-1wi7npa:hover{background:#dc3545;border-color:#dc3545;color:#fff}.progress.svelte-1wi7npa{width:100%;height:10px;background:#f5f5f5;border:1px solid #E5E5E5;border-radius:999px;overflow:hidden}.bar.svelte-1wi7npa{height:100%;background:#1a1a1a;transition:width .3s ease}.progress-text.svelte-1wi7npa{color:#666;font-size:13px;text-align:center}@media (max-width: 1200px){.layout.svelte-1wi7npa{grid-template-columns:1fr 360px}}@media (max-width: 900px){.converter-container.svelte-1wi7npa{padding:0 1rem}.layout.svelte-1wi7npa,.preset-grid.svelte-1wi7npa{grid-template-columns:1fr}.thumbnails.svelte-1wi7npa{grid-template-columns:repeat(3,1fr)}.preview.svelte-1wi7npa{aspect-ratio:4/3}.gif-output.svelte-1wi7npa{max-height:60vh}}@media (max-width: 600px){.video-to-gif.svelte-1wi7npa{padding:1rem 0}.thumbnails.svelte-1wi7npa{grid-template-columns:repeat(2,1fr)}.preset-grid.svelte-1wi7npa{grid-template-columns:1fr}}