.video-trimmer-page .vt-workspace{display:grid;gap:1rem;padding:1.25rem}.vt-workspace [hidden]{display:none!important}.vt-upload{background:var(--bg-secondary,#f8fafc);border:2px dashed var(--border-color,#cbd5e1);border-radius:16px;cursor:pointer;display:grid;min-height:156px;padding:1.4rem;place-items:center;position:relative;text-align:center}.vt-upload.dragover,.vt-upload:focus-visible,.vt-upload:hover{background:var(--bg-hover,#eef2ff);border-color:#6366f1;outline:2px solid transparent}.vt-upload svg{color:#4f46e5;display:block;fill:none;height:32px;margin:0 auto .55rem;stroke:currentColor;stroke-width:1.8;width:32px}.vt-upload span,.vt-upload strong{display:block}.vt-upload strong{color:var(--text-primary,#0f172a)}.vt-duration,.vt-file-info span,.vt-hint,.vt-upload span{color:var(--text-secondary,#64748b);font-size:.875rem}.vt-file-info{max-width:100%;overflow-wrap:anywhere}.vt-remove{background:var(--bg-card,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:8px;color:var(--text-primary,#0f172a);cursor:pointer;padding:.4rem .7rem;position:absolute;right:.7rem;top:.7rem}.vt-status{color:var(--text-secondary,#475569);font-size:.9rem;margin:0;min-height:1.3em}.vt-status[data-state=error]{color:#b91c1c}.vt-preview,.vt-progress,.vt-result,.vt-settings{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;min-width:0;padding:1rem}.vt-preview video{aspect-ratio:16/9;background:#0f172a;border-radius:8px;display:block;max-height:390px;object-fit:contain;width:100%}.vt-timeline{background:#cbd5e1;border-radius:99px;cursor:pointer;height:12px;margin:1rem 0 .35rem;position:relative}.vt-timeline:focus-visible{outline:2px solid #4f46e5;outline-offset:4px}.vt-timeline>div{background:#4f46e5;border-radius:99px;height:100%;width:0}.vt-timeline span{background:#16a34a;border-radius:2px;height:20px;pointer-events:none;position:absolute;top:-4px;width:4px}.vt-timeline #markerEnd{background:#dc2626}.vt-controls,.vt-fields,.vt-player-row{display:flex;gap:.65rem;justify-content:space-between}.vt-player-row{color:var(--text-secondary,#64748b);font-size:.8rem}.vt-controls{flex-wrap:wrap;margin-top:.8rem}.vt-controls button{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#cbd5e1);border-radius:9px;color:var(--text-primary,#0f172a);cursor:pointer;flex:1 1 150px;font:inherit;min-height:44px;padding:.55rem .7rem}.vt-controls button:hover{border-color:#4f46e5}.vt-settings h2{font-size:1.05rem;margin:0 0 .8rem}.vt-fields label,.vt-settings h2{color:var(--text-primary,#0f172a)}.vt-fields label{flex:1;font-size:.88rem;font-weight:600;min-width:0}.vt-fields input{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:9px;box-sizing:border-box;color:var(--text-primary,#0f172a);display:block;font:inherit;margin-top:.35rem;min-height:44px;padding:.65rem .75rem;width:100%}.vt-fields input:focus-visible,.vt-workspace button:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.vt-hint{margin:.55rem 0}.vt-duration{margin:.65rem 0 1rem}.vt-duration strong{color:var(--text-primary,#0f172a)}.vt-primary{background:#4f46e5;border:0;border-radius:10px;color:#fff;cursor:pointer;display:block;font:inherit;font-weight:700;min-height:46px;width:100%}.vt-primary:hover{background:#4338ca}.vt-primary:disabled{cursor:wait;opacity:.6}.vt-progress{display:grid;gap:.5rem}.vt-progress-track{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden}.vt-progress-track div{background:#4f46e5;height:100%;width:0}.vt-result{border-color:#16a34a}.vt-result p{color:var(--text-secondary,#475569);margin:.4rem 0 .8rem}body.dark-mode .vt-status[data-state=error],html[data-theme=dark] .vt-status[data-state=error]{color:#fca5a5}body.dark-mode .video-trimmer-page .vt-upload,html[data-theme=dark] .video-trimmer-page .vt-upload{background:#1e293b;border-color:#475569;color:#cbd5e1}body.dark-mode .video-trimmer-page .vt-upload strong,html[data-theme=dark] .video-trimmer-page .vt-upload strong{color:#f1f5f9}body.dark-mode .video-trimmer-page .vt-upload:focus-visible,body.dark-mode .video-trimmer-page .vt-upload:hover,html[data-theme=dark] .video-trimmer-page .vt-upload:focus-visible,html[data-theme=dark] .video-trimmer-page .vt-upload:hover{background:#26334b;border-color:#818cf8}body.dark-mode .video-trimmer-page :is(.vt-preview,.vt-settings,.vt-progress,.vt-result),html[data-theme=dark] .video-trimmer-page :is(.vt-preview,.vt-settings,.vt-progress,.vt-result){background:#1e293b;border-color:#475569;color:#f1f5f9}body.dark-mode .video-trimmer-page :is(.vt-settings h2,.vt-fields label,.vt-duration strong),html[data-theme=dark] .video-trimmer-page :is(.vt-settings h2,.vt-fields label,.vt-duration strong){color:#f1f5f9}body.dark-mode .video-trimmer-page :is(.vt-fields input,.vt-controls button,.vt-remove),html[data-theme=dark] .video-trimmer-page :is(.vt-fields input,.vt-controls button,.vt-remove){background:#111827;border-color:#475569;color:#f1f5f9}@media(max-width:640px){.video-trimmer-page .vt-workspace{padding:.9rem}.vt-fields{flex-direction:column}.vt-upload{min-height:136px;padding:1rem}.vt-remove{margin-top:.7rem;position:static}.vt-preview,.vt-progress,.vt-result,.vt-settings{padding:.8rem}}