@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";._app_pd3ea_1{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:.5em;width:800px;height:600px;--bg-size: 50px;background-image:radial-gradient(rgba(255,125,125,.2) 1px,transparent 1px),radial-gradient(#373737cc 1px,#111 1px);background-size:var(--bg-size) var(--bg-size);background-position:0 0,calc(var(--bg-size) / 2) calc(var(--bg-size) / 2)}._generation_pd3ea_20{position:absolute;inset:0;z-index:100;padding:2em}._gifitButton_pd3ea_27{font-size:.8em;padding:0;cursor:pointer;background:none;border:none;translate:0 0;transform-origin:top center;transition:scale 125ms,background-color 125ms,filter 125ms;transition-timing-function:var(--ease_out_expo)}._gifitButton_pd3ea_27 strong{font-weight:900}._gifitButton_pd3ea_27:hover{scale:1.05}._gifitButton_pd3ea_27:active{scale:.95}._main_pd3ea_54{display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-grow:1;flex-shrink:1;min-height:0;align-self:stretch}._preview_pd3ea_65{display:flex;justify-content:center;align-items:center;flex-grow:1;flex-shrink:1;min-height:0;padding:.25em .5em .75em}._panel_pd3ea_75{view-transition-name:app-panel;border:var(--color_panel_border) 1px solid;background:var(--color_panel_background);border-radius:.5em}._panel_pd3ea_75>*:first-child{border-top-left-radius:.5em;border-top-right-radius:.5em;overflow:hidden}._panel_pd3ea_75>*:last-child{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;overflow:hidden}::view-transition-old(app-panel),::view-transition-new(app-panel){height:calc-size(auto);object-fit:none;object-position:bottom}._footer_pd3ea_106{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main";width:100%;padding:0 .5em;font-size:12px;opacity:.5;transition:opacity .5s;transition-delay:0s;transition-delay:1s}._footer_pd3ea_106:hover{opacity:1;transition-delay:0ms}._credit_pd3ea_125{grid-area:main;justify-self:start;display:flex;flex-direction:row;align-items:center;gap:.25em}._tkLogo_pd3ea_134{height:1em;vertical-align:middle}._support_pd3ea_139{grid-area:main;justify-self:center;font-style:italic;display:flex;align-items:center;gap:.5em}._bugIcon_pd3ea_148{color:var(--color_primary)}._version_pd3ea_152{grid-area:main;justify-self:end;letter-spacing:.075em;font-variant-numeric:tabular-nums}._logo_1t617_4{display:block;height:1em}._button_4c8v3_2{--padding: .5em;--color: oklch(50 .2 300);--background-color: var(--color);--text-color: oklch(100 0 0);background-color:var(--background-color);color:var(--text-color);box-shadow:oklch(from var(--color) calc(l/2) c h) 0 0;text-shadow:1px 1px 0px rgba(0,0,0,.25);display:inline-flex;align-items:center;justify-content:center;gap:.25em;border:none;outline:transparent 2px solid;outline-offset:2px;border-radius:var(--border-radius);corner-shape:squircle;padding:var(--padding) calc(var(--padding) * 2);font-family:inherit;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease-in-out,outline .2s ease-in-out,color .2s ease-in-out,box-shadow .1s ease-in-out,translate .1s ease-in-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._button_4c8v3_2:hover{translate:0 -.1em;box-shadow:oklch(from var(--color) calc(l/2) c h) 0 .1em;--background-color: oklch(from var(--color) calc(l + .1) c h)}._button_4c8v3_2:active{translate:0;--background-color: oklch(from var(--color) calc(l - .1) c h)}._button_4c8v3_2:disabled{--background-color: oklch(from var(--color) l calc(c/2) h)}._button_4c8v3_2:focus{outline:var(--color_focus_border) 2px solid}._padding_none_4c8v3_63{--padding: 0}._padding_x-small_4c8v3_67{--padding: .125em}._padding_small_4c8v3_71{--padding: .25em}._padding_medium_4c8v3_75{--padding: .5em}._padding_large_4c8v3_79{--padding: .75em}._evenPadding_4c8v3_85{padding:var(--padding)}._primary_4c8v3_92{--color: var(--color_primary)}._secondary_4c8v3_97{--color: rgb(50, 50, 50)}._ghost_4c8v3_101{--color: oklch(0 0 0 / 0);--text-color: currentColor}._input_4c8v3_106{--color: rgba(255, 255, 255, .45);--text-color: currentColor}._outline_4c8v3_111{background-color:transparent;color:currentColor;border:rgba(0,0,0,.25) 1px solid}._outline_4c8v3_111:disabled{color:color-mix(in srgb,currentColor 50%,transparent 50%)}._x-small_4c8v3_124{font-size:.75em}._small_4c8v3_128{font-size:.875em}._medium_4c8v3_133{font-size:1em}._large_4c8v3_138{font-size:1.125em}._rounded_4c8v3_142{border-radius:2em}._disabled_4c8v3_147{opacity:.65;cursor:not-allowed;pointer-events:none}._selection_1qfm3_3{position:absolute;top:7px;bottom:23px;z-index:10;display:flex;flex-direction:row;align-items:center;cursor:move;scroll-margin-left:100px;scroll-margin-right:100px}._framesContainer_1qfm3_17{display:flex;flex-direction:row;gap:1px;flex-shrink:0;overflow:hidden;height:75%}._frame_1qfm3_17{height:100%;background:#ffffff80;flex-shrink:0;flex-grow:1;border-radius:.125em;transition:background .2s ease-in-out}._selection_1qfm3_3:hover ._frame_1qfm3_17{background:#fff6}._selection_1qfm3_3[data-dragging] ._frame_1qfm3_17{background:#ffffff40}._handle_1qfm3_48{position:absolute;top:0;bottom:0;width:10px;background:#fff;box-shadow:inset 0 .05em .1em .05em #ffffffbf,0 .1em .1em #000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:.5em;outline:2px solid transparent;outline-offset:2px;cursor:ew-resize;z-index:20;display:flex;align-items:center;justify-content:center;transition:background .2s,outline .2s}._handle_1qfm3_48:hover{background:#ffffff80}._handle_1qfm3_48:focus{outline-color:var(--color_focus_border);background:#ffffffbf}._selection_1qfm3_3[data-dragging=left] ._handleLeft_1qfm3_81,._selection_1qfm3_3[data-dragging=right] ._handleRight_1qfm3_87{background:#ffffff40}._handleLeft_1qfm3_81{left:0;transform:translate(-50%);scroll-margin-left:100px}._handleRight_1qfm3_87{right:0;transform:translate(50%);scroll-margin-right:100px}._timelineSegment_1n75f_1{display:flex;flex-direction:row;justify-content:space-evenly;align-items:end;border-right:1px solid rgba(255,255,255,.2)}._frameMarker_1n75f_9{height:.4em;border-left:1px solid rgba(0,0,0,.5);border-right:1px solid rgba(255,255,255,.25);pointer-events:none}._secondMarker_1n75f_17{display:flex;align-items:end;position:absolute;top:0;bottom:0;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;padding-left:4px;pointer-events:none;left:0;text-shadow:0 2px 1px rgba(0,0,0,.5)}._frame_liysr_1{height:100%;filter:grayscale(50%) opacity(50%);aspect-ratio:var(--aspect-ratio);background-image:var(--bg-image);background-repeat:no-repeat;background-size:var(--bg-size);background-position:var(--bg-position)}._layer_5axju_1{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:lighten}._segment_5axju_11{position:absolute;top:0;height:100%;overflow:hidden}._timeline_2l2lq_1{--selection-color: white;--timeline-background-color: rgb(25, 25, 25);display:flex;flex-direction:column;width:100%;-webkit-user-select:none;user-select:none}._scrollRoot_2l2lq_10{width:100%;display:flex;flex-direction:column;border-radius:.5em;overflow:hidden;background-color:var(--timeline-background-color);box-shadow:inset #00000040 0 .125em .5em,0 1px 1px #ffffff1a;--scrollbar-size: 1em}._scrollViewport_2l2lq_23{width:100%;height:60px;overflow-x:scroll;overflow-y:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none;outline:transparent 2px solid;transition:outline .2s}._scrollViewport_2l2lq_23:focus-visible{outline:var(--color_focus_border) 2px solid!important;outline-offset:-3px}._scrollViewport_2l2lq_23::-webkit-scrollbar{display:none}._scrollContent_2l2lq_44{height:100%;min-width:100%;display:block}._interior_2l2lq_51{position:relative;height:100%;width:100%}._scrollbar_2l2lq_58{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .16s ease-out;position:relative!important;width:100%;padding:1px 2px;z-index:1;background-color:#00000040}._scrollbar_2l2lq_58[data-orientation=horizontal]{height:var(--scrollbar-size);flex-direction:row}._scrollbar_2l2lq_58:hover{background:#0003}._scrollbarThumb_2l2lq_79{background:var(--color_panel_background);position:relative;z-index:2;cursor:grab;border-radius:.125em;height:calc(100% - 2px);margin-top:1px;border-bottom-left-radius:calc(.5em - 1px);border-bottom-right-radius:calc(.5em - 1px)}._scrollbarThumb_2l2lq_79:hover{background:oklch(from var(--color_panel_background) .3 c h)}._scrollbarSelectionIndicator_2l2lq_96{position:absolute;top:4px;bottom:4px;background:oklch(from var(--selection-color) l c h / .25);border:0px solid var(--selection-color);border-right-width:1px;border-left-width:1px;border-radius:2px;z-index:3;pointer-events:none;opacity:.5}._scrollbarPreviewHighlighter_2l2lq_110{position:absolute;top:0;bottom:0;background-color:oklch(from var(--color_accent) l c h / .5);z-index:2;pointer-events:none}._previewHighlight_2l2lq_119{position:absolute;top:0;bottom:0;background:oklch(from var(--color_accent) l c h / .3);z-index:1;pointer-events:none;border-left:oklch(from var(--color_accent) l c h / .75) 1px solid;transition:transform .25s ease}._viewportContainer_2l2lq_131{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;border-top:rgba(255,255,255,.05) 1px solid}._gradient_2l2lq_141{position:absolute;top:0;bottom:0;width:1.5em;z-index:20;pointer-events:none;opacity:0;transition:opacity .16s ease-out}._gradientLeft_2l2lq_152{left:0;background:linear-gradient(to right,var(--timeline-background-color),transparent)}._scrollRoot_2l2lq_10[data-overflow-x-start] ._gradientLeft_2l2lq_152{opacity:1}._gradientRight_2l2lq_167{right:0;background:linear-gradient(to left,var(--timeline-background-color),transparent)}._scrollRoot_2l2lq_10[data-overflow-x-end] ._gradientRight_2l2lq_167{opacity:1}._interstitial_1b8rp_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;padding:2em 2em 3em;text-align:center;height:100%}._icon_1b8rp_12{font-size:2em}._title_1b8rp_16{margin:0;color:#fff}._content_1b8rp_21{display:flex;flex-direction:column;gap:1em}._message_1b8rp_27{margin:0;max-width:40ch;color:#ffffffb3}._root_pje5d_1{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;gap:.5em;width:100%;font-family:inherit}._root_pje5d_1[data-has-label=false]{grid-template-columns:1fr}._label_pje5d_15{font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;opacity:.8;flex-shrink:0;white-space:nowrap}._inputWrapper_pje5d_26{display:flex;align-items:center;background-color:#ffffff0d;border-radius:var(--border-radius);padding:4px 8px;flex-grow:1;min-width:0;outline:transparent 2px solid;outline-offset:2px;transition:background-color .2s,outline .2s}._inputWrapper_pje5d_26:focus-within{background-color:#ffffff1a;outline:var(--color_focus_border) 2px solid}._input_pje5d_26{background:transparent;border:none;color:inherit;font-size:1em;font-family:inherit;font-variant-numeric:tabular-nums;width:100%;padding:0;margin:0;outline:none;min-width:0}._input_pje5d_26:focus{outline:none}._prepend_pje5d_65,._append_pje5d_66{display:flex;align-items:center;color:#ffffff80;font-size:.8em}._prepend_pje5d_65{margin-right:6px}._append_pje5d_66{margin-left:6px}._stepper_1sx4s_1{display:flex;flex-direction:column;justify-content:center;margin-left:4px;gap:0px}._stepper_1sx4s_1 button{height:10px;line-height:10px;min-height:auto;font-size:8px;opacity:.7}._stepper_1sx4s_1 button:hover{opacity:1;background:#ffffff1a}._start_vtzys_1{grid-area:start;background:var(--color_panel_background)}._buttonGrid_29f40_1{display:flex;flex-direction:column;justify-content:center;margin-left:4px;gap:0px}._buttonGrid_29f40_1 button{height:10px;line-height:10px;min-height:auto;font-size:8px;opacity:.7}._buttonGrid_29f40_1 button:hover{opacity:1;background:#ffffff1a}._duration_jao1s_1{grid-area:duration;background:var(--color_panel_background)}._fps_1jdl6_1{grid-area:fps;background:var(--color_panel_background)}._width_b5am8_1{grid-area:width;background:var(--color_panel_background)}._height_1rzj0_1{grid-area:height;background:var(--color_panel_background)}._root_17qt0_1{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;gap:8px;width:100%;font-family:Geist,sans-serif}._label_17qt0_11{font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;opacity:.8;flex-shrink:0;white-space:nowrap}._sliderWrapper_17qt0_22{display:flex;align-items:center;background-color:#ffffff0d;border-radius:4px;padding:4px 8px;flex-grow:1;min-width:0;height:auto;outline:transparent 2px solid;outline-offset:2px;transition:outline .2s ease-in-out}._sliderWrapper_17qt0_22:focus-within{outline:var(--color_focus_border) 2px solid}._Control_17qt0_40{display:flex;align-items:center;flex:1;height:20px;cursor:pointer;margin-right:8px}._Track_17qt0_49{position:relative;flex:1;height:4px;background-color:#191919;border-radius:9999px}._Indicator_17qt0_57{position:absolute;height:100%;background-color:var(--color_primary, #007bff);border-radius:9999px}._Thumb_17qt0_64{display:block;width:1em;height:1em;background:#fff;box-shadow:inset 0 .05em .1em .05em #ffffffbf,0 .1em .1em #000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:50%;outline:none;outline-offset:2px;transition:background .16s ease-out}._Thumb_17qt0_64:hover{background:#ffffff80}._Thumb_17qt0_64[data-dragging]{background:#ffffff40}._Thumb_17qt0_64:focus-visible{outline:var(--color_focus_border) 2px solid}._Value_17qt0_91{font-size:.9em;font-family:inherit;font-variant-numeric:tabular-nums;color:inherit;min-width:20px;text-align:right}._Mark_17qt0_100{position:absolute;top:50%;width:3px;height:3px;background-color:#00000040;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}._quality_1ditt_1{grid-area:quality;display:flex;align-items:center;background:var(--color_panel_background)}._form_1j9x3_1{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"timeline timeline timeline" "start duration fps" "width height quality" "submit submit submit";gap:.75em 1em;padding:.5em}._timeline_1j9x3_13{grid-area:timeline}._actions_1j9x3_17{grid-area:submit;display:flex;place-content:center;gap:.25em}._submit_1j9x3_24{width:50%;flex-grow:0}._spinner_47e5u_1{--size: 1em;display:inline-block;width:var(--size);height:var(--size);border:.15em solid var(--color_primary);border-top-color:transparent;border-radius:50%;animation:_spin_47e5u_1 .8s linear infinite}._spinner_47e5u_1[data-size=small]{--size: .75em}._spinner_47e5u_1[data-size=medium]{--size: 1em}._spinner_47e5u_1[data-size=large]{--size: 1.5em}@keyframes _spin_47e5u_1{to{transform:rotate(360deg)}}._previewContainer_17eco_1{grid-column:1 / -1;width:100%;display:flex;justify-content:center;align-items:center;height:100%}._placeholder_17eco_10{display:flex;align-items:center;justify-content:center;width:200px;height:150px;background:var(--color_panel_background);box-shadow:0 0 1px #ffffff80;outline:1px solid rgba(0,0,0,.5)}._image_17eco_21{outline-offset:2px;view-transition-name:gif-preview;transition:outline .2s ease}._image_17eco_21[data-status=generating]{--glow-color: oklch(from var(--color_primary) l c h / .6);--glow-color-bright: oklch(from var(--color_primary) calc(l*1.3) c h / .8);outline:2px solid var(--color_primary);outline-offset:2px;animation:_generating-glow_17eco_1 2.5s ease infinite}@keyframes _generating-glow_17eco_1{0%,to{outline-color:var(--glow-color)}50%{outline-color:var(--glow-color-bright)}}._root_1ctvp_1{display:grid;grid-template-areas:"label value" "track track";grid-template-columns:auto 1fr;gap:.5rem;width:100%}._label_1ctvp_11{grid-area:label;font-size:.875rem;font-weight:500;color:currentColor}._value_1ctvp_18{grid-area:value;justify-self:end;align-self:center;font-size:.75rem;font-variant-numeric:tabular-nums;color:#ffffffb3}._track_1ctvp_27{grid-area:track;height:.5rem;width:100%;background-color:#191919;border-radius:9999px;overflow:hidden}._indicator_1ctvp_36{height:100%;background-color:var(--color_primary);border-radius:inherit;transition:width .2s ease-out}._processingPanel_cd6t1_1{display:flex;flex-direction:column;align-items:center;padding:.5em;gap:.75em 1em}._cancelButton_cd6t1_9{width:50%}._progressLabel_cd6t1_13{display:flex;align-items:center;gap:.75ch}._resultPanel_1rre2_1{display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"frames size dimensions name name name" "reset reset reset download download download";padding:.5em;gap:.75em 1em;width:100%;height:100%}._stat_1rre2_15{font-variant-numeric:tabular-nums;font-size:.75em}._frames_1rre2_20{grid-area:frames}._size_1rre2_24{grid-area:size}._dimensions_1rre2_28{grid-area:dimensions}._name_1rre2_32{grid-area:name;justify-self:stretch}._reset_1rre2_37{grid-area:reset;justify-self:stretch}._download_1rre2_42{grid-area:download;justify-self:stretch}._icon_1rre2_47{font-size:1.25em}#main{width:1200px;max-width:100svw;padding:2.5em;display:flex;flex-direction:column;align-items:center;gap:1em}.logo{display:flex;flex-direction:column;align-items:center}.logo-image{height:2em}.version{align-self:end;font-size:.8em;opacity:.5;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.05em}.conversation{font-size:1.25em;max-width:40ch}.gifitToolbarButton{display:flex;align-items:center;justify-content:center;align-self:stretch;aspect-ratio:1 / 1;background:#000000a6;border-radius:50%}.gifitToolbarButton>*{width:20px;height:20px}.demo{display:flex;flex-direction:column;align-items:center;gap:1em}.video{visibility:hidden;display:none;max-width:500px}.popupFrame{border:rgba(255,255,255,.2) 1px solid;border-radius:.5em;overflow:hidden;width:min-content;height:min-content;box-shadow:#00000080 0 .35em .35em -.1em}.attribution{font-size:.8em;opacity:.8}*{box-sizing:border-box}:root{color-scheme:dark light;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--MAXIMUM_Z_INDEX: 2147483647;--color_primary: rgb(207, 10, 55);--color_focus_border: oklch(from var(--color_primary) calc(l/.8) c h / 1);--color_popup_background: rgb(15, 15, 15);--color_panel_border: rgb(65, 65, 65);--color_panel_background: rgb(35, 35, 35);--color_panel_text: rgb(125, 125, 125);--color_input_text: rgb(25, 25, 25);--color_slider_thumb: rgb(235, 235, 235);--color_slider_thumb_focus: rgb(255, 255, 255);--color_slider_background: rgba(0, 0, 0, .06);--color_button: rgb(235, 235, 235);--color_button_background: rgb(25, 25, 25);--color_button_primary_background: rgb(235, 15, 15);--color_accent: rgb(0, 225, 255);--color_subtle_shadow: rgba(0, 0, 0, .25);--ease_in_expo: cubic-bezier(.95, .05, .795, .035);--ease_out_expo: cubic-bezier(.19, 1, .22, 1);--border-radius: .5em}body{font-family:Geist,sans-serif;letter-spacing:.01em;line-height:1.5;font-weight:400;font-size:16px;background:var(--color_popup_background)}::selection{background-color:#000000e6;color:#fff}input{font-family:inherit;letter-spacing:.05em}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}a{color:#ebebeb;text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--color_primary);text-decoration-thickness:.1em;font-weight:600;border-radius:.25em;transition:color .25s,text-decoration-color .25s,outline .2s ease-in-out}a:hover{color:#fff;text-decoration-color:oklch(from var(--color_primary) calc(l/.8) c h / 1)}*{outline-color:oklch(from var(--color_focus_border) l c h / 0);transition:outline .2s ease-in-out}:focus-visible{outline:var(--color_focus_border) 2px solid}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.35s;animation-timing-function:var(--ease_out_expo)}body{margin:0;display:flex;place-items:center;flex-direction:column;min-width:320px;min-height:100svh;background:#232323}