.video-workspace-page{--video-accent:#a4532c;--video-soft:#fcf1e9;--video-line:#ecd6c7}.video-workspace-page main{max-width:1480px}.video-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0}.video-heading h1{font-size:37px;line-height:1.22;letter-spacing:-1.3px;font-weight:680;margin:10px 0 12px}.video-heading p{color:var(--muted);font-size:14px;margin:0}.video-back-link{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;white-space:nowrap}.video-back-link .icon{width:16px;height:16px}.video-trust{display:flex;gap:23px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-bottom:27px}.video-trust>span{display:flex;align-items:center;gap:7px}.video-trust .icon{width:15px;height:15px;color:#638779}.video-hub-hero{text-align:center;max-width:850px;margin:auto;padding:30px 15px 35px}.video-hub-icon,.video-drop-icon{display:grid;place-items:center;margin:0 auto 22px;width:70px;height:73px;border:1px solid var(--video-line);border-radius:19px;background:var(--video-soft);color:var(--video-accent)}.video-hub-icon .icon,.video-drop-icon .icon{width:34px;height:34px}.video-hub-hero>.eyebrow{justify-content:center}.video-hub-hero h1{font-size:46px;letter-spacing:-1.7px;line-height:1.2;margin:18px 0}.video-hub-hero>p{color:var(--muted);font-size:15px;line-height:1.9;margin:20px 0 28px}.video-hub-hero .video-trust{justify-content:center}.video-hub-card{display:flex;align-items:center;gap:25px;background:var(--surface);border:1px solid var(--video-line);border-radius:15px;padding:34px;box-shadow:0 8px 35px #3b246d04}.video-hub-card:hover{border-color:#c99a7f}.video-card-icon{display:grid;place-items:center;flex-shrink:0;width:70px;height:76px;border-radius:15px;background:var(--video-soft);color:var(--video-accent)}.video-card-icon .icon{width:35px;height:35px}.video-hub-card>div{flex:1;max-width:650px}.video-hub-card h2{font-size:25px;letter-spacing:-.7px;font-weight:650;margin:10px 0}.video-hub-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:9px 0 17px}.video-hub-tags{display:flex;gap:8px;flex-wrap:wrap}.video-hub-tags>span{border:1px solid var(--border);background:var(--surface-soft);padding:4px 9px;border-radius:6px;font-size:10px;color:var(--muted)}.video-card-cta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--video-accent);margin-left:auto;white-space:nowrap}.video-card-cta .icon{width:17px;height:17px}.video-hub-details,.video-guidance{display:grid;grid-template-columns:1fr 1fr;gap:37px;margin:35px 0}.video-hub-details{padding:30px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.video-hub-details h2,.video-guidance h2,.video-faq h2{font-size:20px;letter-spacing:-.5px;font-weight:650;margin:0 0 14px}.video-hub-details p,.video-guidance p,.video-guidance li{font-size:12px;color:var(--muted);line-height:1.95}.video-hub-details .policy-link{font-size:12px}.video-app{border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 6px 30px #17243d03;overflow:hidden}.video-steps{list-style:none;display:flex;gap:30px;margin:0;padding:18px 25px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px}.video-steps li{display:flex;gap:8px;align-items:center}.video-steps li>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--border);border-radius:50%;font-size:10px}.video-steps li.active{color:var(--video-accent);font-weight:650}.video-steps li.active>span{border-color:var(--video-line);background:var(--video-soft)}.video-message{padding:13px 16px;margin:20px 24px;border:1px solid var(--video-line);background:var(--video-soft);color:var(--ink);border-radius:9px;font-size:12px;line-height:1.8}.video-message.is-error{background:#fff3eb;color:#813d22;border-color:#e8c8b6}.video-dropzone{margin:25px;padding:39px 20px 32px;text-align:center;border:1.5px dashed #d3b49f;border-radius:13px;background:linear-gradient(180deg,var(--surface),var(--video-soft))}.video-dropzone.is-dragging{border-color:var(--video-accent);background:var(--video-soft)}.video-drop-icon{background:var(--surface);border-radius:15px}.video-dropzone h2{font-size:24px;font-weight:650;letter-spacing:-.6px;margin:0 0 10px}.video-dropzone>p{font-size:13px;color:var(--muted);margin:0 0 22px}.video-dropzone small{display:block;margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.9}.video-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:13px 22px;background:var(--video-accent);color:#fff;font-size:13px;font-weight:650;border:1px solid transparent;border-radius:9px;cursor:pointer}.video-primary:hover{background:#874021}.video-primary .icon{width:18px;height:18px}.video-primary[aria-disabled=true]{opacity:.55;cursor:wait}#video-input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.video-dropzone:focus-within .video-primary{outline:3px solid #c79879;outline-offset:4px}#video-initializing{margin:12px 0 0;font-size:11px}.video-working{margin:22px 25px;padding:16px;border:1px solid var(--video-line);background:var(--video-soft);border-radius:10px}.video-working>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.video-working strong{font-size:12px}.video-working progress{width:100%;height:9px;margin:12px 0 3px;accent-color:var(--video-accent)}.video-working p{color:var(--muted);font-size:11px;margin:4px 0 0}.video-text-button{background:none;padding:8px 3px;text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-size:11px;min-height:38px}.video-text-button:hover{color:var(--video-accent)}.video-filebar{display:flex;align-items:center;gap:14px;padding:23px 25px;border-bottom:1px solid var(--border)}.video-file-icon{display:grid;place-items:center;width:42px;height:46px;border-radius:10px;border:1px solid var(--video-line);background:var(--video-soft);color:var(--video-accent);flex-shrink:0}.video-filebar>div{min-width:0;flex:1}.video-filebar h2{font-size:13px;line-height:1.8;font-weight:650;overflow-wrap:anywhere;margin:0}.video-filebar p{font-size:10px;color:var(--muted);margin:3px 0 0}.video-filebar .button{font-size:10px;min-height:38px;padding:7px 11px}.video-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px}.video-editor{padding:24px;min-width:0}.video-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.video-preview-grid figure{margin:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;min-width:0;background:var(--surface-soft)}.video-preview-grid figcaption{display:flex;justify-content:space-between;gap:7px;align-items:center;flex-wrap:wrap;padding:10px 12px;font-size:10px;border-bottom:1px solid var(--border)}.video-preview-grid figcaption>span{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.video-source-box,.video-frame-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:205px;background:#111a29}.video-frame-box{background:var(--surface-soft);padding:12px}.video-source-box video{display:block;width:100%;height:auto;max-height:310px}.video-frame-box canvas{display:block;max-width:100%;max-height:285px;width:auto;height:auto}.video-capture-note{display:none;position:absolute;inset:0;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:11px;color:#e3e8f0}.video-app.is-busy .video-source-box video{visibility:hidden}.video-app.is-busy .video-capture-note{display:flex}.video-preview-hint{font-size:10px;color:var(--muted);line-height:1.9;margin:12px 0 28px}.video-edit-controls,.video-output-settings fieldset{padding:0;border:0;margin:0;min-width:0}.video-clip-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.video-clip-toolbar h2{font-size:17px;font-weight:650;letter-spacing:-.4px;margin:0}.video-small-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font-size:10px;line-height:1.4;padding:8px 10px;min-height:38px}.video-small-button:hover{color:var(--video-accent);border-color:var(--video-line);background:var(--video-soft)}.video-timeline{height:17px;border:1px solid var(--border);background:var(--surface-soft);border-radius:5px;position:relative;overflow:hidden}.video-timeline>div{position:absolute;top:0;bottom:0;background:#cb8d654f;border-left:2px solid var(--video-accent);border-right:2px solid var(--video-accent)}.video-timeline>span{position:absolute;top:0;bottom:0;border-left:2px solid #425c85}.video-timeline-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:6px 0 19px;font-variant-numeric:tabular-nums}.video-time-fields{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px;align-items:center}.video-time-fields label,.video-time-fields>div{min-width:0}.video-time-fields span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.video-time-fields input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px;font-size:13px;font-variant-numeric:tabular-nums;min-height:43px}.video-time-fields input[aria-invalid=true]{border-color:#c27a5a}.video-time-fields strong{display:block;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;padding:10px 0;overflow-wrap:anywhere}.video-setting-note{font-size:10px;color:var(--muted);line-height:1.9;margin:10px 0 17px}.video-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.video-range-fields label>span{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.video-range-fields input{width:100%;accent-color:var(--video-accent);min-height:30px}.video-mark-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 25px}.video-field{display:block;min-width:0;margin:0 0 17px}.video-field>span{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.video-field input:not([type=color]),.video-field select{width:100%;height:41px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;padding:8px 10px}.video-field input[type=color]{width:100%;height:38px;border:1px solid var(--border);background:var(--surface);padding:4px;border-radius:7px}.video-check{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 15px;cursor:pointer}.video-check input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:var(--video-accent)}.video-output-settings{background:var(--surface-soft);border-left:1px solid var(--border);padding:25px 21px;min-width:0}.video-output-settings h2{font-size:20px;font-weight:650;letter-spacing:-.5px;margin:10px 0 25px}.video-export-summary{padding:14px 0;margin:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.video-export-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin:10px 0}.video-export-summary dt{color:var(--muted)}.video-export-summary dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.video-export-action{display:flex;gap:8px}.video-export-action>.video-primary{flex:1;font-size:12px}.video-export-action>.button{padding:10px 12px;font-size:11px;flex-shrink:0}.video-local-note{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:var(--muted);line-height:1.8;margin:14px 0}.video-local-note .icon{width:14px;height:14px;flex-shrink:0;margin-top:2px}.gif-result{margin-top:27px;padding-top:22px;border-top:1px solid var(--border)}.gif-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.video-ready{display:flex;gap:7px;align-items:center;color:#39705b;font-size:12px;font-weight:600}.video-ready .icon{width:16px;height:16px}.gif-result-head p{font-size:10px;color:var(--muted);line-height:1.9;margin:8px 0 0}.gif-result-head .video-primary{font-size:11px;min-height:41px;padding:10px 14px;flex-shrink:0}.gif-image-box{display:flex;align-items:center;justify-content:center;min-height:180px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;padding:15px;margin-bottom:14px}.gif-image-box img{max-width:100%;max-height:430px;width:auto;height:auto}.video-app button:disabled{opacity:.5;cursor:not-allowed}.video-guidance ol{padding-left:20px}.video-guidance li{padding:4px 0}.video-faq{padding:26px 28px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin:25px 0}.video-faq details{border-top:1px solid var(--border);padding:14px 0}.video-faq summary{font-size:12px;font-weight:600;cursor:pointer}.video-faq details p{font-size:12px;color:var(--muted);line-height:1.95;margin:12px 0 0}
html[data-theme=dark] .video-workspace-page{--video-accent:#e4ad87;--video-soft:#352a26;--video-line:#5c4133}html[data-theme=dark] .video-primary{background:#9c542e;color:#fff}html[data-theme=dark] .video-primary:hover{background:#b56840}html[data-theme=dark] .video-ready{color:#8fc3a9}html[data-theme=dark] .video-message.is-error{background:#3d2d27;border-color:#6c4839;color:#e3b799}
@media(min-width:1550px){.video-editor{padding:29px}.video-editor-grid{grid-template-columns:minmax(0,1fr) 315px}}
@media(max-width:1100px){.video-editor-grid{grid-template-columns:minmax(0,1fr) 270px}.video-editor{padding:20px}.video-preview-grid{grid-template-columns:1fr}.video-source-box video{max-height:350px}.video-hub-card{flex-wrap:wrap}.video-card-cta{margin-left:95px}.video-time-fields{gap:8px}}
@media(max-width:900px){.video-editor-grid{grid-template-columns:1fr}.video-output-settings{border-left:0;border-top:1px solid var(--border);padding:24px 24px 95px}.video-preview-grid{grid-template-columns:1fr 1fr}.video-heading h1{font-size:33px}.video-hub-card{gap:20px}.video-card-cta{margin-left:90px}.video-output-settings>fieldset{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.video-output-settings .video-setting-note,.video-output-settings fieldset>.video-check{grid-column:1/-1}.video-workspace-page .video-app.has-video.is-in-view .video-export-action{position:fixed;bottom:76px;left:22px;right:22px;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 25px #17243d15;border-radius:12px;padding:7px;z-index:40}.video-hub-details,.video-guidance{gap:24px}.gif-result{padding-bottom:70px}}
@media(max-width:600px){.video-heading{align-items:flex-start;gap:12px;margin:17px 0}.video-heading h1{font-size:28px;letter-spacing:-1px}.video-heading .eyebrow{font-size:7px}.video-heading p{font-size:12px}.video-back-link{font-size:9px;margin-top:9px}.video-back-link .icon{width:14px;height:14px}.video-trust{gap:10px 15px;font-size:9px;margin-bottom:20px}.video-trust .icon{width:12px;height:12px}.video-steps{gap:12px;padding:15px;font-size:9px;justify-content:space-between}.video-steps li{gap:5px}.video-steps li>span{width:20px;height:20px;font-size:9px}.video-dropzone{margin:15px;padding:28px 16px}.video-dropzone h2{font-size:21px}.video-dropzone>p{font-size:12px}.video-dropzone small{font-size:10px}.video-filebar{padding:17px 15px;gap:9px;flex-wrap:wrap}.video-filebar>div{flex-basis:calc(100% - 55px)}.video-filebar .button{margin-left:51px}.video-filebar>.video-text-button{margin-left:auto}.video-filebar h2{font-size:12px}.video-editor{padding:19px 15px}.video-preview-grid{grid-template-columns:1fr}.video-source-box,.video-frame-box{min-height:175px}.video-frame-box canvas{max-height:230px}.video-small-button{min-height:40px;padding:8px 9px}.video-time-fields{grid-template-columns:1fr 1fr;gap:10px}.video-time-fields>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.video-time-fields>div>span{margin:0}.video-time-fields input,.video-field input:not([type=color]),.video-field select{font-size:16px}.video-range-fields{grid-template-columns:1fr;gap:10px}.video-mark-buttons{gap:6px}.video-mark-buttons .video-small-button{flex:1 1 calc(50% - 6px);font-size:9px}.video-output-settings{padding:24px 18px 95px}.video-output-settings>fieldset{display:block}.video-export-action .video-primary{font-size:13px}.gif-result-head{align-items:flex-start;flex-direction:column;gap:12px}.gif-result-head .video-primary{width:100%;font-size:12px}.video-guidance,.video-hub-details{grid-template-columns:1fr;gap:20px;margin:27px 0}.video-faq{padding:22px 18px}.video-hub-hero{padding:22px 5px 20px}.video-hub-hero h1{font-size:37px}.video-hub-hero>p{font-size:13px}.video-hub-card{padding:23px 20px;align-items:flex-start;gap:17px}.video-card-icon{width:47px;height:53px}.video-card-icon .icon{width:25px;height:25px}.video-hub-card>div{flex-basis:calc(100% - 65px)}.video-hub-card h2{font-size:20px;line-height:1.4}.video-hub-card p{font-size:12px}.video-card-cta{margin-left:64px;font-size:12px}.video-hub-details{padding:24px}.video-working{margin:17px 15px}.video-message{margin:15px;padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.video-workspace-page *{scroll-behavior:auto!important;transition:none!important}}