.web-app{--web-bg:#f1f3f7;--web-surface:#ffffffe0;--web-surface-solid:#fff;--web-surface-muted:#f7f8fa;--web-border:#dfe3e9;--web-border-strong:#cbd2dc;--web-text:#1e2025;--web-muted:#626974;--web-subtle:#8b929d;--web-accent:#0879ed;--web-accent-soft:#e2efff;--web-accent-line:#5ca8ff;--web-success:#168a4b;--web-warning:#9b6600;--web-error:#c23b32;background:radial-gradient(circle at 18% -20%, #fffffff2, transparent 38%), var(--web-bg);min-height:100%;color:var(--web-text);padding:28px clamp(18px,4vw,64px) 22px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:14px;overflow:auto}.web-app button,.web-app input,.web-app select{font:inherit}.web-app button,.web-app select,.web-app input[type=range]{-webkit-tap-highlight-color:transparent}.web-header,.web-main,.web-footer{width:min(1400px,100%);margin:0 auto}.web-header{align-items:center;gap:16px;min-height:46px;margin-bottom:22px;display:flex}.web-logo{color:#17191d;letter-spacing:-.045em;align-items:center;gap:10px;font-size:25px;font-weight:760;display:inline-flex}.web-logo-mark{width:34px;height:34px;color:var(--web-accent);background:#fff;border:2px solid;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.web-status-dot{background:#99a1ad;border-radius:50%;width:7px;height:7px}.web-field select,.web-field input,.web-output-option strong{border:1px solid var(--web-border);background:var(--web-surface-solid);min-height:38px;color:var(--web-text);border-radius:9px}.web-import-bar{border:1px dashed var(--web-border-strong);background:#ffffff8c;border-radius:13px;min-height:80px;margin-bottom:16px;transition:all .18s}.web-import-bar.has-file{background:var(--web-surface);border-style:solid}.web-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.web-drop-button,.web-file-row{border-radius:inherit;width:100%;min-height:80px;color:var(--web-text);text-align:left;background:0 0;border:0;align-items:center;padding:12px 18px;display:flex}.web-drop-button{cursor:pointer;justify-content:center;gap:13px}.web-drop-button:hover{color:var(--web-accent)}.web-drop-button>span:last-child,.web-file-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.web-drop-button strong{font-size:15px}.web-drop-button small,.web-file-copy span{color:var(--web-muted);font-size:12px}.web-drop-icon,.web-file-icon,.web-empty-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.web-drop-icon{width:39px;height:39px;color:var(--web-accent);background:var(--web-accent-soft);border-radius:11px}.web-file-row{gap:12px}.web-file-icon{width:42px;height:42px;color:var(--web-accent);background:var(--web-accent-soft);border-radius:11px}.web-file-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.web-link-button{color:var(--web-accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-left:auto;padding:5px 2px 5px 12px;font-weight:650}.web-link-button:disabled{cursor:not-allowed;opacity:.5}.web-workspace{min-width:0;display:block}.web-left-column,.web-controls-panel{min-width:0}.web-preview-panel,.web-controls-panel,.web-queue-panel{border:1px solid var(--web-border);background:var(--web-surface);border-radius:14px;box-shadow:0 12px 35px #39455914,inset 0 1px #fffc}.web-preview-panel{overflow:hidden}.web-panel-topline,.web-preview-footer{color:var(--web-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.web-panel-topline{border-bottom:1px solid var(--web-border);min-height:42px;padding:0 14px;font-weight:650}.web-preview-frame{aspect-ratio:16/9;background:#e2e5e9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.web-preview-frame video{object-fit:contain;background:#17191d;width:100%;height:100%;display:block}.web-preview-empty{color:var(--web-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:30px;display:flex}.web-preview-empty strong{color:var(--web-text);font-size:15px}.web-preview-empty span:last-child{font-size:12px}.web-empty-icon{width:54px;height:54px;color:var(--web-accent);background:var(--web-accent-soft);border:1px solid #cfe3fc;border-radius:15px;margin-bottom:4px}.web-snapshot-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14171bad;border:1px solid #ffffff3d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:12px;right:12px}.web-snapshot-button:hover{background:#0879eddb}.web-preview-footer{border-top:1px solid var(--web-border);min-height:38px;padding:0 14px}.web-preview-caption{color:var(--web-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.web-controls-panel{flex-direction:column;gap:14px;padding:14px;display:flex}.web-mode-tabs{border:1px solid var(--web-border);background:var(--web-surface-muted);border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;display:grid}.web-mode-tabs button{min-height:36px;color:var(--web-muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 6px;font-size:12px;font-weight:650;overflow:hidden}.web-mode-tab-compact{display:none}.web-mode-tabs button:disabled{cursor:not-allowed;opacity:.55}.web-mode-tabs button.batch-tab{grid-column:1/-1}.web-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.web-field{flex-direction:column;gap:5px;min-width:0;display:flex}.web-field>span,.web-output-option>span{color:var(--web-muted);font-size:12px;font-weight:650}.web-field>span small{color:var(--web-subtle);font-weight:500}.web-field select,.web-field input{outline:none;width:100%;padding:0 10px}.web-field-wide{grid-column:span 2}.web-standard-grid{grid-template-columns:minmax(0,1fr) 64px 68px auto;align-items:end;gap:6px}.web-advanced-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr) minmax(0,.78fr) minmax(0,.7fr) auto;align-items:end;gap:6px}.web-gif-grid{grid-template-columns:minmax(0,1.15fr) 68px minmax(0,1fr);align-items:end;gap:6px}.web-audio-actions{align-items:flex-end;gap:6px;min-height:32px;display:flex}.web-audio-button{border:1px solid var(--web-border);background:var(--web-surface);width:32px;min-width:32px;height:32px;color:var(--web-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:border-color .14s,background .14s,color .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.web-audio-button:hover:not(:disabled){border-color:var(--web-accent);background:var(--web-surface-solid);color:var(--web-text)}.web-audio-button.web-mute-button.active{border-color:color-mix(in srgb, var(--web-error) 68%, var(--web-border));background:color-mix(in srgb, var(--web-error) 14%, var(--web-surface));color:var(--web-error)}.web-audio-button.web-normalize-button.active{border-color:color-mix(in srgb, var(--web-accent) 68%, var(--web-border));background:color-mix(in srgb, var(--web-accent) 14%, var(--web-surface));color:var(--web-accent)}.web-audio-button:disabled{cursor:not-allowed;opacity:.45}.web-audio-icon{flex:none;display:block}.web-toggle{min-height:38px;color:var(--web-text);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.web-toggle input{width:16px;height:16px;accent-color:var(--web-accent);margin:0}.web-toggle-wide{grid-column:span 2}.web-lossless-note,.web-batch-note{color:var(--web-muted);background:#f1f7ff;border:1px solid #cfe3fc;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:12px;line-height:1.45;display:flex}.web-lossless-note>div,.web-batch-note{flex-direction:column;gap:3px;display:flex}.web-note-icon{width:28px;height:28px;color:var(--web-accent);background:#dcecff;border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex}.web-lossless-note .web-toggle,.web-lossless-note .web-lossless-audio-toggle{white-space:nowrap;margin-left:auto}.web-lossless-audio-toggle{border:1px solid var(--web-border);background:var(--web-surface);min-width:0;min-height:32px;color:var(--web-muted);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;line-height:1;transition:border-color .14s,background .14s,color .14s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e}.web-lossless-audio-toggle:hover:not(:disabled){border-color:var(--web-accent);background:var(--web-surface-solid);color:var(--web-text)}.web-lossless-audio-toggle.active{border-color:color-mix(in srgb, var(--web-error) 68%, var(--web-border));background:color-mix(in srgb, var(--web-error) 14%, var(--web-surface));color:var(--web-error)}.web-lossless-audio-toggle:disabled{cursor:not-allowed;opacity:.45}.web-lossless-title-row{align-items:center;gap:8px;min-width:0;display:flex}.web-lossless-status{color:var(--web-accent-line);white-space:nowrap;font-size:10px;font-weight:650}.web-lossless-status[role=alert]{color:var(--web-error)}.web-timeline{border:1px solid var(--web-border);background:#ffffffa8;border-radius:11px;padding:13px 12px 10px}.web-section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.web-section-heading>div{align-items:baseline;gap:9px;min-width:0;display:flex}.web-section-label{color:var(--web-text);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:760}.web-section-heading strong{color:var(--web-muted);font-size:12px;font-weight:550}.web-timeline-range,.web-queue-note{color:var(--web-subtle);white-space:nowrap;font-size:12px}.web-timeline-track-wrap{height:27px;margin:0 3px;position:relative}.web-timeline-track,.web-timeline-click-target,.web-range{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.web-timeline-track{background:linear-gradient(to right, #d8dce3 0 var(--trim-start), var(--web-accent) var(--trim-start) var(--trim-end), #d8dce3 var(--trim-end) 100%);border-radius:8px;height:5px}.web-timeline-click-target{z-index:1;cursor:pointer;background:0 0;border:0;height:30px;padding:0}.web-timeline-playhead{background:#1a2029;border-radius:3px;width:2px;height:20px;position:absolute;top:50%;transform:translate(-1px,-50%);box-shadow:0 0 0 2px #ffffffbf}.web-range{z-index:2;appearance:none;pointer-events:none;background:0 0;width:100%;height:27px;margin:0}.web-range::-webkit-slider-runnable-track{background:0 0;height:5px}.web-range::-moz-range-track{background:0 0;height:5px}.web-range::-webkit-slider-thumb{appearance:none;background:var(--web-accent);width:12px;height:23px;box-shadow:0 1px 5px #12509659, 0 0 0 1px var(--web-accent-line);cursor:ew-resize;pointer-events:auto;border:2px solid #fff;border-radius:5px}.web-range::-moz-range-thumb{background:var(--web-accent);width:8px;height:19px;box-shadow:0 1px 5px #12509659, 0 0 0 1px var(--web-accent-line);cursor:ew-resize;pointer-events:auto;border:2px solid #fff;border-radius:5px}.web-range:disabled{cursor:not-allowed;opacity:.5}.web-range-start{z-index:3}.web-timeline-labels{color:var(--web-subtle);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.web-output-panel{grid-template-columns:1fr 1fr;gap:10px;display:grid}.web-output-option{flex-direction:column;gap:5px;display:flex}.web-output-option strong{align-items:center;padding:0 10px;font-size:13px;font-weight:550;display:flex}.web-export-summary{min-height:20px;color:var(--web-muted);text-align:center;font-size:12px}.web-export-button{background:var(--web-accent);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:15px;font-weight:720;transition:all .16s;display:inline-flex;box-shadow:0 7px 18px #0879ed3d}.web-export-button:hover:not(:disabled){background:#006fe0;transform:translateY(-1px);box-shadow:0 9px 24px #0879ed52}.web-export-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.web-progress-panel{flex-direction:column;gap:8px;padding-top:2px;display:flex}.web-progress-line{color:var(--web-muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.web-progress-line strong{color:var(--web-text)}.web-progress-eta{color:var(--web-muted);font-variant-numeric:tabular-nums;align-self:flex-end;font-size:12px}.web-progress-track{background:#e0e5eb;border-radius:10px;height:7px;overflow:hidden}.web-progress-track span{border-radius:inherit;background:var(--web-accent);height:100%;transition:width .18s;display:block}.web-last-export{color:var(--web-success);align-items:center;gap:5px;font-size:12px;display:inline-flex}.web-queue-panel{margin-top:16px;padding:14px}.web-queue-panel .web-section-heading{margin-bottom:10px}.web-queue-heading-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.web-queue-retry-all,.web-queue-retry{border:1px solid color-mix(in srgb, var(--web-accent) 42%, var(--web-border));background:color-mix(in srgb, var(--web-accent) 10%, var(--web-surface));color:var(--web-accent);white-space:nowrap;border-radius:7px;font-size:11px;font-weight:700}.web-queue-retry-all{flex:none;min-height:28px;padding:4px 8px}.web-queue-retry-all:hover:not(:disabled),.web-queue-retry:hover:not(:disabled){border-color:var(--web-accent);background:color-mix(in srgb, var(--web-accent) 18%, var(--web-surface))}.web-queue-retry-all:focus-visible,.web-queue-retry:focus-visible,.web-queue-move:focus-visible{border-color:var(--web-accent-line);box-shadow:0 0 0 3px color-mix(in srgb, var(--web-accent) 18%, transparent);outline:none}.web-queue-retry-all:disabled,.web-queue-retry:disabled,.web-queue-move:disabled{cursor:default;opacity:.42}.web-queue-list{flex-direction:column;gap:5px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.web-queue-list li{align-items:center;gap:4px;min-width:0;display:flex;position:relative}.web-queue-list li.dragging{opacity:.52}.web-queue-list li.drag-over .web-queue-item{border-color:var(--web-accent-line);background:color-mix(in srgb, var(--web-accent) 12%, var(--web-surface))}.web-queue-list .web-queue-item{width:100%;min-width:0;min-height:36px;color:var(--web-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;flex:auto;grid-template-columns:26px 12px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 8px;display:grid}.web-queue-list .web-queue-item:disabled{cursor:default;opacity:.68}.web-queue-drag-handle{color:var(--web-subtle);letter-spacing:-3px;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1;overflow:hidden}.web-queue-controls{flex:none;align-items:center;gap:2px;display:flex}.web-queue-move{width:22px;height:28px;color:var(--web-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 22px;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:inline-flex}.web-queue-move:hover:not(:disabled){border-color:var(--web-border);background:color-mix(in srgb, var(--web-accent) 8%, var(--web-surface));color:var(--web-text)}.web-queue-retry{min-height:28px;padding:3px 6px}.web-queue-list .web-queue-remove{width:28px;height:28px;color:var(--web-subtle);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 28px;padding:0;font-size:18px;line-height:1}.web-queue-list .web-queue-remove:disabled{cursor:not-allowed;opacity:.42}.web-queue-index{width:23px;height:23px;color:var(--web-muted);background:#e9edf2;border-radius:7px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.web-queue-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.web-queue-size{color:var(--web-subtle);font-size:11px}.web-footer{color:var(--web-subtle);justify-content:space-between;align-items:center;gap:18px;padding:20px 3px 0;font-size:11px;display:flex}.web-footer a{color:var(--web-muted);text-decoration:none}.web-footer a:hover{color:var(--web-accent)}.web-notice{z-index:20;border:1px solid var(--web-border);max-width:min(420px,100vw - 44px);color:var(--web-text);background:#fff;border-radius:10px;padding:12px 15px;font-size:13px;line-height:1.4;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 34px #2933432e}@media (max-width:1050px){.web-workspace{grid-template-columns:1fr}.web-left-column{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;gap:16px;display:grid}.web-queue-panel{margin-top:0}}@media (max-width:700px){.web-app{padding:18px 12px}.web-header{flex-wrap:wrap;align-items:flex-start;margin-bottom:16px}.web-left-column{flex-direction:column;display:flex}.web-settings-grid{grid-template-columns:1fr 1fr}.web-field-wide,.web-toggle-wide{grid-column:auto}.web-mode-tabs button{font-size:11px}.web-lossless-note{flex-wrap:wrap}.web-lossless-note .web-toggle,.web-lossless-note .web-lossless-audio-toggle{justify-content:flex-start;width:100%;margin-left:38px}.web-footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){.web-app *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.web-app{--web-bg:#041326;--web-surface:#0b1f3ac7;--web-surface-solid:#0b1f3a;--web-surface-muted:#09192fcc;--web-border:#8bb1de38;--web-border-strong:#7db8ff6b;--web-text:#f6f9ff;--web-muted:#b9c8de;--web-subtle:#7f94af;--web-accent:#2e8cff;--web-accent-soft:#2e8cff24;--web-accent-line:#59b5ff;--web-success:#66df9b;--web-warning:#f4c66b;--web-error:#ff8c86;height:100vh;min-height:100vh;color:var(--web-text);scroll-behavior:smooth;background:radial-gradient(circle at 12% -10%,#2c76ce4d,#0000 30%),radial-gradient(circle at 88% 18%,#226aad29,#0000 28%),linear-gradient(#041326 0%,#06182d 48%,#041326 100%);padding:0 0 64px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow:hidden auto}.web-app:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(#97c5ff09 1px,#0000 1px),linear-gradient(90deg,#97c5ff09 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.web-app>*{z-index:1;position:relative}.web-header,.web-main,.web-footer{width:min(1240px,100% - 40px);margin-left:auto;margin-right:auto}.web-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030d1cd1;border-bottom:1px solid #8bb1de29;justify-content:space-between;align-items:center;width:100%;height:68px;min-height:68px;margin-bottom:0;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.web-logo{color:var(--web-text);letter-spacing:-.045em;align-items:center;gap:10px;font-size:23px;font-weight:780;text-decoration:none;display:inline-flex}.web-logo picture{display:inline-flex}.web-logo-mark{object-fit:contain;background:0 0;border:0;border-radius:22%;flex:none;width:34px;height:34px;display:block;box-shadow:inset 0 1px #fff3,0 8px 18px #00081433}.web-header-nav{align-items:center;gap:32px;margin-left:auto;display:flex}.web-header-nav a,.web-footer a{color:var(--web-muted);text-decoration:none;transition:color .16s}.web-header-nav a{align-items:center;gap:5px;font-size:15px;font-weight:610;display:inline-flex}.web-header-nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px;height:15px}.web-header-nav a:hover,.web-footer a:hover{color:var(--web-accent-strong,var(--web-accent-line))}.web-mobile-navigation{display:none}.web-mobile-menu-button{border:1px solid var(--web-border);width:44px;height:44px;color:var(--web-text);cursor:pointer;background:#091b33b8;border-radius:10px;justify-content:center;align-items:center;padding:0;list-style:none;display:none}.web-mobile-menu-button::marker{display:none}.web-mobile-menu-button::-webkit-details-marker{display:none}.web-mobile-menu-button:hover{border-color:var(--web-border-strong);background:var(--web-accent-soft);color:var(--web-accent-line)}.web-mobile-menu-button:focus-visible{outline:2px solid var(--web-accent-line);outline-offset:2px}.web-mobile-menu-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.web-mobile-nav a{min-height:44px;color:var(--web-muted);border-radius:9px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:15px;font-weight:610;text-decoration:none;display:inline-flex}.web-mobile-nav a:hover{background:var(--web-accent-soft);color:var(--web-text)}.web-mobile-nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px;height:15px}.web-status-dot{background:#6683a3}.web-editor-secure .web-status-dot{background:var(--web-success);box-shadow:0 0 0 3px #66df9b1f}.web-field select,.web-field input{border-color:var(--web-border);color:var(--web-text);background:#091b33db}.web-main{width:min(1240px,100% - 40px);max-width:100%}.web-hero>*,.web-marketing>*{min-width:0}.web-hero{grid-template-columns:minmax(280px,.78fr) minmax(560px,1.22fr);align-items:center;gap:clamp(34px,5.6vw,84px);min-height:min(780px,100vh - 68px);padding:clamp(58px,8vw,112px) 0 clamp(70px,9vw,120px);display:grid}.web-demo-section{border-top:1px solid #8bb1de29;min-height:0}.web-hero-copy{width:100%;max-width:510px}.web-eyebrow,.web-editor-kicker{color:var(--web-accent-line);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800;display:inline-block}.web-hero-copy h1,.web-hero-copy h2{overflow-wrap:anywhere;max-width:640px;color:var(--web-text);letter-spacing:-.065em;margin:17px 0 23px;font-size:clamp(45px,5.3vw,77px);font-weight:760;line-height:.99}.web-hero-lede{max-width:530px;color:var(--web-muted);margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.45}.web-hero-actions,.web-marketing-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:30px;display:flex}.web-hero-points{color:var(--web-muted);gap:13px;margin:34px 0 0;padding:0;list-style:none;display:grid}.web-hero-points li{align-items:flex-start;gap:11px;display:flex}.web-hero-points svg{color:var(--web-accent-cyan,#6fe7ff);flex:none;margin-top:3px}.web-hero-points strong{color:var(--web-text);font-weight:700}.web-editor-column{border:1px solid var(--web-border-strong);background:linear-gradient(145deg,#0c2444ed,#051529eb);border-radius:13px;min-width:0;padding:17px;box-shadow:0 28px 70px #00091761,inset 0 1px #c5e1ff1a}.web-editor-heading{justify-content:space-between;align-items:center;gap:14px;margin:1px 2px 14px;display:flex}.web-editor-heading>div{flex-direction:column;gap:2px;display:flex}.web-editor-heading strong{color:var(--web-text);font-size:14px}.web-editor-secure{color:var(--web-muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.web-editor-secure .web-status-dot{width:6px;height:6px}.web-editor-column .web-import-bar{margin-bottom:12px}.web-import-bar{background:#081b339e;border-color:#7db8ff70;min-height:78px}.web-import-bar.has-file{background:#0b2443e6}.web-import-bar.dragging{border-color:var(--web-accent-line);background:#2e8cff29;box-shadow:0 0 0 4px #2e8cff1c}.web-drop-button,.web-file-row{color:var(--web-text)}.web-drop-button:hover,.web-link-button{color:var(--web-accent-line)}.web-drop-button small,.web-file-copy span{color:var(--web-muted)}.web-drop-icon,.web-file-icon,.web-empty-icon{color:var(--web-accent-line);background:#2e8cff24}.web-empty-icon{border-color:#7db8ff57}.web-workspace{display:block}.web-preview-panel,.web-controls-panel,.web-queue-panel{border-color:var(--web-border);background:var(--web-surface);box-shadow:0 12px 35px #00051033,inset 0 1px #d2e7ff0f}.web-panel-topline,.web-preview-footer{border-color:var(--web-border);color:var(--web-muted)}.web-preview-frame{background:#020914}.web-preview-empty,.web-section-heading>div,.web-section-label{color:var(--web-muted)}.web-preview-empty strong,.web-section-label,.web-section-heading strong,.web-progress-line strong,.web-queue-name{color:var(--web-text)}.web-preview-caption,.web-timeline-range,.web-queue-note,.web-timeline-labels,.web-field>span,.web-output-option>span{color:var(--web-subtle)}.web-controls-panel{gap:13px;padding:13px}.web-mode-tabs,.web-timeline{border-color:var(--web-border);background:#04132685}.web-mode-tabs button{color:var(--web-muted)}.web-mode-tabs button:hover:not(:disabled),.web-mode-tabs button.active{color:var(--web-accent-line);background:var(--web-accent-soft);box-shadow:inset 0 0 0 1px #59b5ff7a}.web-field>span{font-weight:700}.web-field>span small,.web-field-hint{color:var(--web-subtle);font-size:11px;font-weight:500}.web-field select,.web-field input{outline:none;min-height:38px}.web-field select:focus,.web-field input:focus{border-color:var(--web-accent-line);box-shadow:0 0 0 3px #2e8cff26}.web-field input::placeholder{color:var(--web-subtle)}.web-toggle{color:var(--web-muted)}.web-lossless-note,.web-batch-note{color:var(--web-muted);background:#1c5b9e2e;border-color:#59b5ff52}.web-lossless-note strong,.web-batch-note strong{color:var(--web-text)}.web-note-icon{color:var(--web-accent-line);background:#2e8cff2e}.web-timeline-track{background:linear-gradient(to right, #809fc159 0 var(--trim-start), var(--web-accent) var(--trim-start) var(--trim-end), #809fc159 var(--trim-end) 100%)}.web-timeline-playhead{background:var(--web-text);box-shadow:0 0 0 2px #041326bf}.web-range::-webkit-slider-thumb{background:var(--web-accent);box-shadow:0 1px 5px #0011278c, 0 0 0 1px var(--web-accent-line);border-color:#d9efff}.web-range::-moz-range-thumb{background:var(--web-accent);box-shadow:0 1px 5px #0011278c, 0 0 0 1px var(--web-accent-line);border-color:#d9efff}.web-export-summary{color:var(--web-muted)}.web-export-button{background:linear-gradient(135deg,#2e8cff,#1769d1);box-shadow:0 9px 24px #1469d447}.web-export-button:hover:not(:disabled){background:linear-gradient(135deg,#59b5ff,#2e8cff);box-shadow:0 11px 28px #1469d461}.web-export-button.cancel{background:#29415f}.web-progress-track{background:#7597be3d}.web-progress-track span{background:linear-gradient(90deg, var(--web-accent), var(--web-accent-line))}.web-last-export{color:var(--web-success)}.web-queue-list li.active .web-queue-item,.web-queue-list .web-queue-item:hover,.web-queue-list .web-queue-remove:hover:not(:disabled){background:#2e8cff21;border-color:#59b5ff59}.web-queue-list .web-queue-remove:hover:not(:disabled){color:var(--web-accent-line)}.web-queue-index{color:var(--web-muted);background:#77a0cf2e}.web-queue-size{color:var(--web-subtle)}.web-footer{color:var(--web-subtle);border-top:1px solid #8bb1de29;flex-wrap:wrap;padding-top:30px}.web-footer a{color:var(--web-muted)}.web-notice{border-color:var(--web-border-strong);color:var(--web-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061a33f5;box-shadow:0 16px 40px #0007146b}.web-notice.success{color:var(--web-success);border-color:#66df9b80}.web-notice.warning{color:var(--web-warning);border-color:#f4c66b8f}.web-notice.error{color:var(--web-error);border-color:#ff8c868f}.web-editor-column{--web-bg:#ececf0;--web-surface:#ffffff8c;--web-surface-solid:#ffffffb8;--web-surface-muted:#0000000a;--web-border:#00000017;--web-border-strong:#00000029;--web-text:#000000e0;--web-muted:#0000009e;--web-subtle:#00000070;--web-accent:#007aff;--web-accent-soft:#007aff1f;--web-accent-line:#0071e3;--web-success:#28cd41;--web-warning:#ff9500;--web-error:#ff3b30;--web-card-top:inset 0 1px 0 #ffffffeb, inset 0 -1px 0 #0000000a;border:1px solid var(--web-border);background:var(--web-bg);width:100%;max-width:460px;color:var(--web-text);border-radius:12px;justify-self:center;padding:12px 14px 14px;scroll-margin-top:84px;box-shadow:0 2px 10px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffffeb}.web-editor-heading{margin:0 2px 8px}.web-editor-kicker{color:var(--web-muted);letter-spacing:.08em;font-size:9px}.web-editor-heading strong{font-size:13px;font-weight:650}.web-editor-secure{color:var(--web-muted);font-size:10px}.web-editor-column .web-import-bar{border-color:var(--web-border);background:var(--web-surface);min-height:80px;margin-bottom:8px;box-shadow:0 2px 10px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffffeb}.web-editor-column .web-file-row{gap:10px;min-height:80px;padding:7px 10px}.web-editor-column .web-file-icon{border-radius:8px;flex-basis:30px;width:30px;height:30px}.web-editor-column .web-file-copy strong{font-size:13px}.web-editor-column .web-link-button{font-size:11px}.web-editor-column .web-workspace{display:block}.web-editor-column .web-controls-panel{box-shadow:none;background:0 0;border:0;gap:5px;padding:0}.web-editor-column .web-mode-tabs{background:var(--web-surface);box-shadow:var(--web-card-top);border-radius:8px;gap:2px;padding:2px}.web-editor-column .web-mode-tabs button{min-height:28px;color:var(--web-muted);border-radius:6px;font-size:11px}.web-editor-column .web-settings-grid{gap:8px}.web-editor-column .web-field>span,.web-editor-column .web-toggle{color:var(--web-muted);font-size:12px}.web-editor-column .web-field select,.web-editor-column .web-field input{border-color:var(--web-border);background-color:var(--web-surface);min-height:32px;color:var(--web-text);box-shadow:var(--web-card-top);border-radius:6px;padding:5px 28px 5px 10px;font-size:13px}.web-editor-column .web-field>span small,.web-editor-column .web-field-hint{color:var(--web-subtle)}.web-editor-column .web-toggle{min-height:32px;font-weight:500}.web-editor-column .web-toggle input{accent-color:var(--web-accent)}.web-editor-column .web-preview-panel,.web-editor-column .web-timeline,.web-editor-column .web-queue-panel{border-color:var(--web-border);background:var(--web-surface);box-shadow:0 2px 10px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffffeb}.web-editor-column .web-preview-panel{border-radius:12px;width:100%;max-width:432px;margin:0 auto}.web-editor-column .web-panel-topline{border-color:var(--web-border);min-height:30px;color:var(--web-muted);padding:0 10px;font-size:11px}.web-editor-column .web-preview-frame{background:#000}.web-editor-column .web-preview-frame video{background:#000;object-fit:contain!important}.web-editor-column .web-preview-frame .preview-crop-active>video{object-fit:cover!important}.web-preview-play-button{color:#ffffffeb;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%);background:#00000061;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:opacity .15s cubic-bezier(.23,1,.32,1),background .15s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000003d}.web-preview-frame:hover .web-preview-play-button,.web-preview-frame:focus-within .web-preview-play-button{opacity:1;pointer-events:auto}.web-preview-play-button:hover:not(:disabled){background:#0a84ffdb}.web-preview-play-button:disabled{cursor:not-allowed;opacity:.45}.web-editor-column .web-snapshot-button{background:#00000061;border-color:#ffffff29;border-radius:50%;width:28px;height:28px;top:8px;right:8px}.web-editor-column .web-preview-footer{border-color:var(--web-border);min-height:28px;color:var(--web-muted);padding:0 10px;font-size:11px}.web-editor-column .web-timeline{border-radius:12px;padding:8px 10px}.web-editor-column .web-section-heading{margin-bottom:5px}.web-editor-column .web-section-label{color:var(--web-muted);letter-spacing:.035em;font-size:11px}.web-editor-column .web-section-heading strong{color:var(--web-text);font-size:11px}.web-editor-column .web-timeline-range,.web-editor-column .web-timeline-labels,.web-editor-column .web-queue-note{color:var(--web-subtle);font-size:10px}.web-editor-column .web-timeline-track-wrap{height:20px}.web-editor-column .web-timeline-labels{margin-top:5px}.web-editor-column .web-timeline-track{background:linear-gradient(to right, #0000001f 0 var(--trim-start), var(--web-accent) var(--trim-start) var(--trim-end), #0000001f var(--trim-end) 100%)}.web-editor-column .web-timeline-playhead{background:var(--web-text);box-shadow:0 0 0 2px #ececf0e0}.web-editor-column .web-range::-webkit-slider-thumb{background:var(--web-accent);border-color:#ffffff59;box-shadow:0 2px 8px #0000004d,0 0 0 2px #0a84ff52}.web-editor-column .web-range::-moz-range-thumb{background:var(--web-accent);border-color:#ffffff59;box-shadow:0 2px 8px #0000004d}.web-editor-column .web-lossless-note,.web-editor-column .web-batch-note{border-color:var(--web-border-subtle,#ffffff12);background:var(--web-surface);color:var(--web-muted)}.web-editor-column .web-lossless-note strong,.web-editor-column .web-batch-note strong{color:var(--web-text)}.web-editor-column .web-note-icon{color:var(--web-accent);background:#0a84ff1f}.web-editor-column .web-export-summary{min-height:18px;color:var(--web-muted);font-size:11px}.web-editor-column .web-export-button{background:linear-gradient(#409cff 0%,#0a84ff 100%);border:1px solid #ffffff38;border-radius:12px;min-height:42px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #0a84ff52,inset 0 1px #ffffff47}.web-editor-column .web-progress-track{background:#0000001f}.web-editor-column .web-progress-track span{background:linear-gradient(90deg,#0a84ff,#409cff)}@media (hover:none){.web-preview-play-button{opacity:1;pointer-events:auto}}.web-marketing-text-link{color:var(--web-accent-line);font-size:13px;font-weight:700;text-decoration:none}.web-marketing-text-link:hover{color:#bceaff}.desktop-download-primary{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.web-demo-callout{max-width:310px;color:var(--web-muted);margin:0;font-size:13px;line-height:1.45}.web-demo-callout a{color:var(--web-accent-line);text-underline-offset:3px;font-weight:760;-webkit-text-decoration:underline #59b5ff80;text-decoration:underline #59b5ff80}.web-demo-callout a:hover{color:var(--web-text)}@media (max-width:560px){.web-hero-actions .web-marketing-text-link{text-align:center}}@media (max-width:1120px){.web-header-nav{gap:14px;margin-left:18px}.web-hero{grid-template-columns:minmax(250px,.7fr) minmax(500px,1.3fr);gap:34px}.web-workspace{grid-template-columns:1fr}.web-editor-column .web-left-column{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:12px;display:grid}.web-editor-column .web-queue-panel{margin-top:0}}@media (max-width:820px){.web-header-nav{display:none}.web-mobile-navigation{display:block;position:relative}.web-mobile-navigation>.web-mobile-menu-button{display:inline-flex}.web-mobile-navigation[open]>.web-mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030d1cf5;border-bottom:1px solid #8bb1de33;gap:2px;width:min(260px,100vw - 28px);padding:10px 14px 14px;display:grid;position:absolute;top:calc(100% + 1px);left:auto;right:0;box-shadow:0 18px 30px #00081447}.web-hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.web-hero-copy{max-width:700px}.web-editor-column .web-left-column{flex-direction:column;display:flex}}@media (max-width:560px){.web-header,.web-main,.web-footer{width:calc(100% - 28px)}.web-header{width:100%;padding:0 14px}.web-hero{padding:48px 0 65px}.web-hero-copy h1,.web-hero-copy h2{width:100%;font-size:clamp(42px,12vw,62px)}.web-hero-lede{font-size:15px}.web-editor-column{padding:10px}.web-editor-heading{flex-direction:column;align-items:flex-start}.web-settings-grid{grid-template-columns:1fr}.web-field-wide,.web-toggle-wide{grid-column:span 2}.web-hero-actions{flex-direction:column;align-items:stretch}}.web-editor-column{--web-border-subtle:#0000000d;padding:8px 13px 14px}.web-editor-column .web-import-bar{height:80px;min-height:80px;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:5px}.web-editor-column .web-drop-button,.web-editor-column .web-file-row{box-sizing:border-box;border-radius:12px;height:80px;min-height:80px;padding:12px 16px;font-family:inherit}.web-editor-column .web-drop-button{border:1px dashed var(--web-border);background:var(--web-surface);color:var(--web-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;box-shadow:0 2px 10px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffffeb}.web-editor-column .web-drop-button:hover{border-color:var(--web-accent);background:var(--web-surface-solid);color:var(--web-text)}.web-drop-label{width:100%;color:inherit;text-align:center;word-break:break-all;font-size:13px;display:block}.web-browse-button{border:1px solid var(--web-border);background:var(--web-surface-solid);min-height:32px;box-shadow:var(--web-card-top);color:var(--web-text);border-radius:6px;align-items:center;padding:6px 16px;font-size:13px;display:inline-flex}.web-editor-column .web-file-row{border:1px solid var(--web-border-subtle);background:var(--web-surface);color:var(--web-text);cursor:pointer;gap:10px;box-shadow:0 2px 10px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffffeb}.web-editor-column .web-file-row:hover:not(:disabled){border-color:color-mix(in srgb, var(--web-accent) 42%, var(--web-border));background:var(--web-surface-solid)}.web-editor-column .web-file-row:disabled{cursor:not-allowed;opacity:.58}.web-editor-column .web-file-icon{background:color-mix(in srgb, var(--web-accent) 12%, var(--web-surface-solid));width:30px;height:30px;color:var(--web-accent);border-radius:8px;flex-basis:30px}.web-editor-column .web-file-copy strong{font-size:13px;font-weight:600}.web-editor-column .web-file-copy span{font-size:10px}.web-editor-column .web-link-button{font-size:11px;font-weight:600}.web-editor-column .web-mode-tabs{background:var(--web-surface);box-shadow:var(--web-card-top);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:2px}.web-editor-column .web-mode-tabs button{min-height:28px;color:var(--web-muted);border:1px solid #0000;border-radius:6px;padding:0;font-size:11px;font-weight:600}.web-editor-column .web-mode-tabs button.batch-tab{grid-column:auto}.web-editor-column .web-mode-tabs button:hover:not(:disabled),.web-editor-column .web-mode-tabs button.active{color:var(--web-accent);box-shadow:var(--web-card-top);background:#007aff1a;border-color:#007aff61}.web-editor-column .web-settings-grid{align-items:end;gap:8px;height:auto;min-height:49.5px}.web-editor-column .web-standard-grid{grid-template-columns:minmax(112px,1.4fr) minmax(74px,.85fr) minmax(78px,1fr) auto}.web-editor-column .web-standard-grid .web-field:nth-child(2) select,.web-editor-column .web-standard-grid .web-field:nth-child(3) select{background-position:right 4px center;padding-left:8px;padding-right:16px}.web-editor-column .web-advanced-grid{grid-template-columns:minmax(70px,.9fr) minmax(96px,1.25fr) minmax(74px,.95fr) minmax(70px,.9fr) auto}.web-editor-column .web-advanced-grid .web-field select{background-position:right 4px center;padding-left:6px;padding-right:18px;font-size:12px}.web-editor-column .web-gif-grid{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}.web-editor-column .web-gif-grid .web-field:nth-child(2) select{padding-left:8px;padding-right:16px}.web-editor-column .web-field{gap:3px;font-size:12px}.web-editor-column .web-field>span{color:var(--web-muted);font-size:12px;font-weight:400}.web-editor-column .web-field select,.web-editor-column .web-field input{border-color:var(--web-border);background-color:var(--web-surface);min-height:32px;box-shadow:var(--web-card-top);color:var(--web-text);border-radius:6px;padding:5px 28px 5px 10px;font-size:13px}.web-editor-column .web-field input{padding-right:10px}.web-editor-column .web-field select:hover,.web-editor-column .web-field input:hover{border-color:var(--web-accent);background-color:var(--web-surface-solid)}.web-editor-column .web-field select:focus,.web-editor-column .web-field input:focus{border-color:var(--web-accent-line);box-shadow:0 0 0 3px #0a84ff52}.web-editor-column .web-audio-actions{justify-content:flex-end;align-self:end;gap:4px;min-height:32px}.web-editor-column .web-audio-button{background:var(--web-surface);width:32px;min-width:32px;height:32px;box-shadow:var(--web-card-top);border-radius:6px;padding:0}.web-editor-column .web-audio-button:hover:not(:disabled){background:var(--web-surface-solid);color:var(--web-text)}.web-editor-column .web-lossless-note{height:49.5px;min-height:49.5px;color:var(--web-muted);background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0 2px;font-size:11px;line-height:1.25}.web-lossless-settings-hint{min-width:0;color:var(--web-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.web-editor-column .web-lossless-audio-toggle{background:var(--web-surface);width:auto;min-width:0;height:32px;color:var(--web-muted);border-radius:6px;padding:0 9px;font-size:11px;font-weight:500}.web-editor-column .web-lossless-audio-toggle:hover:not(:disabled){background:var(--web-surface-solid);color:var(--web-text)}.web-editor-column .web-preview-panel{aspect-ratio:16/9;background:var(--web-surface);border:0;border-radius:12px;align-self:center;width:100%;max-width:432px;height:auto;margin:0;box-shadow:0 2px 10px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffffeb}.web-editor-column .web-preview-frame{aspect-ratio:auto;background:#000;width:100%;height:100%}.web-editor-column .web-preview-frame video{background:#000}.web-preview-placeholder{z-index:1;color:var(--web-subtle);letter-spacing:.01em;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.web-preview-placeholder-icon{color:color-mix(in srgb, var(--web-muted) 72%, transparent)}.web-preview-time-overlay{z-index:3;color:#ffffffeb;pointer-events:none;-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%);background:#00000061;border:1px solid #ffffff29;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;right:8px;box-shadow:0 2px 6px #0000003d}.web-editor-column .web-snapshot-button{z-index:4;background:#00000061;border-color:#ffffff29;border-radius:50%;width:28px;height:28px;top:8px;right:8px}.web-editor-column .web-timeline{z-index:5;border:1px solid var(--web-border-subtle);background:var(--web-surface);contain:layout style;border-radius:12px;flex-direction:column;flex:0 0 90px;gap:5px;min-width:0;max-width:100%;height:90px;padding:8px 10px;display:flex;position:relative;box-shadow:0 2px 10px #00000014,0 1px 2px #0000000f,inset 0 1px #ffffffeb}.web-editor-column .web-timeline.options-open{z-index:30}.web-trim-heading-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.web-trim-heading-copy{align-items:baseline;gap:9px;min-width:0;display:flex}.web-editor-column .web-trim-heading-copy .web-section-label{color:var(--web-muted);letter-spacing:.035em;font-size:11px;font-weight:650}.web-trim-selection-meta{color:var(--web-text);font-variant-numeric:tabular-nums;font-size:12px}.web-trim-lossless-status{color:var(--web-accent);white-space:nowrap;font-size:10px;font-weight:600}.web-trim-lossless-status[role=alert]{color:var(--web-error)}.web-trim-toolbar{justify-content:space-between;align-items:center;gap:4px;width:100%;min-width:0;display:flex}.web-trim-control-group,.web-trim-toolbar-actions{align-items:center;display:inline-flex}.web-trim-control-group{flex:none;gap:2px}.web-trim-toolbar-actions{flex:none;gap:4px}.web-trim-mini-btn{border:1px solid var(--web-border);background:var(--web-surface-solid);min-height:24px;box-shadow:var(--web-card-top);color:var(--web-muted);border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:2px 7px;font-size:11px;line-height:1;display:inline-flex}.web-trim-mini-btn:hover:not(:disabled),.web-trim-loop-toggle:hover:not(:disabled),.web-trim-time-format-toggle:hover:not(:disabled){background:var(--web-surface-solid);color:var(--web-text)}.web-trim-mini-btn:disabled,.web-trim-loop-toggle:disabled,.web-trim-time-format-toggle:disabled{cursor:default;opacity:.42}.web-trim-icon-btn{width:24px;padding-inline:0}.web-trim-labeled-btn{min-width:36px;padding-inline:3px}.web-trim-icon{flex:none;display:block}.web-trim-loop-toggle,.web-trim-time-format-toggle{border:1px solid var(--web-border);background:var(--web-surface-solid);min-height:24px;box-shadow:var(--web-card-top);color:var(--web-muted);border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.web-trim-loop-toggle{width:24px}.web-trim-time-format-toggle{font-variant-numeric:tabular-nums;width:auto;padding-inline:5px;font-size:10px}.web-trim-loop-toggle.active,.web-trim-time-format-toggle.active{border-color:color-mix(in srgb, var(--web-accent) 58%, var(--web-border));background:color-mix(in srgb, var(--web-accent) 16%, var(--web-surface-solid));color:var(--web-accent)}.web-trim-options-popover{display:inline-flex;position:relative}.web-trim-options-panel{z-index:100;border:1px solid var(--web-border);width:220px;color:var(--web-muted);background:#f8f8fafa;border-radius:8px;padding:8px;font-size:11px;line-height:1.3;position:absolute;bottom:calc(100% + 4px);right:0;box-shadow:0 8px 40px #0000002e,0 2px 8px #0000001a}.web-trim-options-panel[hidden]{display:none}.web-trim-option-row{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.web-trim-option-note{color:var(--web-subtle);margin:5px 0 0;font-size:10px}.web-slider-row{align-items:center;gap:8px;display:flex}.web-trim-dual-row{align-items:center;gap:6px}.web-time-label{width:44px;color:var(--web-muted);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;font-size:12px}.web-time-label-left{text-align:left}.web-time-label-right{text-align:right}.web-time-label.clock-format{width:63px;font-size:11px}.web-time-label-input{box-sizing:border-box;border:1px solid var(--web-border);background:var(--web-surface-solid);width:63px;min-width:0;height:22px;box-shadow:var(--web-card-top);color:var(--web-text);text-align:left;border-radius:6px;outline:none;padding:2px 4px;font-family:inherit;font-size:11px;line-height:1}.web-time-label-input:hover:not(:disabled){border-color:color-mix(in srgb, var(--web-accent) 45%, var(--web-border))}.web-time-label-input:focus{border-color:var(--web-accent-line);box-shadow:0 0 0 3px #0a84ff52}.web-time-label-input:disabled{opacity:.48}.web-trim-dual-wrap{flex:1;align-items:center;min-width:0;height:20px;display:flex;position:relative}.web-trim-dual-wrap.disabled{opacity:.48}.web-trim-dual-track,.web-trim-dual-range{pointer-events:none;border-radius:2px;height:4px;position:absolute;left:0;right:0}.web-trim-dual-track{z-index:0;background:#0000001f}.web-trim-dual-range{z-index:1;background:var(--web-accent);width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--web-accent) 35%, transparent);transform-origin:0}.web-trim-click-target{z-index:2;cursor:crosshair;background:0 0;border:0;width:100%;height:30px;padding:0;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.web-trim-click-target:disabled{cursor:not-allowed}.web-trim-playhead-position{z-index:4;pointer-events:none;will-change:transform;width:100%;height:20px;position:absolute;left:0}.web-trim-playhead{cursor:ew-resize;pointer-events:auto;background:#1a2029eb;border-radius:2px;width:2px;position:absolute;top:-4px;bottom:-4px;left:0;transform:translate(-50%);box-shadow:0 0 0 2px #ececf0e0}.web-trim-playhead:before{content:"";border:5px solid #0000;border-top:6px solid #1a2029eb;border-bottom:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.web-trim-handle{z-index:5;appearance:none;pointer-events:none;background:0 0;width:100%;height:20px;margin:0;position:absolute;inset:0}.web-trim-handle::-webkit-slider-runnable-track{background:0 0}.web-trim-handle::-moz-range-track{background:0 0}.web-trim-handle::-moz-range-progress{background:0 0}.web-trim-handle::-webkit-slider-thumb{box-sizing:border-box;appearance:none;background:var(--web-accent);cursor:ew-resize;pointer-events:auto;border:1px solid #ffffff59;border-radius:3px;width:5px;height:24px;margin-top:-10px;box-shadow:0 2px 8px #00000059,0 0 0 2px #0a84ff52}.web-trim-handle::-moz-range-thumb{box-sizing:border-box;background:var(--web-accent);cursor:ew-resize;pointer-events:auto;border:1px solid #ffffff59;border-radius:3px;width:5px;height:24px;box-shadow:0 2px 8px #00000059}.web-trim-handle:focus{outline:none}.web-trim-handle:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #0a84ff52}.web-editor-column .web-export-summary{min-height:18px;color:var(--web-muted);font-variant-numeric:tabular-nums;text-align:center;justify-content:center;align-items:center;font-size:11px;display:flex}.web-editor-column .web-export-button{background:linear-gradient(#409cff 0%,#0a84ff 100%);border:1px solid #00000014;border-radius:12px;min-height:0;padding:8px 10px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #0a84ff52,inset 0 1px #ffffff47}.web-editor-column .web-export-button:hover:not(:disabled){background:linear-gradient(#5aaaff 0%,#0a84ff 100%);box-shadow:0 6px 22px #0a84ff52,inset 0 1px #ffffff47}.web-app select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.web-editor-column select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.web-app select option{color:#ffffffeb;background-color:#1c1c20}.web-app select optgroup{color:#ffffff9e;background-color:#1c1c20}.web-app select option:checked{color:#fff;background-color:#0a84ff}@media (max-width:560px){.web-editor-column .web-mode-tabs button{letter-spacing:-.02em;padding-inline:1px;font-size:10px}.web-editor-column .web-mode-tab-full{display:none}.web-editor-column .web-mode-tab-compact{display:inline}.web-editor-column .web-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;row-gap:8px;height:auto;min-height:0}.web-editor-column .web-audio-actions{grid-column:1/-1;justify-content:flex-start}.web-editor-column .web-file-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.web-editor-column select option{color:#000000e0;background-color:#f8f8fa}.web-editor-column select optgroup{color:#00000094;background-color:#f8f8fa}.web-editor-column select option:checked{color:#fff;background-color:#007aff}@media (max-width:760px){.desktop-download-primary{align-items:stretch;width:100%}.web-demo-callout{max-width:none}}