:root{--primary:#ed643f;--primary-dark:#d34e2a;--background:#f7f8f6;--surface:#fff;--ink:#282a28;--muted:#7f847d;--border:#e3e6df;--control:#f0f1ed;--success:#438270;--error:#b8334d;--radius:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--background);font-synthesis:none;scrollbar-color:#babac4 var(--background);scrollbar-width:thin}*{box-sizing:border-box}body{margin:0}a{color:var(--primary);text-underline-offset:4px}button,a,input,select{touch-action:manipulation}a,button,summary,select,label:has(input[type=radio]),label:has(input[type=checkbox]){cursor:pointer}a:hover{text-decoration:underline}button{font:600 13px system-ui;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 18px;border:1px solid transparent;border-radius:10px;background:var(--primary);color:#fff;transition:background .15s,box-shadow .15s}button:hover{background:var(--primary-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}button:disabled:hover{background:var(--primary)}:focus-visible{outline:3px solid #ffb39b;outline-offset:3px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#babac4;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#9695a4}::-webkit-scrollbar-thumb:active{background:#777584}.icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}header{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1376px)/2));gap:24px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:23px;font-weight:780;letter-spacing:-1.1px;text-decoration:none}.brand:hover{text-decoration:none}.logo{width:35px;height:35px;display:block}.brand-dot{color:var(--primary);margin-left:-9px}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a{color:#646570;text-decoration:none}nav a:hover{color:var(--primary)}main{max-width:1376px;margin:auto;padding:24px 28px 64px}h1{font:730 29px/1.2 system-ui;letter-spacing:-1px;margin:0 0 7px}h1 em{font-style:normal;color:var(--primary)}.intro{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.6}.eyebrow{font:600 10px system-ui;letter-spacing:1.2px;color:var(--primary);margin-bottom:12px}.editor-shell{display:grid;grid-template-columns:1fr;gap:0}.editor{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 16px #24223b03;overflow:hidden}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 19px;border-bottom:1px solid var(--border);min-height:47px}.workspace-label{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600;color:#646574}.workspace-label .icon{color:#958f86;width:16px;height:16px}.private-label{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--success)}.private-label .icon{width:13px;height:13px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px}.media-column{padding:0 20px;min-width:0;display:flex;flex-direction:column}.source-bar{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px}.source-bar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#8c8d97;min-width:0}.text-button{background:transparent;color:var(--primary);min-height:30px;padding:4px 0;font-size:10px;border-radius:4px;white-space:nowrap}.text-button:hover{background:transparent;color:var(--primary-dark);text-decoration:underline}.text-button .icon{width:13px;height:13px}.text-button:disabled:hover{background:transparent}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-stage{height:270px;border:1px solid var(--border);border-radius:10px;background:#f1f2ef;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-stage.drag{outline:2px solid var(--primary);outline-offset:2px;background:#fff0e9}.drop{width:calc(100% - 24px);height:calc(100% - 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d5d8d0;border-radius:7px;text-align:center;gap:0}.drop h2{font-size:16px;letter-spacing:-.3px;margin:16px 0 5px;font-weight:650}.drop p{font-size:11px;color:#7b8077;margin:0 0 15px}.drop button{font-size:12px;min-height:36px;padding:8px 19px}.drop button .icon{width:15px;height:15px}.hint{font-size:10px;color:#777b74;line-height:1.6;margin-top:10px}.empty-film{height:46px;width:64px;position:relative;color:var(--primary)}.front-frame{position:absolute;top:5px;left:8px;width:53px;height:38px;border:2px solid currentColor;border-radius:6px;background:#fff4ec;display:grid;place-items:center}.front-frame:before,.front-frame:after{content:"";position:absolute;top:0;bottom:0;width:4px;border-left:1.5px dashed currentColor}.front-frame:before{left:5px}.front-frame:after{right:4px}.front-frame .icon{width:18px;height:18px}.back-frame{position:absolute;top:0;left:0;width:53px;height:38px;border:2px solid #ffc0a7;border-radius:6px;transform:rotate(-10deg);background:#fff0e6}.film-spark{position:absolute;right:-13px;top:-7px;font-size:16px;color:#f8ad8e}.preview-frame{height:100%;width:auto;max-width:100%;aspect-ratio:var(--preview-ratio,16/9);position:relative;background:#e4e5ed;display:flex;align-items:center;justify-content:center}.preview-frame video,.preview-frame img{width:100%;height:100%;display:block;object-fit:cover;min-width:0}.crop-note{position:absolute;top:10px;left:10px;font-size:9px;max-width:calc(100% - 20px);padding:5px 8px;background:#ffffffde;border-radius:5px;color:#555465;pointer-events:none}.trim-panel{margin-top:19px}.trim-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;margin-bottom:11px}.trim-heading>span:first-child{display:flex;gap:6px;align-items:center;font-weight:600}.trim-heading .icon{width:13px;height:13px;color:var(--primary)}#trim-hint{font-size:9px;color:#93939d;text-align:right}fieldset{margin:0;padding:0;border:0;min-width:0}.timeline{height:49px;position:relative;margin:0 7px;border-radius:4px}.frames{height:100%;display:flex;overflow:hidden;border-radius:4px;background:#e5e5ed}.frames>*{width:12.5%;height:100%;object-fit:cover;flex:1;min-width:0}.frames>span{background:linear-gradient(140deg,#e2e2ec,#ececf3);border-right:1px solid #f5f5fa}.trim-selection{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--primary);border-radius:3px;box-shadow:-800px 0 0 798px #f6f7f3a1,800px 0 0 798px #f6f7f3a1;pointer-events:none}.timeline{isolation:isolate;clip-path:inset(-8px -8px)}.trim-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:49px;background:transparent;margin:0;pointer-events:none;border:0;border-radius:0;padding:0;outline:none}.trim-range::-webkit-slider-runnable-track{background:transparent;height:49px;pointer-events:none}.trim-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:49px;border-radius:4px;background:var(--primary);border:3px solid var(--primary);box-shadow:inset 2px 0 #ffffffa8;pointer-events:auto;cursor:ew-resize}.trim-range::-moz-range-track{background:transparent;height:49px}.trim-range::-moz-range-thumb{width:10px;height:43px;border-radius:4px;background:var(--primary);border:3px solid var(--primary);pointer-events:auto;cursor:ew-resize}.trim-range:focus-visible::-webkit-slider-thumb{outline:3px solid #ffac8e;outline-offset:2px}.trim-range:focus-visible::-moz-range-thumb{outline:3px solid #ffac8e;outline-offset:2px}fieldset:disabled .timeline{opacity:.4}fieldset:disabled .trim-range::-webkit-slider-thumb{cursor:default}.ruler{display:flex;justify-content:space-between;margin:7px 0 13px;font:9px ui-monospace,monospace;color:#9999a3}.time-fields{display:flex;gap:10px;align-items:center}.time-fields label{display:flex;align-items:center;font-size:10px;color:#85848e;gap:6px}.time-fields input{width:55px;min-height:28px;border:1px solid var(--border);border-radius:5px;padding:5px;font:10px ui-monospace,monospace;background:#fff;color:var(--ink)}.time-fields label>span{margin-left:-2px}.time-fields button{margin-left:auto;font-size:9px}.media-footnote{font-size:9px;color:#7c8078;display:flex;gap:6px;align-items:center;margin-top:auto;padding:22px 0 16px}.media-footnote .icon{width:12px;height:12px}.settings{border-left:1px solid var(--border);padding:18px 20px 15px;background:#fff}.control-group{margin-bottom:16px}.control-group legend{font-size:10px;color:#85848c;font-weight:650;margin-bottom:8px;padding:0}.segments{display:flex;background:var(--control);border-radius:10px;padding:3px;gap:2px;min-height:35px}.segment{flex:1;min-width:0;position:relative;display:flex;align-items:stretch}.segment input{position:absolute;opacity:0;width:1px;height:1px}.segment>span{display:flex;align-items:center;justify-content:center;width:100%;border-radius:8px;padding:7px 3px;font-size:10px;white-space:nowrap;color:#7f7f83;font-weight:500;transition:background .15s}.segment:hover>span{background:#e7e7e5;color:var(--ink)}.segment input:checked+span{background:#fff;box-shadow:0 1px 4px #0000001c;color:#282a28;font-weight:650}.segment input:focus-visible+span{outline:2px solid var(--primary);outline-offset:1px}.segment input:disabled+span{opacity:.4;cursor:not-allowed}.ratios{min-height:55px}.ratios .segment>span{flex-direction:column;gap:6px;padding:7px 1px;font-size:9px}.ratio-icon{display:block;max-width:17px;max-height:17px;height:14px;width:auto;aspect-ratio:var(--ratio);border:1.5px solid currentColor;border-radius:2px;opacity:.8}.ratio-icon.original-ratio{border-style:dashed}.extra-format{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:-7px;margin-bottom:14px;font-size:9px;color:#96949e}.extra-format select{font:9px system-ui;background:#fff;color:#777080;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:3px;max-width:135px}.loop-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;position:relative;gap:10px;margin-bottom:13px}.loop-row input{position:absolute;right:0;opacity:0;width:36px;height:22px;cursor:pointer}.switch{width:36px;height:22px;background:#c5c3ce;border-radius:20px;position:relative;pointer-events:none;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.loop-row input:checked+.switch{background:var(--primary)}.loop-row input:checked+.switch:after{transform:translate(14px)}.loop-row input:focus-visible+.switch{outline:2px solid var(--primary);outline-offset:3px}.tiny-note{font-size:9px;line-height:1.5;color:var(--muted);margin:-5px 0 12px}.selection-info{font-size:10px;line-height:1.5;background:var(--control);padding:10px 11px;border-radius:8px;color:#88858e;min-height:35px;margin-bottom:11px;font-variant-numeric:tabular-nums}.export-button{width:100%;font-size:13px;min-height:43px;border-radius:10px}.export-button .icon{width:16px;height:16px}.cancel-button{width:100%;margin-top:8px}.secondary{background:#fff0e9;color:var(--primary)}.secondary:hover{background:#ffe3d6}.engine-note{display:block;font-size:8px;text-align:center;color:#7c8078;margin-top:6px}#status{font-size:10px;line-height:1.5;color:#73786f;min-height:30px;margin:9px 0 0}#status.error{color:var(--error)}progress{width:100%;height:5px;accent-color:var(--primary)}.compression-note{display:flex;gap:12px;margin-top:24px;color:#a39bc6}.compression-note .icon{width:24px;height:24px}.compression-note strong{font-size:12px;color:#605878}.compression-note p{font-size:11px;line-height:1.7;margin-top:5px;color:#9993a4}.result{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr;gap:28px;border-top:1px solid var(--border);padding:24px}.result-preview{background:#f4f4f8;display:grid;place-items:center;min-height:160px;border-radius:9px;overflow:hidden}.result-preview img,.result-preview video{max-width:100%;width:100%;max-height:320px;object-fit:contain}.result h2{font-size:21px}.result p{font-size:12px}.download{display:inline-flex;gap:8px;align-items:center;padding:11px 18px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;border-radius:9px;text-decoration:none}.download:hover{background:var(--primary-dark);text-decoration:none}[hidden]{display:none!important}.trust{display:flex;justify-content:center;gap:30px;padding:19px 0 45px;font-size:10px;color:#767b73}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:24px 0 44px}.steps h3{font-size:14px;font-weight:600}.stepnum{font:9px ui-monospace,monospace;color:#9c94be}main>h2,main>.steps,main>details,main>.related{margin-left:0}main>h2{font-size:22px;letter-spacing:-.6px;margin-top:0}.steps h3{margin:10px 0 8px}p,li{line-height:1.8;color:var(--muted)}details{border-bottom:1px solid var(--border);padding:17px 0}summary{font-size:12px;font-weight:550}details p{font-size:12px;max-width:800px}.related{font-size:12px;margin-top:28px}.article{max-width:860px;min-height:65vh;padding-top:45px}.article h1{font-size:36px;margin-bottom:28px}.article h2{font-size:23px;margin:30px 0 12px}.article p,.article li{font-size:14px}footer{max-width:1320px;margin:auto;border-top:1px solid var(--border);padding:26px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#767b73}.links{display:flex;gap:20px;flex-wrap:wrap}.links a{color:#767b73}noscript{display:block;padding:14px;color:#8a6500;background:#fff7dc;margin-bottom:16px}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.preview-stage{height:300px}.settings{padding:20px 24px}.control-group{margin-bottom:19px}.segments{min-height:39px}.segment>span{font-size:11px}.ratios{min-height:61px}.control-group legend,.selection-info{font-size:11px}.export-button{min-height:46px}.trim-panel{margin-top:22px}}@media(max-width:1200px){.editor-shell{grid-template-columns:1fr}.editor-nav{display:none}main>h2,main>.steps,main>details,main>.related{margin-left:0}.workspace{grid-template-columns:minmax(0,1fr) 310px}footer{margin:0 28px}}@media(max-width:760px){header{height:62px;padding:0 18px;gap:15px}.brand{font-size:20px;gap:7px}.logo{width:31px;height:31px}nav{gap:12px;font-size:10px}nav a:first-child{display:none}main{padding:20px 14px 38px}h1{font-size:25px}.intro{font-size:12px;line-height:1.6;margin-bottom:18px;max-width:400px}.editor-top{padding:12px 14px}.workspace{grid-template-columns:1fr}.media-column{padding:0 14px}.preview-stage{height:240px}.drop h2{font-size:17px}.source-bar>span{font-size:10px}.trim-panel{margin-top:16px}.trim-heading{align-items:flex-start}#trim-hint{max-width:160px}.settings{border-left:0;border-top:1px solid var(--border);padding:20px}.control-group{margin-bottom:19px}.control-group legend{font-size:12px;margin-bottom:10px}.segments{min-height:43px;border-radius:12px;padding:4px}.segment>span{font-size:12px;border-radius:9px}.ratios{min-height:66px}.ratios .segment>span{font-size:11px}.ratio-icon{height:18px;max-height:20px;max-width:24px}.loop-row{font-size:14px;margin-bottom:17px}.switch{width:42px;height:26px}.switch:after{width:20px;height:20px}.loop-row input{width:42px;height:26px}.loop-row input:checked+.switch:after{transform:translate(16px)}.selection-info{font-size:12px;padding:12px}.export-button{min-height:48px;font-size:15px}.extra-format,.extra-format select{font-size:11px}.engine-note{font-size:9px}#status{font-size:11px}.time-fields{gap:10px}.time-fields input{width:50px}.media-footnote{padding-top:18px}.result{grid-template-columns:1fr;padding:20px;gap:16px}.steps{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.trust{flex-wrap:wrap;gap:12px 25px;padding:20px 0 30px}footer{flex-direction:column;margin:0 18px;font-size:10px}.links{gap:16px}.tiny-note{font-size:11px}.article h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){:root{scrollbar-color:auto}.segment input:checked+span{outline:2px solid Highlight}.switch{border:1px solid ButtonText}.trim-selection{border-color:Highlight}button{border:1px solid ButtonText}}@media(min-width:761px)and (max-width:1499px){header{height:62px}main{padding-top:19px}.intro{margin-bottom:18px}.editor-top{min-height:40px;padding:10px 18px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.settings{padding:14px 18px 10px}.control-group{margin-bottom:9px}.control-group legend{font-size:10px;line-height:12px;margin-bottom:5px}.segments{min-height:29px;padding:3px}.segment>span{font-size:10px;padding:5px 2px}.ratios{min-height:43px}.ratios .segment>span{font-size:9px;gap:4px;padding:4px 1px}.ratio-icon{height:11px;max-height:14px}.extra-format{margin-top:-4px;margin-bottom:9px}.loop-row{margin-bottom:9px;font-size:11px}.switch{width:32px;height:20px}.switch:after{width:14px;height:14px}.loop-row input:checked+.switch:after{transform:translate(12px)}.selection-info{font-size:9px;padding:8px 9px;min-height:29px;margin-bottom:9px}.export-button{min-height:39px;font-size:12px}#status{min-height:25px;font-size:9px;margin-top:7px}.engine-note{font-size:8px;margin-top:3px}.source-bar{min-height:37px}.preview-stage{height:250px}.trim-panel{margin-top:16px}.trim-heading{margin-bottom:10px}.media-footnote{padding:16px 0 12px}.tiny-note{font-size:8px;margin-bottom:8px}.local-note{margin-top:95px}}:root{--primary:#ed643f;--primary-dark:#d34e2a;--background:#f7f8f6;--surface:#fff;--ink:#282a28;--muted:#72786f;--border:#e3e6df;--control:#f0f1ed}header{background:var(--background);height:64px;max-width:1376px;margin:auto;padding:0 28px}.brand{gap:9px;letter-spacing:-.9px;font-size:23px}.brand .logo{width:47px;height:39px}.brand-dot{display:none}nav{height:100%;gap:32px}nav a{display:flex;align-items:center;height:100%;position:relative;font-size:12px;font-weight:550}nav a[aria-current=page]{color:var(--primary)}nav a[aria-current=page]:after{content:"";height:2px;background:var(--primary);position:absolute;bottom:0;left:0;right:0}main{padding-top:20px}h1{font-size:28px}.intro{margin-bottom:20px;font-size:13px}.editor{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}.workspace{grid-template-columns:minmax(0,1.62fr) minmax(340px,1fr);gap:18px;align-items:stretch}.media-column,.settings{background:#fff;border:1px solid var(--border);border-radius:14px;min-width:0}.media-column{padding:0 15px}.source-bar{min-height:45px}.source-bar>span{font-size:11px;color:#73786f}.text-button{font-size:11px;color:var(--primary)}.source-bar .text-button{font-weight:550}.source-bar .icon{width:14px;height:14px}.preview-stage{background:#f2f3ef;border-color:#e8e9e3;border-radius:9px;height:298px}.drop{background:#f7f8f4;border-color:#d8dad2}.drop h2{font-size:18px}.drop p{font-size:12px}.drop button{font-size:13px;min-height:40px}.preview-frame{max-width:100%;height:100%;background:#eceee7}.preview-frame video,.preview-frame img{object-fit:cover}.trim-panel{margin-top:16px}.trim-heading{font-size:11px;margin-bottom:12px}#trim-hint{font-size:10px}.timeline,.trim-range,.trim-range::-webkit-slider-runnable-track{height:45px}.trim-range::-webkit-slider-thumb{height:45px}.trim-range::-moz-range-thumb{height:39px}.frames{background:#eceee7}.frames>span{background:#e6e9e1;border-color:#f1f2ed}.trim-selection{box-shadow:-800px 0 0 798px #f6f7f3a1,800px 0 0 798px #f6f7f3a1}.ruler{margin:9px 0 12px;font-size:9px;color:#73786f}.time-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;padding-top:0;padding-bottom:28px}.time-fields label{background:#f5f6f2;border:1px solid var(--border);border-radius:8px;min-height:43px;gap:5px;padding:6px 9px;color:#71776d;font-size:10px;justify-content:space-between}.time-fields input{width:56px;max-width:54%;font-size:11px;min-height:27px;border-color:#e3e5de;padding:3px 4px}.time-fields label.duration-field{background:#fff0e9;border-color:#ffcebd;color:#bc4b2b}.time-fields button{position:absolute;right:0;bottom:0;min-height:23px;font-size:10px}.media-footnote{font-size:9px;padding:9px 0 12px;margin-top:auto}.settings{border-left:1px solid var(--border);padding:14px 18px 11px;display:flex;flex-direction:column}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:11px}.inspector-heading h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:650}.private-label{font-size:8px;background:#eff4ee;color:#45724e;padding:5px 7px;border-radius:5px;letter-spacing:.3px;white-space:nowrap}.private-label .icon{width:11px;height:11px}.control-group{margin-bottom:10px}.control-group legend{font-size:11px;line-height:13px;font-weight:600;margin-bottom:5px;color:#73786f}.segments{min-height:31px;border-radius:8px;padding:3px}.segment>span{font-size:11px;border-radius:6px;line-height:16px;padding:4px 2px;color:#74796f}.segment:hover>span{background:#e5e8df}.segment input:checked+span{color:#282a28}.ratios{min-height:45px}.ratios .segment>span{font-size:10px;gap:4px;padding:4px 1px}.ratio-icon{height:12px;max-width:18px;max-height:16px}.loop-row{font-size:12px;min-height:22px;margin:1px 0 11px}.switch{width:34px;height:21px}.switch:after{width:15px;height:15px}.loop-row input:checked+.switch:after{transform:translate(13px)}.selection-info{font-size:10px;line-height:1.5;min-height:31px;padding:8px 10px;border-radius:8px;margin-bottom:11px;color:#74796f}.export-button{margin-top:auto;min-height:42px;font-size:13px;background:var(--primary)}#status{font-size:10px;min-height:29px;margin:8px 0 0;line-height:1.4;color:#73786f}.engine-note{font-size:8px;color:#7c8078;margin-top:2px}.tiny-note{font-size:9px;line-height:1.4;margin:0 0 8px}.result{background:#fff;border:1px solid var(--border);border-radius:14px;margin-top:18px}.trust{padding:15px 0 32px;gap:30px;font-size:10px;color:#7f847b}main>h2{font-size:21px}.steps{gap:32px;margin:20px 0 36px}.steps p{font-size:12px}.stepnum{color:var(--primary)}.article h1{font-size:34px}footer{max-width:1320px}.drop.drag{outline-color:var(--primary)}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1.62fr) minmax(360px,1fr)}.preview-stage{height:330px}.settings{padding:18px 22px 14px}.control-group{margin-bottom:13px}.segments{min-height:36px}.ratios{min-height:51px}.time-fields label{min-height:48px}.source-bar{min-height:49px}}@media(max-width:1000px)and (min-width:761px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:12px}.time-fields{gap:5px}.time-fields label{padding:6px;flex-wrap:wrap}.preview-stage{height:298px}.source-bar .text-button{font-size:10px}}@media(max-width:760px){header{padding:0 16px;height:62px}.brand{font-size:19px;gap:6px}.brand .logo{width:38px;height:32px}nav{gap:16px}nav a{font-size:10px}nav a:first-child{display:none}.workspace{grid-template-columns:1fr;gap:14px}main{padding:19px 14px 36px}h1{font-size:25px}.intro{font-size:12px;margin-bottom:17px}.media-column{padding:0 12px}.source-bar{min-height:44px}.preview-stage{height:240px}.trim-heading{font-size:11px}#trim-hint{font-size:9px;max-width:150px}.time-fields{gap:6px}.time-fields label{font-size:10px;padding:7px 6px}.time-fields input{width:49px;font-size:11px}.settings{padding:18px}.inspector-heading{padding-bottom:14px;margin-bottom:17px}.inspector-heading h2{font-size:17px}.private-label{font-size:8px}.control-group{margin-bottom:18px}.control-group legend{font-size:12px;margin-bottom:9px}.segments{min-height:43px;padding:4px;border-radius:10px}.segment>span{font-size:11px;padding:8px 2px;border-radius:7px}.ratios{min-height:61px}.ratios .segment>span{font-size:11px;gap:7px;padding:7px 1px}.ratio-icon{height:16px;max-height:20px;max-width:24px}.loop-row{font-size:14px;margin:0 0 16px;min-height:26px}.switch{width:42px;height:26px}.switch:after{width:20px;height:20px}.loop-row input:checked+.switch:after{transform:translate(16px)}.selection-info{font-size:11px;padding:12px;min-height:40px}.export-button{min-height:48px;font-size:14px}.engine-note{font-size:9px}#status{font-size:11px}.tiny-note{font-size:10px}.trust{padding-bottom:26px}.media-footnote{font-size:9px;padding:12px 0}.result{padding:18px}.article h1{font-size:29px}}@media(forced-colors:active){.segment input:checked+span{outline:2px solid Highlight}.trim-selection{border-color:Highlight}}