/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--background:#f4f5f6;--surface:#fff;--surface-soft:#eff1f2;--surface-pure:#fff;--surface-translucent:#ffffffd1;--surface-overlay:#ffffffeb;--foreground:#1c2733;--muted:#5c6672;--border:#e2e4e7;--border-subtle:#1c273314;--border-divider:#1c27331a;--primary:#135e6b;--primary-hover:#0e4a54;--primary-highlight:#42707c;--primary-rgb:19 94 107;--primary-soft:#135e6b14;--privacy:#2f7d5c;--privacy-soft:#2f7d5c1a;--danger:#b3402a;--danger-soft:#b3402a1a;--warning:#96702e;--warning-soft:#96702e1f;--shadow-rgb:28 39 51;--shadow:0 12px 32px rgb(var(--shadow-rgb) / 12%);--page-glow:rgb(var(--primary-rgb) / 8%);--tooltip-surface:#1c2733;--folder-surface:#eff1f2;--folder-stroke:#2b3743;--timeline-surface:#d8dbdf;--timeline-loading-start:#e2e4e7;--timeline-loading-middle:#eff1f2;--timeline-idle:#e2e4e7;--control-gradient-start:#fff;--control-gradient-end:#fcfcfd;--control-border:#d8dbdf;--control-highlight:#ffffffe6;--font-display:"Segoe UI Variable Display", "SF Pro Display", "PingFang SC", "Microsoft YaHei UI", "Noto Sans CJK SC", sans-serif;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-theme=dark]{--background:#10151c;--surface:#171d26;--surface-soft:#1b2230;--surface-pure:#1b2230;--surface-translucent:#171d26d1;--surface-overlay:#171d26eb;--foreground:#e8ebf2;--muted:#98a2b3;--border:#ffffff14;--border-subtle:#ffffff14;--border-divider:#ffffff0f;--primary:#4fa3b3;--primary-hover:#6cb8c6;--primary-highlight:#6cb8c6;--primary-rgb:79 163 179;--primary-soft:#4fa3b31f;--privacy:#5fc79a;--privacy-soft:#5fc79a1f;--danger:#d86a52;--danger-soft:#d86a5221;--warning:#d3b26a;--warning-soft:#d3b26a24;--shadow-rgb:0 0 0;--shadow:0 16px 40px #00000073;--page-glow:rgb(var(--primary-rgb) / 12%);--tooltip-surface:#0c1117;--folder-surface:#1b2230;--folder-stroke:#c3cad6;--timeline-surface:#1b2230;--timeline-loading-start:#171d26;--timeline-loading-middle:#1b2230;--timeline-idle:#1b2230;--control-gradient-start:#1b2230;--control-gradient-end:#171d26;--control-border:#ffffff1f;--control-highlight:#ffffff12}[data-color-theme=purple]{--background:#f7f5f1;--surface:#fffefc;--surface-soft:#f1efea;--surface-pure:#fff;--surface-translucent:#ffffffc2;--surface-overlay:#fffefce0;--foreground:#222338;--muted:#6f7082;--border:#deddd7;--border-subtle:#22233814;--border-divider:#2223381a;--primary:#5b5ce2;--primary-hover:#4748c9;--primary-highlight:#7164f4;--primary-rgb:91 92 226;--primary-soft:#eeedff;--privacy:#24745a;--privacy-soft:#eaf6f0;--danger:#a43d3d;--danger-soft:#fff0ee;--warning:#7f5b17;--warning-soft:#fff7df;--shadow-rgb:34 35 56;--shadow:0 24px 70px #2d2b4317;--page-glow:rgb(var(--primary-rgb) / 8%);--tooltip-surface:#28293d;--folder-surface:#f3f3f6;--folder-stroke:#394052;--timeline-surface:#deddd7;--timeline-loading-start:#e7e5df;--timeline-loading-middle:#f3f1ed;--timeline-idle:#e8e6e1;--control-gradient-start:#fff;--control-gradient-end:#fdfcf9;--control-border:#d8d7d1;--control-highlight:#ffffffe6}[data-theme=dark][data-color-theme=purple]{--background:#11121a;--surface:#191a25;--surface-soft:#232430;--surface-pure:#1e1f2b;--surface-translucent:#232432d1;--surface-overlay:#1d1e2aeb;--foreground:#f4f3ef;--muted:#aaabb8;--border:#383a48;--border-subtle:#ffffff17;--border-divider:#ffffff1c;--primary:#8586ff;--primary-hover:#9798ff;--primary-highlight:#9798ff;--primary-rgb:133 134 255;--primary-soft:#2b2c50;--privacy:#71d0ae;--privacy-soft:#17362f;--danger:#ff9a9a;--danger-soft:#3b2428;--warning:#f2c36d;--warning-soft:#3a2f1d;--shadow-rgb:0 0 0;--shadow:0 24px 70px #0000004d;--page-glow:#696bff24;--tooltip-surface:#28293d;--folder-surface:#292a38;--folder-stroke:#d7d8e2;--timeline-surface:#30313e;--timeline-loading-start:#2e2f3c;--timeline-loading-middle:#3a3b49;--timeline-idle:#30313e;--control-gradient-start:#232430;--control-gradient-end:#1e1f2a;--control-border:#3b3d4b;--control-highlight:#ffffff12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 8%, var(--page-glow), transparent 25rem), var(--background);color:var(--foreground);font-family:var(--font-sans);min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid rgb(var(--primary-rgb) / 35%);outline-offset:3px}button:disabled,input:disabled{cursor:not-allowed;opacity:.54}.site-shell{min-height:100vh}.site-header{background:var(--background);align-items:center}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--background) 88%, var(--surface))}}.site-header{border-bottom:1px solid var(--border-divider);grid-template-columns:auto minmax(0,1fr) auto;height:72px;padding:0 48px;display:grid}.site-tools{scrollbar-width:none;align-self:stretch;min-width:0;margin-left:clamp(20px,3vw,42px);overflow-x:auto}.site-tools::-webkit-scrollbar{display:none}.site-tools ul{align-items:center;gap:4px;width:max-content;height:100%;margin:0;padding:0;list-style:none;display:flex}.site-tools li{display:flex}.site-tools a{color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;min-height:34px;padding:0 10px;font-size:13px;font-weight:650;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.site-tools a:hover{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.site-tools a:hover{background:color-mix(in srgb, var(--primary-soft) 70%, transparent)}}.site-tools a:hover{color:var(--primary)}.site-tools a:active{transform:scale(.98)}.site-tools a[aria-current=page]{background:var(--primary-soft);color:var(--primary);font-weight:750}.brand{color:var(--foreground);align-items:center;gap:12px;font-size:19px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.brand-mark svg{width:34px;height:34px;display:block}.header-controls{flex:none;align-items:center;gap:6px;margin-left:12px;display:flex}.header-option-menu{position:relative}.header-option-menu__trigger{appearance:none;background:var(--foreground);align-items:center}@supports (color:color-mix(in lab, red, red)){.header-option-menu__trigger{background:color-mix(in srgb, var(--foreground) 5%, transparent)}}.header-option-menu__trigger{border:1px solid var(--border-subtle);color:var(--foreground);cursor:pointer;justify-content:center;height:36px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.header-option-menu__trigger:hover,.header-option-menu__trigger[aria-expanded=true]{background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.header-option-menu__trigger:hover,.header-option-menu__trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--primary) 35%, transparent)}}.header-option-menu__trigger:hover,.header-option-menu__trigger[aria-expanded=true]{color:var(--primary);transform:translateY(-1px)}.color-theme-toggle{border-radius:999px;gap:7px;padding:0 11px;font-size:11px;font-weight:700}.language-toggle,.theme-toggle{border-radius:50%;width:36px;padding:0;font-size:11px;font-weight:750}.header-option-menu__panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface-overlay)}@supports (color:color-mix(in lab, red, red)){.header-option-menu__panel{background:color-mix(in srgb, var(--surface-overlay) 94%, transparent)}}.header-option-menu__panel{border:1px solid var(--border);box-shadow:var(--shadow);z-index:30;border-radius:12px;gap:2px;min-width:148px;padding:6px;display:grid;position:absolute;top:calc(100% + 9px);right:0}.header-option-menu__panel[hidden]{display:none}.header-option-menu__option{appearance:none;color:var(--foreground);cursor:pointer;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:36px;padding:8px 30px 8px 10px;font-size:12px;font-weight:650;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.header-option-menu__option:hover,.header-option-menu__option:focus-visible{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.header-option-menu__option:hover,.header-option-menu__option:focus-visible{background:color-mix(in srgb, var(--primary-soft) 68%, transparent)}}.header-option-menu__option:hover,.header-option-menu__option:focus-visible{color:var(--primary);outline:0}.header-option-menu__option[aria-checked=true]{background:var(--primary-soft);color:var(--primary)}.header-option-menu__option[aria-checked=true]:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;right:11px}.color-theme-toggle__swatch{border:1px solid #ffffff8c;border-radius:50%;width:11px;height:11px;display:block;box-shadow:0 0 0 1px #1c273324}.color-theme-toggle__swatch--teal{background:linear-gradient(135deg,#135e6b,#42707c)}.color-theme-toggle__swatch--purple{background:linear-gradient(135deg,#7164f4,#4e63e8)}.theme-toggle{color:var(--foreground)}.theme-toggle--loading{cursor:default}.theme-toggle__icon{width:15px;height:15px;display:block;position:relative}.theme-toggle__icon--moon{border:0;border-radius:50%;transform:translate(2px,-1px);box-shadow:-4px 3px}.theme-toggle__icon--sun{background:currentColor;border:4px solid #0000;border-radius:50%;box-shadow:0 -7px 0 -5px,0 7px 0 -5px,7px 0 0 -5px,-7px 0 0 -5px,5px 5px 0 -5px,-5px -5px 0 -5px,5px -5px 0 -5px,-5px 5px 0 -5px}.main-content{max-width:1360px;margin:0 auto;padding:42px 48px 20px}.hero{text-align:center;max-width:1080px;margin:0 auto 34px}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;text-align:center;max-width:800px;margin:0 auto;font-size:clamp(32px,4vw,51px);font-weight:650;line-height:1.08}.hero p{color:var(--muted);max-width:680px;margin:16px auto 0;font-size:16px;line-height:1.7}.tool-slot{min-width:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-gate{background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow);border-radius:28px;max-width:1080px;margin-inline:auto;padding:30px}.upload-gate__dropzone{background:radial-gradient(circle at 50% 38%, rgb(var(--primary-rgb) / 5%), transparent 15rem), var(--surface-pure);border:1.5px dashed var(--border);cursor:pointer;text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:48px 24px;transition:background .16s,border-color .16s,transform .16s;display:flex}.upload-gate__dropzone:hover,.upload-gate__dropzone.is-dragging{background:radial-gradient(circle at 50% 38%, rgb(var(--primary-rgb) / 10%), transparent 16rem), var(--surface-pure);border-color:rgb(var(--primary-rgb) / 58%)}.upload-gate__dropzone.is-dragging{transform:scale(.995)}.upload-gate__dropzone:focus-visible{border-color:var(--primary);outline:4px solid rgb(var(--primary-rgb) / 11%);outline-offset:3px}.upload-gate__folder{background:var(--folder-surface);box-shadow:0 12px 30px rgb(var(--shadow-rgb) / 7%);border-radius:25px;width:88px;height:88px;margin-bottom:25px;position:relative}.upload-gate__folder:before{border:4px solid var(--folder-stroke);content:"";border-radius:4px;width:48px;height:32px;position:absolute;top:31px;left:20px;transform:skew(-8deg)}.upload-gate__folder:after{border:4px solid var(--folder-stroke);content:"";border-bottom:0;border-radius:4px 4px 0 0;width:20px;height:10px;position:absolute;top:23px;left:25px}.upload-gate__title,.upload-gate__subtitle,.upload-gate__support,.upload-gate__error{display:block}.upload-gate__title{color:var(--foreground);letter-spacing:-.025em;font-size:clamp(24px,3vw,30px);font-weight:680}.upload-gate__subtitle{color:var(--muted);margin-top:9px;font-size:16px}.upload-gate__button{background:var(--foreground);box-shadow:0 14px 30px rgb(var(--shadow-rgb) / 16%);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:11px;min-width:190px;margin-top:28px;padding:16px 24px;font-size:15px;font-weight:750;transition:background .15s,transform .15s;display:inline-flex}.upload-gate__dropzone:hover .upload-gate__button,.upload-gate__dropzone.is-dragging .upload-gate__button{background:var(--primary);transform:translateY(-1px)}.upload-gate__button-folder{border:2px solid;border-radius:2px;width:18px;height:13px;position:relative;transform:skew(-8deg)}.upload-gate__button-folder:before{content:"";border:2px solid;border-bottom:0;border-radius:2px 2px 0 0;width:7px;height:4px;position:absolute;top:-6px;left:1px}.upload-gate__support{color:var(--muted);margin-top:28px;font-size:12px}.upload-gate__error{background:var(--danger-soft);color:var(--danger);border-radius:10px;max-width:520px;margin-top:18px;padding:10px 13px;font-size:11px}.workspace{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 400px;align-items:stretch;gap:24px;display:grid;overflow:visible}.preview-column,.settings-column{background:var(--surface);border:1px solid var(--border-subtle);border-radius:28px;min-width:0;padding:30px}.settings-column{flex-direction:column;gap:23px;display:flex}.trimmer-workspace{height:clamp(620px,70vh,760px)}.trimmer-preview-column,.trimmer-settings{padding-block:24px}.trimmer-preview-column{flex-direction:column;gap:24px;height:100%;min-height:0;display:flex;overflow:hidden}.trimmer-preview-column>.video-stage{flex:auto;min-height:0}.trimmer-preview-column>.video-stage:not(.is-empty){flex:0 auto;align-items:flex-start}.trimmer-preview-column .video-stage video{max-height:100%}.trimmer-preview-column .timeline-section{flex:none;margin-top:0}.trimmer-settings,.task-state-panel{height:100%;min-height:0;overflow:hidden}.trimmer-settings{gap:0}.trimmer-settings__scroll{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:20px;min-height:0;padding:1px 5px 18px 1px;display:flex;overflow-y:auto}.trimmer-settings__scroll::-webkit-scrollbar{width:6px}.trimmer-settings__scroll::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.trimmer-settings__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.trimmer-settings__scroll::-webkit-scrollbar-thumb{border-radius:999px}.trimmer-settings__footer{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.trimmer-settings__footer{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.trimmer-settings__footer{border-top:1px solid var(--border-divider);flex:none;padding-top:16px}.trimmer-settings__footer .clip-summary{border-top:0;margin-bottom:18px;padding-top:0}.trimmer-settings__footer .support-copy{margin:11px 0 0;font-size:11px}.selected-file-card{background:linear-gradient(135deg, rgb(var(--primary-rgb) / 9%), var(--surface-translucent)), var(--surface-soft);border:1px solid var(--primary);align-items:center}@supports (color:color-mix(in lab, red, red)){.selected-file-card{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border))}}.selected-file-card{box-shadow:0 8px 22px rgb(var(--shadow-rgb) / 5%);border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;min-width:0;padding:11px;display:grid;position:relative}.selected-file-card__badge{background:var(--primary);box-shadow:0 8px 20px var(--primary);border-radius:12px;align-items:center}@supports (color:color-mix(in lab, red, red)){.selected-file-card__badge{box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 28%, transparent)}}.selected-file-card__badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;justify-content:center;width:42px;height:42px;font-size:11px;font-weight:800;display:inline-flex}.selected-file-card.is-empty .selected-file-card__badge{background:var(--surface-pure);box-shadow:inset 0 0 0 1px rgb(var(--primary-rgb) / 14%);color:var(--primary);font-size:18px;font-weight:500}.selected-file-card__body,.selected-file-card__name-wrap{min-width:0}.selected-file-card__label{color:var(--muted);letter-spacing:.12em;margin-bottom:4px;font-size:11px;font-weight:750;display:block}.selected-file-card__name-wrap{position:relative}.selected-file-card__name{color:var(--foreground);cursor:help;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;font-size:15px;font-weight:650;line-height:1.35;display:block;overflow:hidden}.selected-file-card.has-inline-metadata .selected-file-card__name{cursor:default}.selected-file-card__metadata{color:var(--muted);font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.45;display:block}.selected-file-card.is-empty .selected-file-card__name{color:var(--muted);cursor:default}.selected-file-card__name:focus-visible{box-shadow:0 0 0 3px rgb(var(--primary-rgb) / 14%);outline:1px solid var(--primary);outline-offset:2px}.selected-file-card__tooltip{background:var(--tooltip-surface);box-shadow:0 10px 28px rgb(var(--shadow-rgb) / 20%);color:#fff;font-family:var(--font-mono);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;z-index:20;border:1px solid #ffffff1a;border-radius:9px;padding:8px 10px;font-size:11px;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-4px)}.selected-file-card__tooltip:before{background:var(--tooltip-surface);content:"";width:8px;height:8px;position:absolute;top:-4px;left:14px;transform:rotate(45deg)}.selected-file-card__name-wrap:hover .selected-file-card__tooltip,.selected-file-card__name-wrap:focus-within .selected-file-card__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.selected-file-card__action{background:var(--surface-pure);border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.selected-file-card__action{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border))}}.selected-file-card__action{color:var(--primary);cursor:pointer;border-radius:10px;min-height:38px;padding:7px 12px;font-size:13px;font-weight:750;transition:background .15s,border-color .15s,color .15s,transform .15s}.selected-file-card__action:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.selected-file-card__action:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}}.selected-file-card__action:hover:not(:disabled){transform:translateY(-1px)}.selected-file-card__action:active:not(:disabled){transform:translateY(0)scale(.98)}.video-stage{justify-content:center;align-items:center;max-width:100%;display:flex;position:relative}.video-stage.is-empty{aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%, rgb(var(--primary-rgb) / 20%), transparent 28%), linear-gradient(135deg, #1b2230, #10151c);border-radius:20px;width:100%;overflow:hidden}.video-stage video{object-fit:contain;background:#000;border-radius:20px;width:auto;max-width:100%;height:auto;max-height:min(68vh,720px);display:block;box-shadow:inset 0 0 0 1px #ffffff12}.empty-stage-action{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:absolute;inset:0}.empty-stage-action>span{background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;padding-left:4px;transition:transform .16s;display:inline-flex}.empty-stage-action:hover>span{transform:scale(1.06)}.empty-stage-action strong{font-size:15px}.empty-stage-action small{color:#ffffff94}.stage-loading{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0c1117c7;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.timeline-section{margin-top:24px}.video-timeline{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;height:88px;position:relative;overflow:visible}.video-timeline.is-disabled{cursor:not-allowed;opacity:.58}.video-timeline__filmstrip,.video-timeline__shade,.video-timeline__selection{border-radius:10px;height:64px;position:absolute;top:22px;bottom:2px}.video-timeline__filmstrip{background:var(--timeline-surface);border:1px solid var(--border-subtle);gap:1px;display:grid;inset-inline:0;overflow:hidden}.video-timeline__frame,.video-timeline__placeholder{pointer-events:none;width:100%;min-width:0;height:100%;display:block;position:relative;overflow:hidden}.video-timeline__frame{background:var(--timeline-surface)}.video-timeline__frame-image{pointer-events:none;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.video-timeline__placeholder{background:linear-gradient(110deg, var(--timeline-loading-start) 18%, var(--timeline-loading-middle) 38%, var(--timeline-loading-start) 58%);background-size:220% 100%}.video-timeline__filmstrip.is-loading .video-timeline__placeholder{animation:1.25s linear infinite timeline-shimmer}.video-timeline__filmstrip.is-idle .video-timeline__placeholder,.video-timeline__filmstrip.is-error .video-timeline__placeholder{background:var(--timeline-idle)}.video-timeline__shade{pointer-events:none;z-index:1;background:#0c111791;border-radius:0}.video-timeline__shade--before{left:0;right:calc(100% - var(--selection-start));border-radius:10px 0 0 10px}.video-timeline__shade--after{left:var(--selection-end);border-radius:0 10px 10px 0;right:0}.video-timeline__selection{border-block:2px solid var(--primary);left:var(--selection-start);pointer-events:none;right:calc(100% - var(--selection-end));z-index:2;border-radius:0}.video-timeline__handle{--timeline-handle-body-shift:0px;appearance:none;cursor:ew-resize;z-index:9;background:0 0;border:0;width:16px;height:68px;padding:0;position:absolute;top:20px}.video-timeline__handle:before{background:linear-gradient(180deg, var(--primary-highlight), var(--primary));border:1px solid var(--primary-hover)}@supports (color:color-mix(in lab, red, red)){.video-timeline__handle:before{border:1px solid color-mix(in srgb, var(--primary-hover) 48%, transparent)}}.video-timeline__handle:before{box-shadow:inset 0 1px 0 #ffffff61, 0 3px 9px rgb(var(--shadow-rgb) / 24%);content:"";transform:translateX(calc(-50% + var(--timeline-handle-body-shift)));border-radius:6px;width:9px;transition:filter .14s,transform .14s;position:absolute;top:0;bottom:0;left:50%}.video-timeline__handle:hover:before,.video-timeline__handle:focus-visible:before{filter:brightness(1.08);transform:translateX(calc(-50% + var(--timeline-handle-body-shift))) scaleX(1.06)}.video-timeline__handle--start{--timeline-handle-body-shift:4px;left:var(--selection-start);transform:translate(-100%)}.video-timeline__handle--start:before{border-radius:7px 2px 2px 7px}.video-timeline__handle--end{--timeline-handle-body-shift:-4px;left:var(--selection-end)}.video-timeline__handle--end:before{border-radius:2px 7px 7px 2px}.video-timeline__handle>span{height:14px;transform:translate(calc(-50% + var(--timeline-handle-body-shift)), -50%);z-index:1;width:4px;position:absolute;top:50%;left:50%}.video-timeline__handle>span:before,.video-timeline__handle>span:after{content:"";background:#ffffffeb;border-radius:999px;width:1px;height:100%;position:absolute;top:0}.video-timeline__handle>span:before{left:0}.video-timeline__handle>span:after{right:0}.video-timeline__playhead,.video-timeline__hover{bottom:0;left:var(--playhead-position);pointer-events:none;z-index:4;background:0 0;border:0;width:2px;padding:0;position:absolute;top:17px;transform:translate(-50%)}.video-timeline__playhead{will-change:left;z-index:10;background:#ef4444;box-shadow:0 0 0 1px #ffffffbf}.video-timeline__playhead:after{content:"";background:#ef4444;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:50%;transform:translate(-50%,-50%)}.video-timeline__playhead>span,.video-timeline__hover>span{background:var(--foreground);color:#fff;font-family:var(--font-mono);transform:translateX(var(--playhead-label-shift));white-space:nowrap;border-radius:6px;padding:5px 6px;font-size:9px;line-height:1;position:absolute;top:-17px;left:50%}.video-timeline__hover{left:var(--hover-position);z-index:3;background:#ffffffbf}.video-timeline__hover>span{transform:translateX(var(--hover-label-shift));background:#1c2733e0}.video-timeline__preview-error{background:var(--surface-overlay);color:var(--muted);pointer-events:none;white-space:nowrap;z-index:3;border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;top:52px;left:50%;transform:translate(-50%,-50%)}@keyframes timeline-shimmer{to{background-position-x:-220%}}.secondary-button{background:var(--surface-pure);border:1px solid var(--foreground)}@supports (color:color-mix(in lab, red, red)){.secondary-button{border:1px solid color-mix(in srgb, var(--foreground) 14%, var(--border))}}.secondary-button{color:var(--foreground);cursor:pointer;border-radius:11px;min-height:38px;padding:9px 14px;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.secondary-button:hover:not(:disabled){background:var(--surface-soft);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.secondary-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}}.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button:active:not(:disabled){transform:translateY(0)scale(.99)}.time-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.structured-time{flex-direction:column;gap:8px;display:flex}.structured-time__label,.mode-fieldset legend{color:var(--muted);font-size:13px;font-weight:700}.structured-time__control{background:linear-gradient(180deg, var(--control-gradient-start), var(--control-gradient-end));border:1px solid var(--control-border);box-shadow:inset 0 1px 0 var(--control-highlight);color:var(--foreground);font-family:var(--font-mono);border-radius:18px;justify-content:center;align-items:center;width:100%;min-width:0;height:50px;padding:0 36px 0 8px;font-size:14px;transition:border-color .14s,box-shadow .14s,background .14s;display:flex;position:relative}.structured-time__control:focus-within{background:var(--surface-pure);border-color:rgb(var(--primary-rgb) / 48%);box-shadow:0 0 0 3px rgb(var(--primary-rgb) / 8%), inset 0 1px 0 var(--control-highlight)}.structured-time--invalid .structured-time__control{border-color:var(--danger);box-shadow:0 0 0 3px #d441411a}.structured-time__part{appearance:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;background-color:#0000;border:0;border-radius:6px;outline:0;width:21px;height:32px;padding:0;transition:background .12s,box-shadow .12s,color .12s}.structured-time__part--tenths{width:16px}.structured-time__part:focus{background:var(--primary-soft);box-shadow:inset 0 0 0 1px rgb(var(--primary-rgb) / 16%);caret-color:#0000;color:var(--primary)}.structured-time__part:focus-visible{outline:0}.structured-time__part:disabled{color:var(--muted)}.structured-time__separator{color:var(--muted);opacity:.64;flex:none}.structured-time__stepper{border:0;border-left:1px solid var(--muted);background:0 0}@supports (color:color-mix(in lab, red, red)){.structured-time__stepper{border-left:1px solid color-mix(in srgb, var(--muted) 22%, transparent)}}.structured-time__stepper{border-radius:0;flex-direction:column;width:20px;padding-left:4px;display:flex;position:absolute;top:8px;bottom:8px;right:7px;overflow:visible}.structured-time__step{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:0;position:relative}.structured-time__step:before{content:"";opacity:.62;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.structured-time__step--up:before{border-bottom:4px solid var(--muted);bottom:3px}.structured-time__step--down:before{border-top:4px solid var(--muted);top:3px}.structured-time__step+.structured-time__step{border-top:0}.structured-time__step:hover{background:var(--primary-soft)}.mode-fieldset{border:0;margin:0;padding:0}.mode-fieldset legend{margin-bottom:8px}.mode-selector{background:var(--surface-soft);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-selector button{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;min-height:56px;padding:12px 14px;transition:background-color .15s,border-color .15s,color .15s;display:flex;position:relative}.mode-selector button[aria-pressed=true]{background:var(--surface-pure);border-color:var(--border-subtle);color:var(--primary)}.mode-selector button:hover,.mode-selector button:focus-visible{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.mode-selector button:hover,.mode-selector button:focus-visible{border-color:color-mix(in srgb, var(--primary) 28%, var(--border-subtle))}}.mode-selector button:hover,.mode-selector button:focus-visible{color:var(--primary);z-index:3}.mode-selector__title{justify-content:space-between;align-items:center;width:100%;display:flex}.mode-selector strong{font-size:15px;font-weight:760}.mode-selector__info{font-family:var(--font-mono);opacity:.65;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;font-weight:750;display:inline-flex}.mode-selector__tooltip{background:var(--tooltip-surface);color:#fff;opacity:0;pointer-events:none;text-align:left;visibility:hidden;z-index:20;border:1px solid #ffffff1a;border-radius:9px;width:max-content;max-width:220px;padding:8px 10px;font-size:11px;font-weight:550;line-height:1.5;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 9px);transform:translateY(-4px)}.mode-selector button:first-child .mode-selector__tooltip{left:0}.mode-selector button:last-child .mode-selector__tooltip{right:0}.mode-selector button:hover .mode-selector__tooltip,.mode-selector button:focus-visible .mode-selector__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.clip-summary{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.clip-summary span{color:var(--muted);font-size:13px}.clip-summary strong{font-family:var(--font-mono);font-size:15px}.primary-button,.download-button{background:linear-gradient(135deg, var(--primary), var(--primary));align-items:center}@supports (color:color-mix(in lab, red, red)){.primary-button,.download-button{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 88%, white), var(--primary))}}.primary-button,.download-button{color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;gap:10px;width:100%;height:52px;font-size:16px;font-weight:780;text-decoration:none;transition:background .17s,transform .17s;display:inline-flex}.primary-button:hover:not(:disabled),.download-button:hover{background:linear-gradient(135deg, var(--primary-hover), var(--primary-hover))}@supports (color:color-mix(in lab, red, red)){.primary-button:hover:not(:disabled),.download-button:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-hover) 86%, white), var(--primary-hover))}}.primary-button:hover:not(:disabled),.download-button:hover{transform:translateY(-2px)}.primary-button:active:not(:disabled),.download-button:active{transform:translateY(0)scale(.99)}.primary-button:focus-visible,.download-button:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.primary-button:focus-visible,.download-button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 35%, transparent)}}.primary-button:focus-visible,.download-button:focus-visible{outline-offset:3px}.primary-button:disabled{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.primary-button:disabled{background:color-mix(in srgb, var(--primary) 42%, var(--surface-soft))}}.notice{border-radius:12px;flex-direction:column;margin:0;padding:12px;font-size:11px;line-height:1.55;display:flex}.warning{background:var(--warning-soft);color:var(--warning)}.error-notice{background:var(--danger-soft);color:var(--danger);gap:4px}.media-input-error-dialog{background:var(--surface-pure);border:1px solid var(--line-strong);color:var(--ink);text-align:center;border-radius:24px;width:500px;max-width:calc(100vw - 32px);margin:auto;padding:34px;box-shadow:0 26px 80px #00000047}.media-input-error-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c111780}.media-input-error-dialog__close{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:27px;display:inline-flex;position:absolute;top:14px;right:16px}.media-input-error-dialog__close:hover,.media-input-error-dialog__close:focus-visible{background:var(--surface-soft);color:var(--ink);outline:0}.media-input-error-dialog__icon{background:var(--danger-soft);color:var(--danger);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;font-weight:800;display:inline-flex}.media-input-error-dialog h2{margin:20px 0 0;font-size:clamp(21px,3vw,25px)}.media-input-error-dialog>p{color:var(--muted);max-width:420px;margin:10px auto 0;font-size:14px;line-height:1.7}.media-input-error-dialog__file{background:var(--surface-soft);text-align:left;border-radius:12px;justify-content:space-between;gap:12px;margin-top:22px;padding:11px 13px;display:flex}.media-input-error-dialog__file span{color:var(--muted);flex:none;font-size:12px}.media-input-error-dialog__file strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-input-error-dialog__action{width:100%;margin-top:22px}@media (width<=540px){.media-input-error-dialog{border-radius:20px;padding:30px 20px 22px}}.download-button{box-shadow:none;height:44px}.task-state-panel{gap:0}.media-task-state{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.media-task-state--processing{justify-content:center;padding:18px 8px}.media-task-state__processing-copy{align-items:center;gap:16px;display:flex}.media-task-state__processing-copy>div{flex:1;justify-content:space-between;min-width:0;display:flex}.media-task-state__processing-copy strong{font-size:16px}.media-task-state__processing-copy span:last-child{color:var(--primary);font-family:var(--font-mono);font-size:14px;font-weight:750}.media-task-state__spinner{border:3px solid var(--primary);animation:.8s linear infinite media-task-spin}@supports (color:color-mix(in lab, red, red)){.media-task-state__spinner{border:3px solid color-mix(in srgb, var(--primary) 18%, transparent)}}.media-task-state__spinner{border-top-color:var(--primary);border-radius:50%;flex:none;width:30px;height:30px}.media-task-state--processing progress{accent-color:var(--primary);width:100%;height:10px;margin:26px 0 20px}.media-task-state--processing .secondary-button{align-self:center;min-width:148px}.media-task-state--error{text-align:center;justify-content:center;align-items:center;padding:24px 8px}.media-task-state__error-icon{background:var(--danger);align-items:center}@supports (color:color-mix(in lab, red, red)){.media-task-state__error-icon{background:color-mix(in srgb, var(--danger) 12%, transparent)}}.media-task-state__error-icon{color:var(--danger);border-radius:50%;justify-content:center;width:48px;height:48px;font-size:22px;font-weight:800;display:inline-flex}.media-task-state__error-copy{max-width:330px}.media-task-state__error-copy strong{margin-top:18px;font-size:18px;display:block}.media-task-state__error-copy p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.65}.media-task-state__error-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:340px;margin-top:26px;display:grid}.media-task-state__error-actions .primary-button,.media-task-state__error-actions .secondary-button{height:48px}.media-task-state--complete{gap:18px}.media-task-state__header{flex:none;align-items:center;gap:12px;display:flex}.media-task-state__header>div{flex:auto;min-width:0}.media-task-state__header strong,.media-task-state__header small{display:block}.media-task-state__header strong{font-size:17px}.media-task-state__header small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;line-height:1.45;overflow:hidden}.media-task-state__check{background:var(--privacy);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.media-task-state__preview{background:#10151c;border-radius:18px;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.media-task-state__preview video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.media-task-state__status{background:var(--privacy);align-self:flex-start}@supports (color:color-mix(in lab, red, red)){.media-task-state__status{background:color-mix(in srgb, var(--privacy) 12%, transparent)}}.media-task-state__status{color:var(--privacy);border-radius:999px;flex:none;margin:-6px 0 0;padding:6px 9px;font-size:10px;font-weight:750}.media-task-state__actions{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.media-task-state__actions .download-button,.media-task-state__actions .secondary-button{text-align:center;justify-content:center;align-items:center;gap:9px;height:48px;font-size:14px;display:inline-flex}.media-task-state__action-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;flex:none;width:19px;height:19px}.media-task-state__continue{min-width:0;position:relative}.media-task-state__continue-trigger{background:var(--surface-pure)}@supports (color:color-mix(in lab, red, red)){.media-task-state__continue-trigger{background:color-mix(in srgb, var(--surface-pure) 88%, var(--primary-soft))}}.media-task-state__continue-trigger{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.media-task-state__continue-trigger{border-color:color-mix(in srgb, var(--primary) 22%, var(--border))}}.media-task-state__continue-trigger{width:100%;padding:0 14px}.media-task-state__continue-trigger:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.media-task-state__continue-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.media-task-state__continue-trigger:hover:not(:disabled){color:var(--primary)}.media-task-state__continue-trigger[aria-expanded=true]{background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.media-task-state__continue-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.media-task-state__continue-trigger[aria-expanded=true]{color:var(--primary)}.media-task-state__continue-trigger:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.media-task-state__continue-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent)}}.media-task-state__continue-trigger:focus-visible{outline-offset:3px}.media-task-state__continue-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-task-state__continue-chevron{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:16px;height:16px;margin-left:auto;transition:transform .16s}.media-task-state__continue-trigger[aria-expanded=true] .media-task-state__continue-chevron{transform:rotate(180deg)}.media-task-state__continue-menu{background:var(--surface);border:1px solid var(--line-strong);z-index:20;border-radius:14px;gap:4px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.media-task-state__continue-menu button{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.media-task-state__continue-menu button svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px;transition:transform .15s}.media-task-state__continue-menu button:hover,.media-task-state__continue-menu button:focus-visible{background:var(--surface-soft);color:var(--primary);outline:0}.media-task-state__continue-menu button:hover svg,.media-task-state__continue-menu button:focus-visible svg{transform:translate(2px)}.media-task-state__continue-menu .media-task-state__continue-back:hover svg,.media-task-state__continue-menu .media-task-state__continue-back:focus-visible svg{transform:translate(-2px)}.media-task-state__handoff-error{color:var(--danger);text-align:center;flex:none;margin:-8px 0 0;font-size:11px;line-height:1.5}@keyframes media-task-spin{to{transform:rotate(360deg)}}.support-copy{color:var(--muted);text-align:center;margin:-5px 0 0;font-size:10px;line-height:1.65}.compressor-workspace{grid-template-columns:minmax(0,1fr) 420px;height:clamp(620px,70vh,760px)}.compressor-preview-column{height:100%;min-height:0;display:flex}.compressor-video-stage{background:0 0;border:0;border-radius:20px;width:100%;height:100%;min-height:0;padding:0;overflow:hidden}.compressor-video-stage video{max-height:100%}.compressor-settings{background:linear-gradient(180deg, var(--surface), var(--surface-soft))}@supports (color:color-mix(in lab, red, red)){.compressor-settings{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface-soft) 42%, var(--surface)))}}.compressor-settings{gap:0;height:100%;min-height:0;overflow:hidden}.compressor-settings__scroll{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:16px;min-height:0;padding:1px 5px 18px 1px;display:flex;overflow-y:auto}.compressor-settings__scroll::-webkit-scrollbar{width:6px}.compressor-settings__scroll::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.compressor-settings__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.compressor-settings__scroll::-webkit-scrollbar-thumb{border-radius:999px}.compressor-settings__scroll::-webkit-scrollbar-track{background:0 0}.compressor-settings__footer{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.compressor-settings__footer{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.compressor-settings__footer{border-top:1px solid var(--border-divider);box-shadow:0 -14px 30px var(--surface)}@supports (color:color-mix(in lab, red, red)){.compressor-settings__footer{box-shadow:0 -14px 30px color-mix(in srgb, var(--surface) 88%, transparent)}}.compressor-settings__footer{z-index:4;flex:none;padding-top:16px;position:relative}.compressor-fieldset{border:0;min-width:0;margin:0;padding:0}.compressor-fieldset legend{color:var(--foreground);margin-bottom:11px;font-size:14px;font-weight:750}.compressor-fieldset--resolution{background:var(--surface-pure);border:1px solid var(--border-subtle);box-shadow:0 7px 22px rgb(var(--shadow-rgb) / 4%);border-radius:16px;padding:14px}.resolution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.resolution-grid button{appearance:none;background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.resolution-grid button{background:color-mix(in srgb, var(--surface-soft) 78%, var(--surface-pure))}}.resolution-grid button{border:1px solid var(--border-subtle);color:var(--foreground);cursor:pointer;text-align:left;border-radius:13px;min-width:0;min-height:62px;padding:11px 13px;transition:background .16s,border-color .16s,color .16s,transform .16s;position:relative;overflow:hidden}.resolution-grid button:hover:not(:disabled){background:var(--surface-pure);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.resolution-grid button:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 32%, var(--border))}}.resolution-grid button:hover:not(:disabled){transform:translateY(-2px)}.resolution-grid button:active:not(:disabled){transform:translateY(0)scale(.985)}.resolution-grid button:focus-visible{border-color:var(--primary);outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.resolution-grid button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent)}}.resolution-grid button:focus-visible{outline-offset:2px}.resolution-grid button[aria-pressed=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.resolution-grid button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 8%, var(--surface-pure))}}.resolution-grid button[aria-pressed=true]{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.resolution-grid button[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary) 68%, var(--border))}}.resolution-grid button[aria-pressed=true]{color:var(--primary)}.resolution-grid strong,.resolution-grid small{display:block}.resolution-grid strong{letter-spacing:-.01em;font-size:14px;font-weight:760}.resolution-grid small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4}.resolution-grid button>span{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750;position:absolute;top:8px;right:8px}.output-size-control{background:var(--surface-pure);border:1px solid var(--border-subtle);box-shadow:0 7px 22px rgb(var(--shadow-rgb) / 4%);border-radius:16px;padding:14px}.output-size-control__heading{justify-content:space-between;align-items:center;display:flex}.output-size-control__heading label{color:var(--foreground);font-size:14px;font-weight:750}.output-size-control__heading output{background:var(--primary-soft);color:var(--primary);font-family:var(--font-mono);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:750}.output-size-control__slider{margin-top:13px}.output-size-control__slider>input[type=range]{appearance:none;background:linear-gradient(to right, var(--primary) 0 var(--range-progress), var(--muted) var(--range-progress) 100%) center / 100% 6px no-repeat}@supports (color:color-mix(in lab, red, red)){.output-size-control__slider>input[type=range]{background:linear-gradient(to right, var(--primary) 0 var(--range-progress), color-mix(in srgb, var(--muted) 22%, transparent) var(--range-progress) 100%) center / 100% 6px no-repeat}}.output-size-control__slider>input[type=range]{cursor:pointer;border-radius:999px;width:100%;min-width:0;height:30px;margin:0}.output-size-control__slider>input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface-pure);border:3px solid var(--primary);box-shadow:0 3px 10px var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.output-size-control__slider>input[type=range]::-webkit-slider-thumb{box-shadow:0 3px 10px color-mix(in srgb, var(--primary) 32%, transparent)}}.output-size-control__slider>input[type=range]::-webkit-slider-thumb{width:20px;height:20px;transition:box-shadow .14s,transform .14s}.output-size-control__slider>input[type=range]::-moz-range-thumb{background:var(--surface-pure);border:3px solid var(--primary);box-shadow:0 3px 10px var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.output-size-control__slider>input[type=range]::-moz-range-thumb{box-shadow:0 3px 10px color-mix(in srgb, var(--primary) 32%, transparent)}}.output-size-control__slider>input[type=range]::-moz-range-thumb{width:14px;height:14px;transition:box-shadow .14s,transform .14s}.output-size-control__slider>input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--primary), 0 4px 12px var(--primary)}@supports (color:color-mix(in lab, red, red)){.output-size-control__slider>input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 14%, transparent), 0 4px 12px color-mix(in srgb, var(--primary) 34%, transparent)}}.output-size-control__slider>input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.06)}.output-size-control__slider>input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px var(--primary), 0 4px 12px var(--primary)}@supports (color:color-mix(in lab, red, red)){.output-size-control__slider>input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 14%, transparent), 0 4px 12px color-mix(in srgb, var(--primary) 34%, transparent)}}.output-size-control__slider>input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.06)}.output-size-control__slider>input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 6px var(--primary), 0 4px 12px var(--primary)}@supports (color:color-mix(in lab, red, red)){.output-size-control__slider>input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 14%, transparent), 0 4px 12px color-mix(in srgb, var(--primary) 34%, transparent)}}.output-size-control__slider>input[type=range]:hover::-moz-range-thumb{transform:scale(1.06)}.output-size-control__slider>input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px var(--primary), 0 4px 12px var(--primary)}@supports (color:color-mix(in lab, red, red)){.output-size-control__slider>input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 14%, transparent), 0 4px 12px color-mix(in srgb, var(--primary) 34%, transparent)}}.output-size-control__slider>input[type=range]:focus-visible::-moz-range-thumb{transform:scale(1.06)}.output-size-control__slider>input[type=range]:focus-visible{outline:0}.compress-action{position:relative}.compressor-settings__footer .primary-button:after{content:"→";font-size:20px;font-weight:500;line-height:1;transition:transform .17s}.compressor-settings__footer .primary-button:hover:not(:disabled):after{transform:translate(4px)}.compress-action__tooltip{background:var(--tooltip-surface);box-shadow:0 14px 34px rgb(var(--shadow-rgb) / 24%);color:#fff;opacity:0;pointer-events:none;visibility:hidden;z-index:20;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;transition:opacity .14s,transform .14s,visibility .14s;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;right:0;transform:translateY(4px)}.compress-action__tooltip:after{background:var(--tooltip-surface);content:"";width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.compress-action__tooltip>div{min-width:0;padding:8px 9px}.compress-action__tooltip>div+div{border-left:1px solid #ffffff1f}.compress-action__tooltip span,.compress-action__tooltip strong{display:block}.compress-action__tooltip span{color:#ffffffa6;margin-bottom:4px;font-size:10px}.compress-action__tooltip strong{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.compress-action:hover .compress-action__tooltip,.compress-action:focus-within .compress-action__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.compressor-settings__footer .support-copy{margin:11px 0 0;font-size:11px}.watermarker-workspace{grid-template-columns:minmax(0,1fr) 420px;height:clamp(650px,74vh,800px)}.watermarker-preview-column{height:100%;min-height:0;display:flex}.watermarker-video-stage{background:#10151c;border:0;border-radius:20px;width:100%;height:100%;min-height:0;padding:0;position:relative;overflow:hidden}.watermarker-video-stage video{object-fit:contain;width:100%;height:100%;max-height:100%}.watermark-preview{pointer-events:none;z-index:3;position:absolute;overflow:visible}.watermark-preview__item{justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.watermark-preview__item--text{font-family:var(--font-sans);text-shadow:0 .08em .12em #00000094;white-space:nowrap;padding:0 .22em;font-weight:700;line-height:1}.watermark-preview__item--image{background-position:50%;background-repeat:no-repeat;background-size:contain}.watermark-preview__item.is-tile{pointer-events:none;transform-origin:50%}.watermark-transform-layer{pointer-events:none;position:absolute;inset:0}.watermark-transform-box{outline:1px solid var(--primary);box-shadow:0 0 0 1px #00000057}@supports (color:color-mix(in lab, red, red)){.watermark-transform-box{outline:1px solid color-mix(in srgb, var(--primary) 84%, white)}}.watermark-transform-box{pointer-events:none;transform-origin:50%;will-change:left, top, width, height, transform;position:absolute}.watermark-transform-content{appearance:none;color:inherit;cursor:move;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0000;border:0;width:100%;height:100%;inset:0}.watermark-transform-layer.is-move .watermark-transform-content{cursor:grabbing}.watermark-transform-content:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.watermark-transform-handle,.watermark-transform-rotate-handle{appearance:none;cursor:nwse-resize;pointer-events:auto;touch-action:none;background:0 0;border:0;width:24px;height:24px;padding:0;position:absolute;transform:translate(-50%,-50%)}.watermark-transform-handle:before{background:var(--surface-pure);border:2px solid var(--primary);content:"";border-radius:3px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.watermark-transform-handle.is-north-west{top:0;left:0}.watermark-transform-handle.is-north-east{cursor:nesw-resize;top:0;left:100%}.watermark-transform-handle.is-south-west{cursor:nesw-resize;top:100%;left:0}.watermark-transform-handle.is-south-east{top:100%;left:100%}.watermark-transform-rotate-line{border-left:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-transform-rotate-line{border-left:1px solid color-mix(in srgb, var(--primary) 84%, white)}}.watermark-transform-rotate-line{pointer-events:none;height:26px;position:absolute;bottom:100%;left:50%}.watermark-transform-rotate-handle{cursor:grab;top:-32px;left:50%}.watermark-transform-rotate-handle:before{background:var(--surface-pure);border:2px solid var(--primary);content:"";border-radius:50%;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.watermark-transform-layer.is-rotate .watermark-transform-rotate-handle{cursor:grabbing}.watermarker-settings{background:linear-gradient(180deg, var(--surface), var(--surface-soft))}@supports (color:color-mix(in lab, red, red)){.watermarker-settings{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface-soft) 42%, var(--surface)))}}.watermarker-settings{gap:0;height:100%;min-height:0;overflow:hidden}.watermarker-settings__scroll{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:16px;min-height:0;padding:1px 5px 18px 1px;display:flex;overflow:hidden auto}.watermarker-settings__scroll::-webkit-scrollbar{width:6px}.watermarker-settings__scroll::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.watermarker-settings__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.watermarker-settings__scroll::-webkit-scrollbar-thumb{border-radius:999px}.watermarker-settings__footer{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.watermarker-settings__footer{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.watermarker-settings__footer{border-top:1px solid var(--border-divider);box-shadow:0 -14px 30px var(--surface)}@supports (color:color-mix(in lab, red, red)){.watermarker-settings__footer{box-shadow:0 -14px 30px color-mix(in srgb, var(--surface) 88%, transparent)}}.watermarker-settings__footer{z-index:4;flex:none;padding-top:16px;position:relative}.watermarker-settings__footer .primary-button:after{content:"→";font-size:20px;font-weight:500;line-height:1;transition:transform .17s}.watermarker-settings__footer .primary-button:hover:not(:disabled):after{transform:translate(4px)}.watermarker-settings__footer .support-copy{margin:11px 0 0;font-size:11px}.watermark-fieldset{border:0;min-width:0;margin:0;padding:0}.watermark-fieldset legend,.watermark-text-controls label>span,.watermark-image-control strong{color:var(--foreground);margin-bottom:9px;font-size:13px;font-weight:750;display:block}.watermark-type-selector{background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){.watermark-type-selector{background:color-mix(in srgb, var(--surface-soft) 84%, var(--surface))}}.watermark-type-selector{border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;display:grid}.watermark-type-selector button{appearance:none;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;min-height:40px;font-size:13px;font-weight:720;transition:background .15s,border-color .15s,color .15s,transform .15s}.watermark-type-selector button:hover:not(:disabled){color:var(--foreground)}.watermark-type-selector button:active:not(:disabled){transform:scale(.985)}.watermark-type-selector button:focus-visible,.watermark-image-control button:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-type-selector button:focus-visible,.watermark-image-control button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent)}}.watermark-type-selector button:focus-visible,.watermark-image-control button:focus-visible{outline-offset:2px}.watermark-type-selector button[aria-pressed=true]{background:var(--surface-pure);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-type-selector button[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary) 34%, var(--border))}}.watermark-type-selector button[aria-pressed=true]{box-shadow:0 5px 14px rgb(var(--shadow-rgb) / 5%);color:var(--primary)}.watermark-text-controls{grid-template-columns:minmax(0,1fr) max-content;gap:12px;display:grid}.watermark-text-controls label{min-width:0}.watermark-text-controls input[type=text]{appearance:none;background:var(--surface-pure);border:1px solid var(--border-subtle);color:var(--foreground);font:inherit;border-radius:12px;width:100%;min-width:0;height:44px;padding:0 13px;font-size:13px}.watermark-text-controls input[type=text]:focus,.watermark-color-control__input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-text-controls input[type=text]:focus,.watermark-color-control__input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent)}}.watermark-text-controls input[type=text]:focus,.watermark-color-control__input:focus-within{outline:0}.watermark-color-control__input{background:var(--surface-pure);border:1px solid var(--border-subtle);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:6px;display:flex}.watermark-color-control__input input{appearance:none;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.watermark-color-control__input input::-webkit-color-swatch-wrapper{padding:0}.watermark-color-control__input input::-webkit-color-swatch{border:1px solid var(--border);border-radius:8px}.watermark-image-control{background:var(--surface-pure);border:1px solid var(--border-subtle);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.watermark-image-control>div{min-width:0}.watermark-image-control strong{margin-bottom:4px}.watermark-image-control span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.watermark-image-control button{appearance:none;background:var(--surface-soft);border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-image-control button{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border))}}.watermark-image-control button{color:var(--primary);cursor:pointer;font:inherit;border-radius:10px;flex:none;min-height:36px;padding:0 11px;font-size:11px;font-weight:720}.watermark-range-list{background:var(--surface-pure);border:1px solid var(--border-subtle);border-radius:14px;gap:13px;padding:13px;display:grid}.watermark-range__header{justify-content:space-between;align-items:center;display:flex}.watermark-range__label{align-items:center;gap:4px;min-width:0;line-height:16px;display:inline-flex}.watermark-range__label label{line-height:16px;display:inline-flex}.watermark-range strong{color:var(--foreground);font-size:12px;font-weight:700}.watermark-range output{color:var(--primary);font-family:var(--font-mono);font-size:11px;font-weight:720}.watermark-range__help{appearance:none;color:var(--muted);background:0 0;border:0;border-radius:4px;align-items:center}@supports (color:color-mix(in lab, red, red)){.watermark-range__help{color:color-mix(in srgb, var(--muted) 82%, var(--foreground))}}.watermark-range__help{cursor:help;z-index:2;flex:none;justify-content:center;width:14px;min-width:14px;height:14px;min-height:14px;padding:0;line-height:0;transition:background .12s,color .12s;display:inline-flex;position:relative}.watermark-range__help:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-range__help:hover{background:color-mix(in srgb, var(--primary) 9%, transparent)}}.watermark-range__help:hover{color:var(--primary)}.watermark-range__help svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:12px;height:12px;overflow:visible}.watermark-range__help-dot{fill:currentColor;stroke:none}.watermark-range__help:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-range__help:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 22%, transparent)}}.watermark-range__help:focus-visible{outline-offset:2px}.watermark-range__tooltip{background:var(--foreground);border:1px solid var(--surface-pure)}@supports (color:color-mix(in lab, red, red)){.watermark-range__tooltip{border:1px solid color-mix(in srgb, var(--surface-pure) 14%, transparent)}}.watermark-range__tooltip{box-shadow:0 8px 24px rgb(var(--shadow-rgb) / 20%);color:var(--surface-pure);font:500 11px/1.5 var(--font-sans);opacity:0;pointer-events:none;text-align:left;visibility:hidden;white-space:normal;z-index:20;border-radius:9px;width:max-content;max-width:min(240px,100vw - 48px);padding:8px 10px;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 9px);left:-8px;transform:translateY(-3px)}.watermark-range__tooltip:before{border-bottom:5px solid var(--foreground);content:"";border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;bottom:100%;left:11px}.watermark-range__help:hover .watermark-range__tooltip,.watermark-range__help:focus .watermark-range__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.watermark-range input[type=range]{appearance:none;background:linear-gradient(to right, var(--primary) 0 var(--range-progress), var(--muted) var(--range-progress) 100%) center / 100% 5px no-repeat}@supports (color:color-mix(in lab, red, red)){.watermark-range input[type=range]{background:linear-gradient(to right, var(--primary) 0 var(--range-progress), color-mix(in srgb, var(--muted) 22%, transparent) var(--range-progress) 100%) center / 100% 5px no-repeat}}.watermark-range input[type=range]{cursor:pointer;border-radius:999px;width:100%;height:24px;margin:3px 0 0}.watermark-range input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface-pure);border:3px solid var(--primary);box-shadow:0 3px 8px var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.watermark-range input[type=range]::-webkit-slider-thumb{box-shadow:0 3px 8px color-mix(in srgb, var(--primary) 30%, transparent)}}.watermark-range input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.watermark-range input[type=range]::-moz-range-thumb{background:var(--surface-pure);border:3px solid var(--primary);box-shadow:0 3px 8px var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.watermark-range input[type=range]::-moz-range-thumb{box-shadow:0 3px 8px color-mix(in srgb, var(--primary) 30%, transparent)}}.watermark-range input[type=range]::-moz-range-thumb{width:12px;height:12px}.watermark-range input[type=range]:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-range input[type=range]:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 22%, transparent)}}.watermark-range input[type=range]:focus-visible{outline-offset:2px}.watermark-tile-control{background:var(--surface-pure);border:1px solid var(--border-subtle);cursor:pointer;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;display:grid;position:relative}.watermark-tile-control>span:first-child{min-width:0}.watermark-tile-control strong,.watermark-tile-control small{display:block}.watermark-tile-control strong{color:var(--foreground);font-size:12px}.watermark-tile-control small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.45}.watermark-tile-control input{opacity:0;width:1px;height:1px;position:absolute}.watermark-tile-control__switch{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.watermark-tile-control__switch{background:color-mix(in srgb, var(--muted) 24%, transparent)}}.watermark-tile-control__switch{border-radius:999px;width:42px;height:24px;transition:background .15s;position:relative}.watermark-tile-control__switch:after{background:var(--surface-pure);box-shadow:0 2px 6px rgb(var(--shadow-rgb) / 24%);content:"";border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.watermark-tile-control input:checked+.watermark-tile-control__switch{background:var(--primary)}.watermark-tile-control input:checked+.watermark-tile-control__switch:after{transform:translate(18px)}.watermark-tile-control input:focus-visible+.watermark-tile-control__switch{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.watermark-tile-control input:focus-visible+.watermark-tile-control__switch{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent)}}.watermark-tile-control input:focus-visible+.watermark-tile-control__switch{outline-offset:2px}.speed-changer-workspace,.reverser-workspace,.looper-workspace{grid-template-columns:minmax(0,1fr) 420px;height:clamp(650px,74vh,800px)}.speed-changer-preview-column,.reverser-preview-column,.looper-preview-column{height:100%;min-height:0;display:flex}.speed-changer-video-stage,.reverser-video-stage,.looper-video-stage{background:#10151c;border:0;border-radius:20px;width:100%;height:100%;min-height:0;padding:0;position:relative;overflow:hidden}.speed-changer-video-stage video,.reverser-video-stage video,.looper-video-stage video{object-fit:contain;width:100%;height:100%;max-height:100%}.speed-preview-badge,.loop-preview-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.015em;pointer-events:none;z-index:3;background:#0c1117c7;border:1px solid #ffffff26;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:720;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.speed-changer-settings,.reverser-settings,.looper-settings{background:linear-gradient(180deg, var(--surface), var(--surface-soft))}@supports (color:color-mix(in lab, red, red)){.speed-changer-settings,.reverser-settings,.looper-settings{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface-soft) 42%, var(--surface)))}}.speed-changer-settings,.reverser-settings,.looper-settings{gap:0;height:100%;min-height:0;overflow:hidden}.speed-changer-settings__scroll,.reverser-settings__scroll,.looper-settings__scroll{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:16px;min-height:0;padding:1px 5px 18px 1px;display:flex;overflow:hidden auto}.speed-changer-settings__scroll::-webkit-scrollbar{width:6px}.reverser-settings__scroll::-webkit-scrollbar{width:6px}.looper-settings__scroll::-webkit-scrollbar{width:6px}.speed-changer-settings__scroll::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.speed-changer-settings__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.speed-changer-settings__scroll::-webkit-scrollbar-thumb{border-radius:999px}.reverser-settings__scroll::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.reverser-settings__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.reverser-settings__scroll::-webkit-scrollbar-thumb{border-radius:999px}.looper-settings__scroll::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.looper-settings__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.looper-settings__scroll::-webkit-scrollbar-thumb{border-radius:999px}.speed-changer-settings__footer,.reverser-settings__footer,.looper-settings__footer{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.speed-changer-settings__footer,.reverser-settings__footer,.looper-settings__footer{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.speed-changer-settings__footer,.reverser-settings__footer,.looper-settings__footer{border-top:1px solid var(--border-divider);box-shadow:0 -14px 30px var(--surface)}@supports (color:color-mix(in lab, red, red)){.speed-changer-settings__footer,.reverser-settings__footer,.looper-settings__footer{box-shadow:0 -14px 30px color-mix(in srgb, var(--surface) 88%, transparent)}}.speed-changer-settings__footer,.reverser-settings__footer,.looper-settings__footer{z-index:4;flex:none;padding-top:16px;position:relative}.speed-changer-settings__footer .primary-button:after,.reverser-settings__footer .primary-button:after,.looper-settings__footer .primary-button:after{content:"→";font-size:20px;font-weight:500;line-height:1;transition:transform .17s}.speed-changer-settings__footer .primary-button:hover:not(:disabled):after,.reverser-settings__footer .primary-button:hover:not(:disabled):after,.looper-settings__footer .primary-button:hover:not(:disabled):after{transform:translate(4px)}.speed-changer-settings__footer .support-copy,.reverser-settings__footer .support-copy,.looper-settings__footer .support-copy{margin:11px 0 0;font-size:11px}:is(.speed-fieldset,.loop-count-fieldset){background:var(--surface-pure);border:1px solid var(--border-subtle);box-shadow:0 7px 22px rgb(var(--shadow-rgb) / 4%);border-radius:16px;min-width:0;margin:0;padding:14px}:is(.speed-fieldset,.loop-count-fieldset) legend{color:var(--foreground);padding:0 3px;font-size:14px;font-weight:750}:is(.speed-preset-grid,.loop-count-presets){grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}:is(.speed-preset-grid,.loop-count-presets) button{appearance:none;background:var(--surface-soft)}@supports (color:color-mix(in lab, red, red)){:is(.speed-preset-grid,.loop-count-presets) button{background:color-mix(in srgb, var(--surface-soft) 78%, var(--surface-pure))}}:is(.speed-preset-grid,.loop-count-presets) button{border:1px solid var(--border-subtle);color:var(--foreground);cursor:pointer;font:inherit;border-radius:11px;min-height:42px;padding:0 7px;font-size:12px;font-weight:740;transition:background .15s,border-color .15s,color .15s,transform .15s}:is(.speed-preset-grid,.loop-count-presets) button:hover:not(:disabled){background:var(--surface-pure);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){:is(.speed-preset-grid,.loop-count-presets) button:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 38%, var(--border))}}:is(.speed-preset-grid,.loop-count-presets) button:hover:not(:disabled){transform:translateY(-1px)}:is(.speed-preset-grid,.loop-count-presets) button:active:not(:disabled){transform:scale(.975)}.speed-preset-grid button:focus-visible,.loop-count-presets button:focus-visible,.speed-custom-control input:focus-visible,.loop-custom-control input:focus-visible{border-color:var(--primary);outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.speed-preset-grid button:focus-visible,.loop-count-presets button:focus-visible,.speed-custom-control input:focus-visible,.loop-custom-control input:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent)}}.speed-preset-grid button:focus-visible,.loop-count-presets button:focus-visible,.speed-custom-control input:focus-visible,.loop-custom-control input:focus-visible{outline-offset:2px}:is(.speed-preset-grid,.loop-count-presets) button[aria-pressed=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){:is(.speed-preset-grid,.loop-count-presets) button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 9%, var(--surface-pure))}}:is(.speed-preset-grid,.loop-count-presets) button[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}:is(.speed-custom-control,.loop-custom-control){border-top:1px solid var(--border-divider);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:flex}:is(.speed-custom-control,.loop-custom-control)>span:first-child{min-width:0}.speed-custom-control strong,.speed-custom-control small,.loop-custom-control strong,.loop-custom-control small{display:block}:is(.speed-custom-control,.loop-custom-control) strong{color:var(--foreground);font-size:12px}:is(.speed-custom-control,.loop-custom-control) small{color:var(--muted);margin-top:3px;font-size:10px}:is(.speed-custom-control__input,.loop-custom-control__input){background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:11px;flex:none;align-items:center;height:40px;padding-right:10px;display:flex;overflow:hidden}:is(.speed-custom-control__input,.loop-custom-control__input) input{appearance:textfield;color:var(--foreground);font:720 12px var(--font-mono);text-align:right;background:0 0;border:0;outline:0;width:76px;height:100%;padding:0 4px 0 10px}.speed-custom-control__input input::-webkit-inner-spin-button{appearance:none;margin:0}.speed-custom-control__input input::-webkit-outer-spin-button{appearance:none;margin:0}.loop-custom-control__input input::-webkit-inner-spin-button{appearance:none;margin:0}.loop-custom-control__input input::-webkit-outer-spin-button{appearance:none;margin:0}:is(.speed-custom-control__input,.loop-custom-control__input)>span{color:var(--muted);font-size:12px;font-weight:750}.speed-duration-summary{background:var(--primary);align-items:center}@supports (color:color-mix(in lab, red, red)){.speed-duration-summary{background:color-mix(in srgb, var(--primary) 5%, var(--surface-pure))}}.speed-duration-summary{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.speed-duration-summary{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border-subtle))}}.speed-duration-summary{border-radius:14px;grid-template-columns:1fr auto 1fr;gap:10px;padding:12px 14px;display:grid}.speed-duration-summary>div{min-width:0}.speed-duration-summary>div:last-child{text-align:right}.speed-duration-summary span,.speed-duration-summary strong{display:block}.speed-duration-summary span{color:var(--muted);font-size:10px}.speed-duration-summary strong{color:var(--foreground);font-family:var(--font-mono);margin-top:4px;font-size:13px}.speed-duration-summary .speed-duration-summary__arrow{color:var(--primary);font-size:17px}.speed-audio-control,.reverse-audio-control,.loop-audio-control{background:var(--surface-pure);border:1px solid var(--border-subtle);cursor:pointer;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;display:grid;position:relative}.speed-audio-control.is-disabled,.reverse-audio-control.is-disabled,.loop-audio-control.is-disabled{cursor:default;opacity:.62}.speed-audio-control strong,.speed-audio-control small,.reverse-audio-control strong,.reverse-audio-control small,.loop-audio-control strong,.loop-audio-control small{display:block}.speed-audio-control strong,.reverse-audio-control strong,.loop-audio-control strong{color:var(--foreground);font-size:12px}.speed-audio-control small,.reverse-audio-control small,.loop-audio-control small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.45}.speed-audio-control input,.reverse-audio-control input,.loop-audio-control input{opacity:0;width:1px;height:1px;position:absolute}.speed-audio-control__switch,.reverse-audio-control__switch,.loop-audio-control__switch{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.speed-audio-control__switch,.reverse-audio-control__switch,.loop-audio-control__switch{background:color-mix(in srgb, var(--muted) 24%, transparent)}}.speed-audio-control__switch,.reverse-audio-control__switch,.loop-audio-control__switch{border-radius:999px;width:42px;height:24px;transition:background .15s;position:relative}.speed-audio-control__switch:after,.reverse-audio-control__switch:after,.loop-audio-control__switch:after{background:var(--surface-pure);box-shadow:0 2px 6px rgb(var(--shadow-rgb) / 24%);content:"";border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.speed-audio-control input:checked+.speed-audio-control__switch,.reverse-audio-control input:checked+.reverse-audio-control__switch,.loop-audio-control input:checked+.loop-audio-control__switch{background:var(--primary)}.speed-audio-control input:checked+.speed-audio-control__switch:after,.reverse-audio-control input:checked+.reverse-audio-control__switch:after,.loop-audio-control input:checked+.loop-audio-control__switch:after{transform:translate(18px)}.speed-audio-control input:focus-visible+.speed-audio-control__switch,.reverse-audio-control input:focus-visible+.reverse-audio-control__switch,.loop-audio-control input:focus-visible+.loop-audio-control__switch{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.speed-audio-control input:focus-visible+.speed-audio-control__switch,.reverse-audio-control input:focus-visible+.reverse-audio-control__switch,.loop-audio-control input:focus-visible+.loop-audio-control__switch{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent)}}.speed-audio-control input:focus-visible+.speed-audio-control__switch,.reverse-audio-control input:focus-visible+.reverse-audio-control__switch,.loop-audio-control input:focus-visible+.loop-audio-control__switch{outline-offset:2px}.speed-pitch-note{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.speed-pitch-note{background:color-mix(in srgb, var(--warning) 9%, var(--surface-pure))}}.speed-pitch-note{border-left:3px solid var(--warning);color:var(--muted);border-radius:9px;margin:-4px 0 0;padding:9px 10px;font-size:10px;line-height:1.55}.speed-pitch-note.is-preserved{background:var(--privacy)}@supports (color:color-mix(in lab, red, red)){.speed-pitch-note.is-preserved{background:color-mix(in srgb, var(--privacy) 9%, var(--surface-pure))}}.speed-pitch-note.is-preserved{border-left-color:var(--privacy)}.loop-output-summary{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.loop-output-summary{background:color-mix(in srgb, var(--primary) 5%, var(--surface-pure))}}.loop-output-summary{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.loop-output-summary{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border-subtle))}}.loop-output-summary{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 14px;display:grid}.loop-output-summary>div{min-width:0}.loop-output-summary>div:not(:first-child){border-left:1px solid var(--border-divider);padding-left:10px}.loop-output-summary span,.loop-output-summary strong{display:block}.loop-output-summary span{color:var(--muted);font-size:10px}.loop-output-summary strong{color:var(--foreground);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.loop-mode-note{background:var(--privacy)}@supports (color:color-mix(in lab, red, red)){.loop-mode-note{background:color-mix(in srgb, var(--privacy) 9%, var(--surface-pure))}}.loop-mode-note{border-left:3px solid var(--privacy);color:var(--muted);border-radius:9px;margin:-4px 0 0;padding:9px 10px;font-size:10px;line-height:1.55}.loop-mode-note.is-transcode{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.loop-mode-note.is-transcode{background:color-mix(in srgb, var(--warning) 9%, var(--surface-pure))}}.loop-mode-note.is-transcode{border-left-color:var(--warning)}.tool-advantages{border-top:1px solid var(--border-divider);max-width:1120px;margin:64px auto 8px;padding-top:42px}.tool-advantages__heading{text-align:center;max-width:760px;margin:0 auto 42px}.tool-advantages__heading h2,.tool-faq__heading h2,.related-workflow h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(27px,3vw,38px);font-weight:650;line-height:1.15}.tool-advantages__heading p,.tool-advantages article p,.tool-faq p,.related-workflow p{color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:1.85}.tool-advantages__heading p{margin-top:16px}.tool-advantages__grid{background:var(--surface-translucent);border:1px solid var(--border-subtle);box-shadow:0 18px 50px rgb(var(--shadow-rgb) / 6%);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.tool-advantages article{min-width:0;padding:28px 30px}.tool-advantages article:not(:nth-child(3n+1)){border-left:1px solid var(--border-divider)}.tool-advantages article:nth-child(n+4){border-top:1px solid var(--border-divider)}.tool-advantages h3{margin:0 0 12px;font-size:16px;line-height:1.4}.tool-faq{border-top:1px solid var(--border-divider);grid-template-columns:minmax(0,.72fr) minmax(480px,1.28fr);gap:44px;max-width:1120px;margin:56px auto 8px;padding-top:42px;display:grid}.tool-faq__heading{align-self:start;position:sticky;top:104px}.tool-faq__heading p{max-width:440px;margin-top:14px}.tool-faq__list{background:var(--surface-translucent);border:1px solid var(--border-subtle);box-shadow:0 18px 50px rgb(var(--shadow-rgb) / 5%);border-radius:20px;overflow:hidden}.tool-faq details+details{border-top:1px solid var(--border-divider)}.tool-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:20px 22px;font-size:15px;font-weight:700;line-height:1.5;list-style:none;display:flex}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary:after{color:var(--primary);content:"+";flex:none;font-size:23px;font-weight:450;line-height:1;transition:transform .16s}.tool-faq details[open] summary:after{transform:rotate(45deg)}.tool-faq summary:hover{color:var(--primary)}.tool-faq summary:focus-visible{outline:2px solid var(--primary);outline-offset:-4px;border-radius:8px}.tool-faq details>p{margin:-4px 22px 0;padding:0 42px 22px 0}.related-workflow{border-top:1px solid var(--border-divider);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:44px;max-width:1120px;margin:56px auto 8px;padding-top:42px;display:grid}.related-workflow__copy p{max-width:620px;margin-top:14px}.related-workflow ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.related-workflow a{background:var(--surface-translucent);border:1px solid var(--border-subtle);color:var(--foreground);border-radius:14px;justify-content:space-between;align-items:center;min-height:48px;padding:12px 15px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .16s,color .16s,transform .16s;display:flex}.related-workflow a:hover,.related-workflow a:focus-visible{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.related-workflow a:hover,.related-workflow a:focus-visible{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}}.related-workflow a:hover,.related-workflow a:focus-visible{color:var(--primary);transform:translate(2px)}.related-workflow a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.related-workflow a svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:18px;height:18px}.tool-slot,.tool-advantages,.tool-faq,.related-workflow{scroll-margin-top:96px}.site-footer{background:var(--surface-translucent);border-top:1px solid var(--border-divider);margin-top:72px}.site-footer__inner{max-width:1360px;margin:0 auto;padding:48px 48px 28px}.site-footer__grid{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(120px,1fr));gap:clamp(36px,5vw,72px);display:grid}.site-footer__brand-column{max-width:440px}.site-footer__brand{color:var(--foreground);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:11px;font-size:20px;font-weight:750;text-decoration:none;display:inline-flex}.site-footer__brand-mark{background:url(/icon.svg) 50%/cover no-repeat;width:34px;height:34px;display:block}.site-footer__description{color:var(--muted);max-width:420px;margin:18px 0 20px;font-size:13px;line-height:1.7}.site-footer__privacy-note{background:var(--privacy-soft);border:1px solid var(--privacy);align-items:flex-start}@supports (color:color-mix(in lab, red, red)){.site-footer__privacy-note{border:1px solid color-mix(in srgb, var(--privacy) 20%, transparent)}}.site-footer__privacy-note{color:var(--privacy);border-radius:14px;gap:11px;max-width:420px;padding:13px 14px;display:flex}.site-footer__privacy-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:21px;height:21px;margin-top:1px}.site-footer__privacy-note span{gap:3px;display:grid}.site-footer__privacy-note strong{font-size:12px;font-weight:750;line-height:1.35}.site-footer__privacy-note small{color:var(--muted);font-size:11px;line-height:1.55}.site-footer__section h2{color:var(--foreground);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 18px;font-size:11px;font-weight:750}.site-footer__section ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.site-footer__section a{color:var(--muted);font-size:13px;line-height:1.5;text-decoration:none;transition:color .16s}.site-footer__section a:hover,.site-footer__section a:focus-visible,.site-footer__section a[aria-current=page]{color:var(--primary)}.site-footer__brand:focus-visible,.site-footer__section a:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}@media (width<=1040px){.site-footer__inner{padding-inline:32px}.site-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer__brand-column{grid-column:1/-1;max-width:620px}.workspace{grid-template-columns:1fr;gap:18px}.trimmer-workspace{height:auto}.trimmer-preview-column{height:clamp(520px,72vw,700px)}.trimmer-settings,.task-state-panel{height:560px}.compressor-preview-column{min-height:clamp(320px,56vw,520px)}.compressor-workspace{height:auto}.compressor-settings:not(.task-state-panel){height:auto;overflow:visible}.compressor-settings__scroll{padding-right:1px;overflow:visible}.watermarker-workspace{height:auto}.watermarker-preview-column{min-height:clamp(360px,62vw,560px)}.watermarker-settings:not(.task-state-panel){height:auto;overflow:visible}.watermarker-settings__scroll{padding-right:1px;overflow:visible}.speed-changer-workspace,.reverser-workspace,.looper-workspace{height:auto}.speed-changer-preview-column,.reverser-preview-column,.looper-preview-column{min-height:clamp(360px,62vw,560px)}.speed-changer-settings:not(.task-state-panel),.reverser-settings:not(.task-state-panel),.looper-settings:not(.task-state-panel){height:auto;overflow:visible}.speed-changer-settings__scroll,.reverser-settings__scroll,.looper-settings__scroll{padding-right:1px;overflow:visible}}@media (width<=760px){.site-header{height:60px;padding:0 20px}.site-tools{margin-left:14px}.site-tools ul{gap:4px}.site-tools a{min-height:32px;padding-inline:9px;font-size:12px}.header-controls{margin-left:8px}.color-theme-toggle{padding-inline:12px}.color-theme-toggle__label{display:none}.main-content{padding:30px 18px 16px}.hero h1{font-size:35px}.upload-gate{border-radius:20px;padding:14px}.upload-gate__dropzone{border-radius:16px;min-height:360px;padding:38px 18px}.upload-gate__folder{border-radius:21px;margin-bottom:16px;transform:scale(.88)}.upload-gate__support{max-width:280px;line-height:1.65}.preview-column,.settings-column{border-radius:20px;padding:20px}.trimmer-preview-column{height:clamp(440px,112vw,620px)}.trimmer-settings,.task-state-panel{height:520px}.media-task-state__actions{grid-template-columns:1fr}.compressor-video-stage{min-height:240px;padding:12px}.watermarker-preview-column{min-height:300px}.watermarker-video-stage{min-height:260px}.speed-changer-preview-column,.reverser-preview-column{min-height:300px}.speed-changer-video-stage,.reverser-video-stage{min-height:260px}.tool-advantages{margin-top:48px;padding-top:34px}.tool-advantages__heading{text-align:left;margin-bottom:32px}.tool-advantages__grid{grid-template-columns:1fr}.tool-advantages article{padding:22px}.tool-advantages article:not(:nth-child(3n+1)){border-left:0}.tool-advantages article+article{border-top:1px solid var(--border-divider)}.tool-faq{grid-template-columns:1fr;gap:28px;margin-top:48px;padding-top:34px}.tool-faq__heading{position:static}.tool-faq summary{min-height:62px;padding:18px}.tool-faq details>p{margin:-2px 18px 0;padding:0 28px 20px 0}.related-workflow{grid-template-columns:1fr;align-items:stretch;gap:28px;margin-top:48px;padding-top:34px}.site-footer{margin-top:56px}.site-footer__inner{padding:40px 18px 24px}.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}.site-footer__brand-column{grid-column:1/-1}}@media (width<=470px){.brand{font-size:17px}.brand>span:last-child{display:none}.hero h1{font-size:31px}.upload-gate__dropzone{min-height:330px}.upload-gate__title{font-size:22px}.upload-gate__subtitle{font-size:14px}.time-grid,.mode-selector,.watermark-text-controls{grid-template-columns:1fr}:is(.speed-preset-grid,.loop-count-presets){grid-template-columns:repeat(2,minmax(0,1fr))}.selected-file-card{grid-template-columns:38px minmax(0,1fr) auto;padding:9px}.selected-file-card__badge{border-radius:10px;width:38px;height:38px}.site-footer__grid{grid-template-columns:1fr}.site-footer__brand-column{grid-column:auto}}.gif-workspace{grid-template-columns:minmax(0,1fr) 420px;height:clamp(650px,74vh,790px)}.gif-preview-column{flex-direction:column;gap:24px;height:100%;min-height:0;padding-block:24px;display:flex}.gif-video-stage{background:#10151c;border-radius:20px;flex:auto;min-height:0;overflow:hidden}.gif-video-stage video{width:100%;height:100%;max-height:100%}.gif-settings{gap:0;height:100%;padding:0;overflow:hidden}.gif-settings__scroll{gap:20px;min-height:0;padding:26px 26px 22px;display:grid;overflow-y:auto}.gif-fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.gif-fieldset legend{color:var(--foreground);margin-bottom:10px;padding:0;font-size:12px;font-weight:760}.gif-option-grid{gap:8px;display:grid}.gif-option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.gif-option-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.gif-option-grid button{appearance:none;background:var(--surface-pure);border:1px solid var(--control-border);color:var(--foreground);cursor:pointer;text-align:center;border-radius:12px;gap:3px;min-width:0;padding:10px 7px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:grid}.gif-option-grid button:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.gif-option-grid button:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}}.gif-option-grid button:hover{transform:translateY(-1px)}.gif-option-grid button[aria-pressed=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.gif-option-grid button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 9%, var(--surface-pure))}}.gif-option-grid button[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.gif-option-grid button[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 10%, transparent)}}.gif-option-grid button:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.gif-option-grid button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 22%, transparent)}}.gif-option-grid button:focus-visible{outline-offset:2px}.gif-option-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.gif-option-grid small{color:var(--muted);font-size:9px;line-height:1.3}.gif-settings__footer{background:var(--surface-pure)}@supports (color:color-mix(in lab, red, red)){.gif-settings__footer{background:color-mix(in srgb, var(--surface-pure) 86%, var(--surface))}}.gif-settings__footer{border-top:1px solid var(--border-subtle);gap:10px;margin-top:auto;padding:18px 26px 22px;display:grid}.gif-estimate,.gif-clip-summary{justify-content:space-between;align-items:baseline;display:flex}.gif-estimate span,.gif-clip-summary span,.gif-settings__footer>small{color:var(--muted);font-size:10px}.gif-estimate strong,.gif-clip-summary strong{color:var(--foreground);font-family:var(--font-mono);font-size:12px}.gif-settings__footer .primary-button{width:100%;min-height:44px}.media-task-state__preview.is-image img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}@media (width<=1040px){.gif-workspace{grid-template-columns:1fr;height:auto}.gif-preview-column{height:clamp(500px,72vw,700px)}.gif-settings:not(.task-state-panel){height:auto;overflow:visible}.gif-settings__scroll{overflow:visible}}@media (width<=620px){.gif-preview-column,.gif-settings__scroll,.gif-settings__footer{padding-inline:18px}.gif-option-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-option-grid strong{white-space:normal;overflow:visible}}.frame-extractor-workspace{grid-template-columns:minmax(0,1fr) 420px}.frame-extractor-preview-column{flex-direction:column;gap:20px;min-height:610px;padding-block:24px;display:flex}.frame-extractor-video-stage{background:#10151c;border-radius:20px;flex:auto;min-height:410px;overflow:hidden}.frame-extractor-video-stage video{width:100%;height:100%;max-height:520px}.gif-frame-extractor-stage{justify-content:center;align-items:center;display:flex}.gif-frame-extractor-stage img{object-fit:contain;width:100%;height:100%;max-height:520px;display:block}.gif-frame-preview-meta{background:var(--primary-soft);align-items:baseline}@supports (color:color-mix(in lab, red, red)){.gif-frame-preview-meta{background:color-mix(in srgb, var(--primary-soft) 48%, var(--surface-pure))}}.gif-frame-preview-meta{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.gif-frame-preview-meta{border:1px solid color-mix(in srgb, var(--primary) 13%, var(--border))}}.gif-frame-preview-meta{border-radius:14px;justify-content:space-between;gap:10px;padding:13px 15px;display:flex}.gif-frame-preview-meta span{color:var(--muted);font-size:10px}.gif-frame-preview-meta strong{color:var(--foreground);font-family:var(--font-mono);margin-left:auto;font-size:14px}.frame-scrubber{gap:10px;display:grid}.frame-scrubber__labels{justify-content:space-between;align-items:baseline;display:flex}.frame-scrubber__labels span{color:var(--muted);font-size:12px;font-weight:700}.frame-scrubber__labels strong{font-family:var(--font-mono);font-size:13px}.frame-scrubber input[type=range]{accent-color:var(--primary);cursor:pointer;width:100%;margin:0}.frame-stepper{grid-template-columns:1fr 1fr;gap:10px;display:grid}.frame-stepper .secondary-button{justify-content:center;gap:9px;min-height:44px}.frame-stepper small{color:var(--muted);text-align:center;grid-column:1/-1;font-size:10px}.frame-extractor-settings{align-self:stretch;gap:19px}.frame-fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.frame-fieldset legend{color:var(--foreground);margin-bottom:10px;padding:0;font-size:12px;font-weight:760}.frame-option-grid{gap:8px;display:grid}.frame-option-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-option-grid--intervals,.gif-frame-step-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.gif-frame-step-grid button{padding-inline:4px}.gif-frame-step-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gif-frame-custom-step{background:var(--surface-pure);border:1px solid var(--control-border);border-radius:12px;grid-template-columns:1fr 72px;align-items:center;gap:8px;padding:10px 11px;display:grid}.gif-frame-custom-step>span{color:var(--foreground);font-size:11px;font-weight:720}.gif-frame-custom-step input{background:var(--surface);border:1px solid var(--control-border);color:var(--foreground);font:700 12px var(--font-mono);border-radius:8px;width:100%;min-height:32px;padding:5px 7px}.gif-frame-custom-step small{color:var(--muted);grid-column:1/-1;font-size:9px;line-height:1.35}.frame-option-grid button{appearance:none;background:var(--surface-pure);border:1px solid var(--control-border);color:var(--foreground);cursor:pointer;text-align:center;border-radius:12px;gap:3px;min-width:0;padding:10px 7px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:grid}.frame-option-grid button:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.frame-option-grid button:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}}.frame-option-grid button:hover:not(:disabled){transform:translateY(-1px)}.frame-option-grid button[aria-pressed=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.frame-option-grid button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 9%, var(--surface-pure))}}.frame-option-grid button[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.frame-option-grid button[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 10%, transparent)}}.frame-option-grid strong{font-size:11px;line-height:1.25}.frame-option-grid small{color:var(--muted);font-size:9px;line-height:1.3}.frame-option-grid--intervals button{padding-inline:4px}.frame-option-grid--intervals small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frame-estimate-card{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.frame-estimate-card{background:color-mix(in srgb, var(--primary-soft) 62%, var(--surface-pure))}}.frame-estimate-card{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.frame-estimate-card{border:1px solid color-mix(in srgb, var(--primary) 13%, var(--border))}}.frame-estimate-card{border-radius:14px;gap:9px;padding:13px 14px;display:grid}.frame-estimate-card>span{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:10px;display:flex}.frame-estimate-card strong{color:var(--foreground);font-family:var(--font-mono);font-size:12px}.frame-estimate-card small{color:var(--muted);font-size:9px;line-height:1.45}.frame-extraction-progress{gap:12px;display:grid}.frame-extraction-progress>span{justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.frame-extraction-progress>span strong{font-family:var(--font-mono)}.frame-extraction-progress progress{accent-color:var(--primary);width:100%;height:8px}.frame-extraction-progress .secondary-button{justify-content:center}.frame-privacy-note{color:var(--privacy);align-items:flex-start;gap:8px;margin:0;font-size:10px;line-height:1.5;display:flex}.frame-privacy-note span{background:var(--privacy-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:inline-flex}.frame-gallery{background:var(--surface);border:1px solid var(--border-subtle);box-shadow:0 18px 50px rgb(var(--shadow-rgb) / 7%);border-radius:28px;max-width:100%;margin:24px auto 0;padding:28px 30px 32px}.frame-gallery__header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.frame-gallery__eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.frame-gallery h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:24px}.frame-gallery__header p{color:var(--muted);margin:6px 0 0;font-size:12px}.frame-gallery__actions{align-items:center;gap:10px;display:flex}.frame-gallery__actions .secondary-button{min-height:42px}.frame-gallery__clear{appearance:none;color:var(--danger);cursor:pointer;background:0 0;border:0;padding:10px;font-size:11px;font-weight:750}.frame-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.frame-card{background:var(--surface-pure);border:1px solid var(--border-subtle);border-radius:16px;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.frame-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.frame-card:hover{border-color:color-mix(in srgb, var(--primary) 22%, var(--border))}}.frame-card:hover{box-shadow:0 12px 28px rgb(var(--shadow-rgb) / 9%);transform:translateY(-2px)}.frame-card__image{aspect-ratio:16/10;background:#10151c;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.frame-card__image img{object-fit:contain;width:100%;height:100%;display:block}.frame-card__image>span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);background:#0a0f15b8;border-radius:7px;padding:5px 7px;font-size:9px;position:absolute;bottom:8px;left:8px}.frame-card__meta{color:var(--muted);flex-wrap:wrap;gap:5px 9px;padding:10px 12px 6px;font-size:9px;display:flex}.frame-card__actions{justify-content:space-between;align-items:center;gap:8px;padding:7px 12px 12px;display:flex}.frame-card__actions a,.frame-card__actions button{font-size:10px;font-weight:760}.frame-card__actions a{color:var(--primary);text-decoration:none}.frame-card__actions button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 0}.frame-card__actions button:hover{color:var(--danger)}@media (width<=1120px){.frame-extractor-workspace{grid-template-columns:minmax(0,1fr) 380px}.frame-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.frame-extractor-workspace{grid-template-columns:1fr}.frame-extractor-preview-column{min-height:520px}.frame-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.frame-extractor-preview-column,.frame-extractor-settings,.frame-gallery{padding:18px}.frame-extractor-preview-column{min-height:430px}.frame-extractor-video-stage{min-height:280px}.frame-option-grid--intervals{grid-template-columns:repeat(3,minmax(0,1fr))}.gif-frame-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-gallery__header,.frame-gallery__actions{flex-direction:column;align-items:stretch}.frame-gallery__grid{grid-template-columns:1fr}}.cropper-workspace{grid-template-columns:minmax(0,1fr) 420px;height:clamp(650px,74vh,800px)}.cropper-preview-column{flex-direction:column;gap:14px;height:100%;min-height:0;display:flex}.cropper-video-stage{background:#10151c;border-radius:20px;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.cropper-video-frame{aspect-ratio:var(--cropper-source-aspect);height:min(100cqh, calc(100cqw / var(--cropper-source-aspect)));width:min(100cqw, calc(100cqh * var(--cropper-source-aspect)));flex:none;position:relative;overflow:hidden}.cropper-video{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.video-crop-overlay{touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;position:absolute;inset:0;overflow:hidden}.video-crop-overlay__rect{box-sizing:border-box;cursor:move;touch-action:none;border:1px solid #fffffff0;position:absolute;box-shadow:0 0 0 1px #08091047,0 0 0 9999px #0809109e}.video-crop-overlay__rect:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.video-crop-overlay__rect:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 74%, white)}}.video-crop-overlay__rect:focus-visible{outline-offset:-4px}.video-crop-overlay__grid{pointer-events:none;background:#ffffff57;position:absolute}.video-crop-overlay__grid--vertical-first,.video-crop-overlay__grid--vertical-second{width:1px;top:0;bottom:0}.video-crop-overlay__grid--vertical-first{left:33.333%}.video-crop-overlay__grid--vertical-second{left:66.667%}.video-crop-overlay__grid--horizontal-first,.video-crop-overlay__grid--horizontal-second{height:1px;left:0;right:0}.video-crop-overlay__grid--horizontal-first{top:33.333%}.video-crop-overlay__grid--horizontal-second{top:66.667%}.video-crop-overlay__handle{touch-action:none;z-index:2;width:24px;height:24px;position:absolute}.video-crop-overlay__handle--north-west{cursor:nwse-resize;border-top:3px solid #fff;border-left:3px solid #fff;top:-1px;left:-1px}.video-crop-overlay__handle--north-east{cursor:nesw-resize;border-top:3px solid #fff;border-right:3px solid #fff;top:-1px;right:-1px}.video-crop-overlay__handle--south-west{cursor:nesw-resize;border-bottom:3px solid #fff;border-left:3px solid #fff;bottom:-1px;left:-1px}.video-crop-overlay__handle--south-east{cursor:nwse-resize;border-bottom:3px solid #fff;border-right:3px solid #fff;bottom:-1px;right:-1px}.video-crop-overlay--active,.video-crop-overlay--active .video-crop-overlay__rect{cursor:grabbing}.cropper-playback{background:var(--surface-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.cropper-playback{background:color-mix(in srgb, var(--surface-soft) 78%, var(--surface))}}.cropper-playback{border:1px solid var(--border-subtle);border-radius:15px;flex:none;grid-template-columns:36px auto minmax(90px,1fr) auto;gap:10px;min-height:52px;padding:8px 12px;display:grid}.cropper-playback button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;transition:background .15s,transform .15s;display:inline-flex}.cropper-playback button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.cropper-playback button:active:not(:disabled){transform:scale(.96)}.cropper-playback button:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.cropper-playback button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 26%, transparent)}}.cropper-playback button:focus-visible{outline-offset:2px}.cropper-playback>span{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;font-size:11px}.cropper-playback input[type=range]{accent-color:var(--primary);cursor:pointer;width:100%;min-width:0}.cropper-settings{background:linear-gradient(180deg, var(--surface), var(--surface-soft))}@supports (color:color-mix(in lab, red, red)){.cropper-settings{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface-soft) 42%, var(--surface)))}}.cropper-settings{gap:0;height:100%;min-height:0;overflow:hidden}.cropper-settings__scroll{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:18px;min-height:0;padding:1px 5px 18px 1px;display:flex;overflow:hidden auto}.cropper-settings__scroll::-webkit-scrollbar{width:6px}.cropper-settings__scroll::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.cropper-settings__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 28%, transparent)}}.cropper-settings__scroll::-webkit-scrollbar-thumb{border-radius:999px}.cropper-settings__footer{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.cropper-settings__footer{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.cropper-settings__footer{border-top:1px solid var(--border-divider);flex:none;padding-top:16px}.cropper-settings__footer .primary-button:after{content:"→";font-size:20px;font-weight:500;line-height:1;transition:transform .17s}.cropper-settings__footer .primary-button:hover:not(:disabled):after{transform:translate(4px)}.cropper-settings__footer .support-copy{margin:11px 0 0;font-size:11px}.cropper-fieldset{border:0;min-width:0;margin:0;padding:0}.cropper-fieldset legend{color:var(--foreground);margin-bottom:9px;font-size:13px;font-weight:750}.crop-aspect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.crop-aspect-grid button{appearance:none;background:var(--surface-soft);align-items:center}@supports (color:color-mix(in lab, red, red)){.crop-aspect-grid button{background:color-mix(in srgb, var(--surface-soft) 86%, var(--surface))}}.crop-aspect-grid button{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:13px;justify-items:center;gap:4px;min-height:84px;padding:10px 7px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:grid}.crop-aspect-grid button:hover{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.crop-aspect-grid button:hover{background:color-mix(in srgb, var(--primary-soft) 52%, var(--surface))}}.crop-aspect-grid button:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.crop-aspect-grid button:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border))}}.crop-aspect-grid button:hover{color:var(--foreground);transform:translateY(-1px)}.crop-aspect-grid button:active{transform:scale(.98)}.crop-aspect-grid button:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.crop-aspect-grid button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 18%, transparent)}}.crop-aspect-grid button:focus-visible{outline-offset:2px}.crop-aspect-grid button[aria-pressed=true]{background:var(--surface-pure);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.crop-aspect-grid button[aria-pressed=true]{border-color:color-mix(in srgb, var(--primary) 48%, var(--border))}}.crop-aspect-grid button[aria-pressed=true]{color:var(--foreground)}.crop-aspect-grid strong{font-size:12px;font-weight:760}.crop-aspect-grid small{color:var(--muted);font-family:var(--font-mono);font-size:10px}.crop-aspect-grid__icon{opacity:.72;border:2px solid;border-radius:3px;width:26px;height:18px;display:block}.crop-aspect-grid__icon--square{width:21px;height:21px}.crop-aspect-grid__icon--portrait{width:14px;height:24px}.crop-aspect-grid__icon--classic{width:26px;height:20px}.crop-output-summary{border-top:1px solid var(--border-divider);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.crop-output-summary span{color:var(--muted);font-size:12px}.crop-output-summary strong{color:var(--foreground);font-family:var(--font-mono);font-size:14px}.crop-hint{color:var(--muted);margin:-8px 0 0;font-size:11px;line-height:1.6}@media (width<=1040px){.cropper-workspace{height:auto}.cropper-preview-column{min-height:clamp(440px,70vw,620px)}.cropper-settings:not(.task-state-panel){height:auto;overflow:visible}.cropper-settings__scroll{padding-right:1px;overflow:visible}}@media (width<=640px){.cropper-preview-column{min-height:390px}.cropper-video-stage{min-height:310px}.cropper-playback{grid-template-columns:34px minmax(0,1fr) auto}.cropper-playback>span:first-of-type{display:none}.crop-aspect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.converter{gap:18px;max-width:1120px;margin:0 auto;display:grid}.converter-file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.converter-dropzone{appearance:none;background:linear-gradient(135deg, var(--primary-soft), var(--surface));align-items:center}@supports (color:color-mix(in lab, red, red)){.converter-dropzone{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-soft) 44%, var(--surface)), var(--surface))}}.converter-dropzone{border:1.5px dashed var(--primary)}@supports (color:color-mix(in lab, red, red)){.converter-dropzone{border:1.5px dashed color-mix(in srgb, var(--primary) 34%, var(--border))}}.converter-dropzone{color:var(--foreground);cursor:pointer;text-align:left;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 18px;width:100%;min-height:174px;padding:28px 32px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.converter-dropzone:hover,.converter-dropzone.is-dragging{border-color:var(--primary);box-shadow:0 18px 48px var(--primary)}@supports (color:color-mix(in lab, red, red)){.converter-dropzone:hover,.converter-dropzone.is-dragging{box-shadow:0 18px 48px color-mix(in srgb, var(--primary) 13%, transparent)}}.converter-dropzone:hover,.converter-dropzone.is-dragging{transform:translateY(-1px)}.converter-dropzone__icon{background:var(--primary);box-shadow:0 10px 26px var(--primary);border-radius:18px;align-items:center}@supports (color:color-mix(in lab, red, red)){.converter-dropzone__icon{box-shadow:0 10px 26px color-mix(in srgb, var(--primary) 27%, transparent)}}.converter-dropzone__icon{color:#fff;grid-row:1/span 2;justify-content:center;width:60px;height:60px;display:flex}.converter-dropzone__icon span{font-size:30px;font-weight:350;line-height:1}.converter-dropzone__copy{gap:6px;display:grid}.converter-dropzone__copy strong{font-family:var(--font-display);letter-spacing:-.015em;font-size:21px}.converter-dropzone__copy small,.converter-dropzone__support,.converter-dropzone__privacy{color:var(--muted);font-size:12px;line-height:1.5}.converter-dropzone__button{background:var(--surface-pure);border:1px solid var(--control-border);box-shadow:0 7px 18px rgb(var(--shadow-rgb) / 8%);border-radius:12px;padding:12px 18px;font-size:13px;font-weight:750}.converter-dropzone__support{grid-column:2}.converter-dropzone__privacy{color:var(--privacy);text-align:right;grid-column:3}.converter-settings,.converter-queue,.converter-actions{background:var(--surface-translucent);border:1px solid var(--border-subtle);box-shadow:0 16px 45px rgb(var(--shadow-rgb) / 6%);border-radius:20px}.converter-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;display:grid}.converter-settings label{gap:8px;display:grid}.converter-settings label>span{font-size:12px;font-weight:750}.converter-settings select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 17px) 50% / 5px 5px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 12px) 50% / 5px 5px no-repeat, var(--surface-pure);border:1px solid var(--control-border);color:var(--foreground);font:inherit;border-radius:12px;width:100%;min-height:46px;padding:10px 34px 10px 12px;font-size:12px}.converter-settings select:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.converter-settings select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent)}}.converter-settings select:focus-visible{outline-offset:2px}.converter-settings__notice{border-top:1px solid var(--border-divider);color:var(--muted);grid-column:1/-1;margin:0;padding-top:14px;font-size:11px;line-height:1.6}.converter-queue{overflow:hidden}.converter-queue__heading{border-bottom:1px solid var(--border-divider);justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.converter-queue__heading h2{font-family:var(--font-display);margin:0;font-size:18px}.converter-queue__heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.converter-queue__heading>strong{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;font-size:11px}.converter-list{margin:0;padding:0;list-style:none}.converter-item{grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:112px;padding:15px 20px;display:grid}.converter-item+.converter-item{border-top:1px solid var(--border-divider)}.converter-item__thumbnail{aspect-ratio:16/9;background:var(--foreground);align-items:center}@supports (color:color-mix(in lab, red, red)){.converter-item__thumbnail{background:color-mix(in srgb, var(--foreground) 8%, var(--surface-soft))}}.converter-item__thumbnail{border:1px solid var(--border-subtle);color:var(--muted);font-family:var(--font-mono);border-radius:12px;justify-content:center;font-size:12px;font-weight:750;display:flex;overflow:hidden}.converter-item__thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.converter-item__body{min-width:0}.converter-item__title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.converter-item__title-row>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.converter-status{background:var(--surface-soft);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:800}.converter-status.is-converting{background:var(--primary-soft);color:var(--primary)}.converter-status.is-done{background:var(--privacy-soft);color:var(--privacy)}.converter-status.is-failed{background:var(--danger-soft);color:var(--danger)}.converter-item__meta{color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:9px;display:flex}.converter-progress{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.converter-progress{background:color-mix(in srgb, var(--primary) 12%, var(--surface-soft))}}.converter-progress{border-radius:999px;height:5px;margin-top:11px;overflow:hidden}.converter-progress span{background:linear-gradient(90deg, var(--primary), var(--primary-highlight));border-radius:inherit;height:100%;transition:width .16s linear;display:block}.converter-item__error,.converter-batch-error{color:var(--danger);margin:8px 0 0;font-size:10px;line-height:1.55}.converter-item__actions{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.converter-item__actions button,.converter-actions button{appearance:none;background:var(--surface-pure);border:1px solid var(--control-border);color:var(--foreground);cursor:pointer;border-radius:10px;min-height:34px;padding:7px 12px;font-size:10px;font-weight:750}.converter-item__actions button:hover:not(:disabled),.converter-actions button:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.converter-item__actions button:hover:not(:disabled),.converter-actions button:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}}.converter-item__actions button:hover:not(:disabled),.converter-actions button:hover:not(:disabled){color:var(--primary)}.converter-item__actions button:first-child:not(.is-secondary){background:var(--primary-soft);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.converter-item__actions button:first-child:not(.is-secondary){border-color:color-mix(in srgb, var(--primary) 22%, var(--border))}}.converter-item__actions button:first-child:not(.is-secondary){color:var(--primary)}.converter-batch-error{background:var(--danger-soft);border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.converter-batch-error{border:1px solid color-mix(in srgb, var(--danger) 22%, transparent)}}.converter-batch-error{border-radius:13px;margin:0;padding:12px 14px}.converter-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;padding:16px 18px;display:grid}.converter-actions>div{flex-wrap:wrap;gap:9px;display:flex}.converter-actions>div:nth-child(2){justify-content:flex-end}.converter-actions .primary-button{background:var(--primary);border-color:var(--primary);color:#fff;min-height:40px;padding-inline:20px;font-size:12px}.converter-actions .primary-button:hover:not(:disabled){background:var(--primary-hover);color:#fff}.converter-actions>small{color:var(--muted);grid-column:1/-1;font-size:9px}@media (width<=760px){.converter-dropzone{grid-template-columns:auto minmax(0,1fr);padding:24px 20px}.converter-dropzone__button{text-align:center;grid-column:1/-1}.converter-dropzone__support,.converter-dropzone__privacy{text-align:left;grid-column:1/-1}.converter-settings{grid-template-columns:1fr}.converter-settings__notice{grid-column:1}.converter-item{grid-template-columns:88px minmax(0,1fr);align-items:start;padding:14px}.converter-item__actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end}.converter-actions{grid-template-columns:1fr}.converter-actions>div:nth-child(2){justify-content:flex-start}}@media (width<=470px){.converter-dropzone__icon{width:48px;height:48px}.converter-dropzone__copy strong{font-size:18px}.converter-queue__heading{flex-direction:column;align-items:flex-start;gap:10px}.converter-item{grid-template-columns:1fr}.converter-item__thumbnail{max-width:128px}.converter-item__actions{grid-column:1;justify-content:flex-start}}.youtube-loop-tool{background:0 0;border:0;width:100%;max-width:none;margin:0;padding:0}.youtube-loop-input{background:var(--surface);border:1px solid var(--border-subtle);border-radius:28px;padding:24px 30px}.youtube-loop-input>label{margin-bottom:9px;font-size:13px;font-weight:760;display:block}.youtube-loop-input__row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.youtube-loop-input__row input{appearance:none;background:var(--surface-pure);border:1px solid var(--control-border);color:var(--foreground);border-radius:12px;width:100%;min-height:48px;padding:0 15px}.youtube-loop-input__row input[aria-invalid=true]{border-color:var(--danger)}.youtube-loop-input__row button,.youtube-loop-primary-action{appearance:none;background:var(--primary);border:1px solid var(--primary);color:#fff;cursor:pointer;border-radius:12px;min-height:48px;padding:0 22px;font-weight:760;transition:background .15s,transform .15s}.youtube-loop-input__row button:hover:not(:disabled),.youtube-loop-primary-action:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.youtube-loop-input__meta{justify-content:space-between;gap:16px;margin-top:9px;display:flex}.youtube-loop-input__meta p,.youtube-loop-range-status{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.youtube-loop-error{margin:9px 0 0;font-size:12px;color:var(--danger)!important}.youtube-loop-workspace{margin-top:24px}.youtube-loop-preview{flex-direction:column;gap:12px;width:100%;min-width:0;max-width:960px;margin-inline:auto;padding:24px;display:flex}.youtube-loop-player-shell{aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%,#ffffff12,#0000 18rem),#10151c;border-radius:18px;min-height:0;position:relative;overflow:hidden}.youtube-loop-player,.youtube-loop-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.youtube-loop-empty,.youtube-loop-loading{color:#ffffffb8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.youtube-loop-empty>span{color:#fff;font:760 16px var(--font-mono);border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:110px;height:64px;margin-bottom:18px;display:inline-flex}.youtube-loop-empty strong{color:#fff;font-size:19px}.youtube-loop-empty p{margin:8px 0 0;font-size:13px;line-height:1.6}.youtube-loop-loading{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:4;background:#0a0e13c7;gap:12px;font-size:13px}.youtube-loop-loading span{border:3px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.76s linear infinite youtube-loop-spin}@keyframes youtube-loop-spin{to{transform:rotate(360deg)}}.youtube-loop-range-actions{gap:8px;display:flex}.youtube-loop-range-actions button,.youtube-loop-history-actions button,.youtube-loop-player-error a{appearance:none;background:var(--surface-pure);border:1px solid var(--control-border);color:var(--foreground);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:11px;font-weight:730;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.youtube-loop-range-actions button:hover:not(:disabled),.youtube-loop-history-actions button:hover:not(:disabled),.youtube-loop-player-error a:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.youtube-loop-range-actions button:hover:not(:disabled),.youtube-loop-history-actions button:hover:not(:disabled),.youtube-loop-player-error a:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}}.youtube-loop-range-actions button:hover:not(:disabled),.youtube-loop-history-actions button:hover:not(:disabled),.youtube-loop-player-error a:hover{color:var(--primary);transform:translateY(-1px)}.youtube-loop-player-error{background:var(--danger-soft);border:1px solid var(--danger);align-items:center}@supports (color:color-mix(in lab, red, red)){.youtube-loop-player-error{border:1px solid color-mix(in srgb, var(--danger) 22%, transparent)}}.youtube-loop-player-error{color:var(--danger);border-radius:13px;justify-content:space-between;gap:14px;margin-top:10px;padding:12px 14px;display:flex}.youtube-loop-player-error strong{font-size:12px;line-height:1.5}.youtube-loop-range-panel{padding-top:14px;background:0 0;border:0;padding-inline:2px}.youtube-loop-controls-panel{background:var(--surface-pure);border:1px solid var(--control-border);border-radius:14px;padding:10px 14px}.youtube-loop-control-row{grid-template-columns:minmax(190px,220px) minmax(390px,1fr) auto;align-items:center;gap:20px;display:grid}.youtube-loop-speed-field{align-items:center;gap:10px;min-width:0;display:flex}.youtube-loop-speed-field>span{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}.youtube-loop-speed-input{background:var(--surface-pure);border:1px solid var(--control-border);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:110px;height:50px;display:grid;overflow:hidden}.youtube-loop-speed-input input{color:var(--foreground);cursor:text;font:760 14px var(--font-mono);text-align:center;background:0 0;border:0;width:100%;min-width:0;height:100%;padding:0 4px 0 12px}.youtube-loop-speed-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.youtube-loop-speed-input input:focus-visible{outline:none}.youtube-loop-speed-input>span{color:var(--muted);font:700 12px var(--font-mono);padding-right:10px}.youtube-loop-speed-input:has(input:disabled){cursor:not-allowed;opacity:.54}.youtube-loop-time-range{grid-template-columns:minmax(170px,190px) auto minmax(170px,190px);justify-content:center;align-items:center;gap:12px;display:grid}.youtube-loop-time-range .structured-time{min-width:0}.youtube-loop-range-actions button{min-height:50px;padding-inline:16px;font-size:13px}.youtube-loop-time-range__arrow{color:var(--muted);font-size:16px}.youtube-loop-range-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:36px;padding-inline:2px;display:flex;position:relative}.youtube-loop-range-slider__track{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.youtube-loop-range-slider__track{background:color-mix(in srgb, var(--foreground) 16%, var(--surface-soft))}}.youtube-loop-range-slider__track{cursor:pointer;border-radius:999px;flex-grow:1;height:6px;position:relative;overflow:hidden}.youtube-loop-range-slider__selection{background:var(--primary);border-radius:inherit;height:100%;position:absolute}.youtube-loop-range-slider__thumb{background:var(--surface-pure);border:2px solid var(--primary);cursor:grab;z-index:2;border-radius:50%;width:24px;height:24px;display:block;position:relative;box-shadow:0 2px 8px #0f172a2e}.youtube-loop-range-slider__thumb:active{cursor:grabbing}.youtube-loop-range-slider__thumb:focus-visible{box-shadow:0 0 0 4px var(--primary-soft), 0 2px 8px #0f172a2e;outline:2px solid var(--primary);outline-offset:2px}.youtube-loop-range-slider__playhead{background:var(--foreground);pointer-events:none;z-index:1;border-radius:999px;width:2px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.youtube-loop-range-slider__playhead-time{background:var(--foreground);color:var(--surface-pure);font:700 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:7px;padding:5px 7px;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.youtube-loop-range-slider__playhead--start .youtube-loop-range-slider__playhead-time{transform:translate(0)}.youtube-loop-range-slider__playhead--end .youtube-loop-range-slider__playhead-time{transform:translate(-100%)}.youtube-loop-range-slider[data-disabled]{opacity:.5}.youtube-loop-range-slider[data-disabled] .youtube-loop-range-slider__thumb{cursor:not-allowed}.youtube-loop-range-actions .youtube-loop-primary-action{background:var(--primary);border-color:var(--primary);color:#fff;min-height:50px}.youtube-loop-range-actions .youtube-loop-primary-action:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.youtube-loop-range-actions button:disabled{cursor:not-allowed;opacity:.54}.youtube-loop-range-status{margin-top:8px}.youtube-loop-history{display:grid}.youtube-loop-history-panel{background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:14px;padding:16px 18px}.youtube-loop-history-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.youtube-loop-history-header strong{font-size:13px}.youtube-loop-history-header small,.youtube-loop-history-empty{color:var(--muted);font-size:10px}.youtube-loop-history-empty{margin:14px 0 2px}.youtube-loop-history-list{margin:12px 0 0;padding:0;list-style:none;display:grid}.youtube-loop-history-list>li{border-top:1px solid var(--border-divider);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 0;display:grid}.youtube-loop-history-open{appearance:none;color:var(--foreground);cursor:pointer;text-align:left;background:0 0;border:0;gap:4px;min-width:0;padding:0;display:grid}.youtube-loop-history-open strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.youtube-loop-history-open span{color:var(--muted);font:500 10px var(--font-mono)}.youtube-loop-history-open:hover strong{color:var(--primary)}.youtube-loop-history-actions{gap:7px;display:flex}@media (width<=680px){.youtube-loop-input{border-radius:20px;padding:18px}.youtube-loop-input__row{grid-template-columns:1fr}.youtube-loop-workspace{margin-top:18px}.youtube-loop-preview{border-radius:20px;padding:18px}.youtube-loop-input__row button{width:100%}.youtube-loop-input__meta{display:block}.youtube-loop-input__meta p+p{margin-top:4px}.youtube-loop-control-row{grid-template-columns:1fr;gap:14px}.youtube-loop-time-range{grid-area:1/1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:space-between;gap:8px;width:100%}.youtube-loop-speed-field{grid-area:2/1}.youtube-loop-range-actions{grid-area:3/1;justify-content:flex-end}.youtube-loop-range-actions button{flex:1 1 0}.youtube-loop-history-list>li{grid-template-columns:1fr;align-items:stretch}.youtube-loop-history-actions button{flex:1 1 0}.youtube-loop-player-error{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.youtube-loop-loading span{animation-duration:1.6s}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}