.video-main{max-width:1100px;margin:auto;padding:32px 20px}.video-hero{padding:26px;border-radius:18px;background:linear-gradient(115deg,#0f766e,#115e59);color:white;margin:24px 0}.video-hero h1{font-size:clamp(28px,4vw,38px);margin:10px 0}.video-hero p{color:#f0fdfa;line-height:1.9}.video-workbench,.information-card{padding:28px;margin-top:24px}.information-card .content-section:first-child{margin-top:0}.video-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.video-actions button{font:inherit;padding:10px 18px;min-height:44px;border:1px solid #0f766e;border-radius:8px;cursor:pointer;background:#0f766e;color:white}.video-actions button:disabled{opacity:.5;cursor:not-allowed}.video-file{display:block;font-weight:700;margin-bottom:10px}.video-file input{display:block;margin-top:10px;max-width:100%;font:inherit}.video-preview{display:block;width:100%;max-height:440px;margin:18px 0;background:#172033;border-radius:12px}.video-meta{display:grid;grid-template-columns:minmax(110px,1fr) 3fr;gap:0;margin:20px 0}.video-meta dt,.video-meta dd{margin:0;padding:12px;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.video-meta dt{font-weight:700}.video-warning{color:#9a3412;background:#fff7ed;padding:12px;border-radius:8px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}[hidden]{display:none!important}@media(max-width:500px){.video-main{padding:20px 12px}.video-workbench,.information-card{padding:20px}.video-meta{grid-template-columns:1fr}.video-meta dt{border-bottom:0;padding-bottom:0}}
.edit-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.edit-settings label{display:flex;flex-direction:column;gap:8px;font-weight:700}.edit-settings input{width:100%;font:inherit;padding:8px;min-height:40px}@media(max-width:500px){.edit-settings{grid-template-columns:1fr}}
.merge-preview{display:block;max-width:100%;width:240px;max-height:160px;background:#172033;border-radius:8px;margin-bottom:8px}#list li{margin:18px 0;overflow-wrap:anywhere}#list button{font:inherit;margin:4px;padding:8px 12px;min-height:42px;border:1px solid #99d5ca;border-radius:8px;background:#f0fdfa;cursor:pointer}fieldset{margin:20px 0;padding:16px;border:1px solid var(--color-border);border-radius:12px}
.video-dropzone{padding:18px;border:2px dashed #99d5ca;border-radius:12px;overflow-wrap:anywhere}.video-dropzone.over{border-color:#0f766e;background:#ecfdf5}.video-drop-hint{margin:0 0 12px;font-weight:600}
.trim-timeline{margin:16px 0}.trim-timeline input{width:100%;min-height:40px}.timeline-track{position:relative;height:16px;background:#dbe4ee;border-radius:8px;margin:18px 0;overflow:hidden}#selection-band{position:absolute;height:100%;background:#0f766e}#playhead{position:absolute;height:100%;width:3px;background:#f97316}
.timeline-track{height:40px;overflow:visible;background:linear-gradient(#dbe4ee,#dbe4ee) center/100% 12px no-repeat}.timeline-track #selection-band{height:12px;top:14px}.timeline-track #playhead{top:8px;height:24px}.timeline-track input[type=range]{position:absolute;inset:0;margin:0;padding:0;appearance:none;background:transparent;pointer-events:none;z-index:2;height:40px}.timeline-track input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:32px;border:2px solid white;border-radius:6px;background:#0f766e;pointer-events:auto;cursor:ew-resize}.timeline-track input[type=range]::-moz-range-thumb{width:20px;height:28px;border:2px solid white;border-radius:6px;background:#0f766e;pointer-events:auto;cursor:ew-resize}#end-range::-webkit-slider-thumb{background:#2563eb}#end-range::-moz-range-thumb{background:#2563eb}
.video-workbench p{overflow-wrap:anywhere}.edit-settings select{width:100%;font:inherit;padding:8px;min-height:44px}.timeline-track input[type=range]{touch-action:none}

.video-file.video-dropzone,.upload.video-dropzone{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;width:100%;padding:24px;border:1px dashed #ffffff50;border-radius:12px;color:#fff;background:#253644;cursor:pointer;text-align:center}.video-dropzone>strong{font-size:16px}.video-dropzone>span{font-size:13px;color:#b7c5d0}.video-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-dropzone:hover,.video-dropzone.over{background:#30495b;border-color:#35ccb4;outline:3px solid #35ccb4;outline-offset:-3px}.video-dropzone:focus-within{outline:3px solid #178cbe;outline-offset:2px}.video-input-note{font-size:12px;color:#667686}.video-dropzone:has(input:disabled){opacity:.5;cursor:not-allowed}

.video-file-compact{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #99d5ca;border-radius:8px;cursor:pointer;overflow:hidden}.video-file-compact input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.video-file-compact:focus-within{outline:3px solid #178cbe}.video-spinner{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid #b7c5d0;border-top-color:#0f766e;border-radius:50%;animation:video-spin .8s linear infinite;vertical-align:middle}.video-processing-status{display:inline-block;max-width:100%}@keyframes video-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.video-spinner{animation:none;border-style:dotted}}.text-handle{min-height:24px;min-width:24px} .video-workbench input{box-sizing:border-box}

/* Tool accents share the same layout and contrast-safe foregrounds. */
body[data-video-tool="info"]{--video-accent:#475569;--video-deep:#1d4ed8}
body[data-video-tool="trim"]{--video-accent:#15803d;--video-deep:#166534}
body[data-video-tool="loop"]{--video-accent:#7e22ce;--video-deep:#6b21a8}
body[data-video-tool="merge"]{--video-accent:#c2410c;--video-deep:#9a3412}
body[data-video-tool="to-gif"]{--video-accent:#be185d;--video-deep:#9d174d}
body[data-video-tool="upscale"]{--video-accent:#0e7490;--video-deep:#155e75}
body[data-video-tool="combine"]{--video-accent:#4338ca;--video-deep:#3730a3}
body[data-video-tool="speed"]{--video-accent:#b45309;--video-deep:#92400e}
body[data-video-tool="subtitles"]{--video-accent:#6d28d9;--video-deep:#5b21b6}
body[data-video-tool="watermark"]{--video-accent:#0f766e;--video-deep:#115e59}
body[data-video-tool="thumbnail"]{--video-accent:#be123c;--video-deep:#9f1239}
body[data-video-tool="adjust"]{--video-accent:#4d7c0f;--video-deep:#3f6212}
body[data-video-tool="enhance"]{--video-accent:#1d4ed8;--video-deep:#0e7490}
body[data-video-tool] .video-hero,body[data-video-tool] .lab-hero{background:linear-gradient(115deg,var(--video-accent),var(--video-deep));box-shadow:0 8px 24px color-mix(in srgb,var(--video-accent) 18%,transparent)}body[data-video-tool] .video-actions button:not(:disabled),body[data-video-tool] #export,body[data-video-tool] #download{background:var(--video-accent);border-color:var(--video-accent);color:white}body[data-video-tool] progress{accent-color:var(--video-accent)}body[data-video-tool] .video-spinner{border-top-color:var(--video-accent)}body[data-video-tool] .video-workbench,body[data-video-tool] .editor{border-top:3px solid var(--video-accent)}.beta-badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;background:#ffffff26;border:1px solid currentColor;color:inherit;margin-left:8px}.beta-preview-stage{position:relative;width:100%;background:#172033;border-radius:12px;overflow:hidden;margin:18px 0}.beta-preview-stage .video-preview{margin:0;max-height:none;border-radius:0}.beta-preview-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.beta-settings textarea{width:100%;min-height:70px;font:inherit;padding:10px}.beta-settings input[type=checkbox]{width:auto;min-height:auto}.beta-settings .check-row{flex-direction:row;align-items:center}.beta-settings button{min-height:44px}.beta-settings fieldset{min-width:0}.beta-settings select,.beta-settings input{max-width:100%}.beta-settings .video-actions{margin:12px 0}.video-compact-guide{font-size:13px;color:#475569}.video-ad-slot{margin:36px auto;text-align:center}.video-preview[hidden]+canvas{display:none}@media(max-width:500px){.beta-settings textarea{max-width:100%}.beta-preview-stage{width:100%}}

.video-file-compact:hover,.video-file-compact.over{background:#ecfdf5;outline:2px solid var(--video-accent,#0f766e);outline-offset:-2px}