.composition.svelte-622uv0{place-items:center;width:100%;height:100%;padding:16px;display:grid}.large.svelte-622uv0{width:min(100%,290px)}.compact.svelte-622uv0{display:none}.pair.svelte-622uv0{justify-content:center;align-items:center;gap:16px;display:flex}.format-preview.svelte-622uv0{border:1px solid color-mix(in oklch, currentColor 25%, transparent);background:color-mix(in oklch, var(--background) 86%, transparent);border-radius:8px;width:112px;min-width:0;padding:10px}.file-heading.svelte-622uv0{white-space:nowrap;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:flex}.file-heading.svelte-622uv0 strong:where(.svelte-622uv0){font-weight:600}.pair.svelte-622uv0 .flow-arrow{flex:none}.image-sample.svelte-622uv0{border-radius:3px;height:54px;overflow:hidden}.image-sample.svelte-622uv0 img:where(.svelte-622uv0){object-fit:cover;width:100%;height:100%}.alpha.svelte-622uv0{background-color:var(--background);background-image:conic-gradient(var(--marketing-section) 25%, transparent 0 50%, var(--marketing-section) 0 75%, transparent 0);background-size:12px 12px;padding:4px}.image-detail.svelte-622uv0,.quality.svelte-622uv0{white-space:nowrap;margin-top:6px;font-size:9px}.quality.svelte-622uv0{align-items:center;gap:6px;display:flex}.quality.svelte-622uv0 i:where(.svelte-622uv0){opacity:.5;background:currentColor;flex:1;height:3px}.video-sample.svelte-622uv0{background:color-mix(in oklch, currentColor 9%, transparent);border-radius:3px;place-items:center;height:54px;display:grid}.recording.svelte-622uv0{border:1px dashed;height:46px;margin:4px}.browser-bar.svelte-622uv0{align-items:center;gap:3px;height:10px;margin-top:-4px;display:flex}.browser-bar.svelte-622uv0 i:where(.svelte-622uv0){background:currentColor;border-radius:50%;width:3px;height:3px}.browser-bar.svelte-622uv0 span:where(.svelte-622uv0){opacity:.15;background:currentColor;width:44px;height:3px;margin-left:5px}.browser.svelte-622uv0 .video-sample:where(.svelte-622uv0){height:48px}.stacked.svelte-622uv0{border-bottom-width:4px}.playback.svelte-622uv0{align-items:center;gap:6px;margin-top:9px;display:flex}.playback.svelte-622uv0 span:where(.svelte-622uv0){opacity:.4;background:currentColor;width:75%;height:3px}.playback.svelte-622uv0 i:where(.svelte-622uv0){background:currentColor;border-radius:50%;width:4px;height:4px}.track-line.svelte-622uv0{opacity:.3;background:currentColor;height:3px;margin-top:5px}.track-line.short.svelte-622uv0{width:65%}.waveform.svelte-622uv0{justify-content:center;align-items:center;gap:3px;height:54px;display:flex;overflow:hidden}.waveform.svelte-622uv0 i:where(.svelte-622uv0){background:currentColor;border-radius:2px;width:3px;min-width:2px}.audio-sample.svelte-622uv0{place-items:center;height:65px;display:grid;position:relative}.audio-sample.svelte-622uv0 svg{z-index:1;box-sizing:content-box;background:var(--background);padding:3px;position:absolute}.audio-sample.svelte-622uv0 .waveform:where(.svelte-622uv0){opacity:.35;width:100%}.pcm.svelte-622uv0 .waveform:where(.svelte-622uv0) i:where(.svelte-622uv0){border-radius:0;width:2px}.codec.svelte-622uv0{background:color-mix(in oklch, var(--background) 80%, transparent);border-radius:8px;padding:14px}.codec-heading.svelte-622uv0,.timeline-heading.svelte-622uv0,.audio-heading.svelte-622uv0{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.codec.svelte-622uv0>div:where(.svelte-622uv0):not(:first-child):not(:last-child){align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.codec.svelte-622uv0 strong:where(.svelte-622uv0){border-bottom:1px solid;margin-left:auto;padding:0 6px 2px;font-weight:600}.codec-options.svelte-622uv0{gap:16px;margin:12px 0 0 26px;font-size:10px;display:flex}.compress.svelte-622uv0{justify-content:center;align-items:center;gap:32px;display:flex}.resize-preview.svelte-622uv0{justify-items:center;gap:5px;display:grid}.resize-preview.svelte-622uv0>div:where(.svelte-622uv0){border:1px solid;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:132px;height:52px;font-size:11px;display:flex}.resize-preview.svelte-622uv0>div:where(.svelte-622uv0):last-child{background:color-mix(in oklch, var(--background) 70%, transparent);width:94px;height:38px}.size-preview.svelte-622uv0{justify-items:start;gap:10px;width:64px;font-size:11px;display:grid}.size-preview.svelte-622uv0 i:where(.svelte-622uv0){opacity:.25;background:currentColor;border-radius:2px;width:64px;height:16px;display:block}.size-preview.svelte-622uv0 .smaller:where(.svelte-622uv0){opacity:.65;width:28px}.timeline.svelte-622uv0{gap:12px;display:grid}.film-strip.svelte-622uv0{gap:4px;height:44px;display:flex}.film-strip.svelte-622uv0 span:where(.svelte-622uv0){background:color-mix(in oklch, var(--background) 70%, transparent);border:1px solid;border-radius:3px;flex:1;place-items:center;display:grid}.muted-track.svelte-622uv0{align-items:center;gap:8px;display:flex}.muted-wave.svelte-622uv0{opacity:.45;flex:1;height:24px;position:relative;overflow:hidden}.muted-wave.svelte-622uv0 .waveform:where(.svelte-622uv0){height:24px}.muted-wave.svelte-622uv0:after{content:"";border-top:2px solid;position:absolute;top:50%;left:0;right:0}.extract.svelte-622uv0{justify-content:center;align-items:center;gap:16px;display:flex}.source-video.svelte-622uv0{gap:10px;width:112px;display:grid}.soundtrack.svelte-622uv0{background:color-mix(in oklch, var(--background) 80%, transparent);border-radius:6px;justify-items:center;width:112px;padding:10px;display:grid}.soundtrack.svelte-622uv0 .waveform:where(.svelte-622uv0){width:100%;height:38px}.soundtrack.svelte-622uv0 span:where(.svelte-622uv0){white-space:nowrap;font-size:9px}.inspect.svelte-622uv0{align-items:center;gap:20px;display:flex}.file-outline.svelte-622uv0{border:1px solid;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:94px;height:120px;font-size:11px;display:flex}.metadata.svelte-622uv0{flex:1;font-size:11px}.metadata.svelte-622uv0>div:where(.svelte-622uv0){border-bottom:1px solid color-mix(in oklch, currentColor 20%, transparent);justify-content:space-between;gap:10px;padding-block:8px;display:flex}.metadata.svelte-622uv0 strong:where(.svelte-622uv0){white-space:nowrap;font-weight:550}.image-converter.svelte-622uv0,.video-converter.svelte-622uv0{align-items:center;gap:24px;display:flex}.image-library.svelte-622uv0{width:164px;position:relative}.image-library.svelte-622uv0>svg{box-sizing:content-box;background:var(--background);border-radius:5px;padding:6px;position:absolute;top:-10px;left:-10px}.image-library.svelte-622uv0 img:where(.svelte-622uv0){object-fit:cover;border-radius:5px;width:100%;height:110px}.exports.svelte-622uv0{gap:12px;font-size:12px;font-weight:600;display:grid}.exports.svelte-622uv0>span:where(.svelte-622uv0){align-items:center;gap:8px;display:flex}.audio-converter.svelte-622uv0{background:color-mix(in oklch, var(--background) 65%, transparent);border-radius:8px;padding:14px 20px}.audio-converter.svelte-622uv0 .waveform:where(.svelte-622uv0){margin-block:6px}.format-dock.svelte-622uv0{justify-content:space-between;gap:8px;font-size:10px;display:flex}.player.svelte-622uv0{border:1px solid color-mix(in oklch, currentColor 30%, transparent);background:color-mix(in oklch, var(--background) 65%, transparent);border-radius:6px;align-content:space-between;justify-items:center;width:192px;height:128px;padding:10px;display:grid}.player-heading.svelte-622uv0{justify-self:stretch;align-items:center;gap:8px;font-size:11px;display:flex}.player.svelte-622uv0 .playback:where(.svelte-622uv0){justify-self:stretch}@container (width<=100px){.composition.svelte-622uv0{padding:4px}.large.svelte-622uv0{display:none}.compact.svelte-622uv0{flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:600;line-height:1.2;display:flex}}.thumbnail.svelte-1myuqbw{background:var(--marketing-section);width:100%;height:100%;color:var(--foreground);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.thumbnail.svelte-1myuqbw>svg{width:42%;max-width:52px;height:42%;max-height:52px}.screenshot.svelte-1myuqbw{background:var(--marketing-blue);padding:16px 16px 0}.screenshot.svelte-1myuqbw img{object-fit:cover;object-position:top left;border-radius:6px 6px 0 0;width:100%;height:100%}.checkerboard.svelte-1myuqbw{background-color:var(--background);background-image:conic-gradient(var(--marketing-section) 25%, transparent 0 50%, var(--marketing-section) 0 75%, transparent 0);background-size:24px 24px}.mint.svelte-1myuqbw{background:var(--marketing-mint);color:var(--marketing-mint-ink)}.blue.svelte-1myuqbw{background:var(--marketing-blue);color:var(--marketing-blue-ink)}.lilac.svelte-1myuqbw{background:var(--marketing-lilac);color:var(--marketing-lilac-ink)}.palette.svelte-1myuqbw{border-radius:6px;width:56%;max-width:180px;overflow:hidden}.palette.svelte-1myuqbw img:where(.svelte-1myuqbw){aspect-ratio:2;object-fit:cover;width:100%;height:auto}.swatches.svelte-1myuqbw{height:22px;display:flex}.swatches.svelte-1myuqbw i:where(.svelte-1myuqbw){background:#e9c68d;flex:1}.swatches.svelte-1myuqbw i:where(.svelte-1myuqbw):nth-child(2){background:#a88057}.swatches.svelte-1myuqbw i:where(.svelte-1myuqbw):nth-child(3){background:#f6ebd1}.swatches.svelte-1myuqbw i:where(.svelte-1myuqbw):nth-child(4){background:#443d33}.logo-example.svelte-1myuqbw{letter-spacing:-.025em;align-items:center;gap:10px;font-size:clamp(14px,2vw,28px);font-weight:600;display:flex}.logo-example.svelte-1myuqbw svg{stroke-width:1.5px;width:40px;height:40px}.cut-example.svelte-1myuqbw{justify-items:center;gap:16px;width:65%;max-width:240px;display:grid}.cut-example.svelte-1myuqbw>svg{width:28px;height:28px}.cut-example.svelte-1myuqbw>div:where(.svelte-1myuqbw){gap:8px;width:100%;height:32px;display:flex}.cut-example.svelte-1myuqbw span:where(.svelte-1myuqbw){background:color-mix(in oklch, currentColor 12%, transparent);border:1px solid;border-radius:4px;width:40%}.cut-example.svelte-1myuqbw span:where(.svelte-1myuqbw):nth-child(2){background:0 0;border-style:dashed;width:20%}.networks.svelte-1myuqbw{gap:8px;display:flex}.networks.svelte-1myuqbw svg{width:20px;height:20px}@media (width<=599px){.screenshot.svelte-1myuqbw{padding:0}.screenshot.svelte-1myuqbw img{object-position:center;border-radius:0}.palette.svelte-1myuqbw{width:80%}.swatches.svelte-1myuqbw{height:12px}.logo-example.svelte-1myuqbw{flex-direction:column;gap:2px;font-size:12px}.logo-example.svelte-1myuqbw svg{width:28px;height:28px}.cut-example.svelte-1myuqbw{gap:8px}.cut-example.svelte-1myuqbw>div:where(.svelte-1myuqbw){gap:3px;height:16px}.networks.svelte-1myuqbw{flex-wrap:wrap;justify-content:center;gap:6px;max-width:56px}}