.video-tool .video-load{padding:15px;border-bottom:1px solid var(--line)}.workspace.video-tool .workspace-body.vd-layout{display:grid;grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr);grid-template-areas:'settings viewer' 'settings result';align-items:start}.video-tool .vd-settings{grid-area:settings;min-width:0}.video-tool .vd-source-panel{grid-area:viewer;min-width:0}.video-tool .vd-result-panel{grid-area:result;min-width:0;border-top:1px solid var(--line)}.vd-screen{position:relative;background:#101018;border-radius:10px;overflow:hidden}.vd-screen video{display:block;width:100%;max-height:420px;object-fit:contain}.vd-screen:fullscreen{display:grid;place-items:center;width:100%;height:100%;border-radius:0}.vd-screen:fullscreen video{max-height:100vh;height:100vh}.vd-screen .vd-fullscreen{position:absolute;right:9px;top:9px;background:var(--bg);border:1px solid var(--category-accent);color:var(--category-accent);min-width:44px;min-height:44px;box-shadow:0 2px 12px #0004}.vd-transport{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.vd-seek{margin:8px 0}.vd-clock{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);margin:6px 0}.vd-timeline{position:relative;margin:12px 0;min-height:58px;touch-action:pan-y;border:1px solid var(--line);border-radius:8px}.vd-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:58px;background:var(--surface-2);border-radius:8px;overflow:hidden}.vd-thumb{display:block;border:0;padding:0;min-width:0;background:transparent;min-height:44px}.vd-thumb img{display:block;width:100%;height:auto;pointer-events:none}.vd-selection{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--category-accent) 17%,transparent);border-block:2px solid var(--category-accent);cursor:grab}.vd-edge{position:absolute;top:0;bottom:0;min-width:44px;border:2px solid var(--category-accent);background:var(--bg);color:var(--text);font-size:10px;font-weight:700;display:grid;place-items:center;cursor:ew-resize;touch-action:none;z-index:2}.vd-edge[data-edge=start]{transform:translateX(0);border-radius:6px 0 0 6px}.vd-edge[data-edge=end]{transform:translateX(-100%);border-radius:0 6px 6px 0}.video-tool video,.video-tool audio{width:100%}.video-tool .vd-output-image{display:block;max-width:100%;max-height:480px;width:auto;margin:10px auto;border:1px solid var(--line)}.vd-working{display:block;max-width:100%;height:auto;max-height:240px;object-fit:contain;background:#000;margin:10px auto}.vd-list{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:8px 12px;font-size:12px;margin:14px 0}.vd-list dt{color:var(--muted)}.vd-list dd{margin:0;overflow-wrap:anywhere;font-weight:600}.video-tool details{font-size:12px;margin-top:10px}.video-tool summary{cursor:pointer;font-weight:650;min-height:44px;padding-block:10px}.video-tool progress{width:100%;height:14px;accent-color:var(--category-accent)}.vd-preview-settings{border-top:1px solid var(--line);padding-top:6px}.vd-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-tool .error{overflow-wrap:anywhere}@media(max-width:900px){.workspace.video-tool .workspace-body.vd-layout{grid-template-columns:1fr;grid-template-areas:'viewer' 'settings' 'result'}.video-tool .vd-settings{border-top:1px solid var(--line)}}@media(max-width:520px){.vd-row{grid-template-columns:1fr}.video-tool .video-load{padding:12px}.vd-screen video{max-height:300px}.vd-transport .button{flex:1 1 90px;min-height:44px}.vd-list{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)}}

.video-tool .vd-seek input[type=number]{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;width:100%;min-width:0}.vd-screen .vd-fullscreen{z-index:3}.vd-screen .vd-fullscreen svg{width:21px;height:21px}

.video-tool .vd-result-panel video{display:block;max-height:440px;object-fit:contain;background:#101018;border-radius:10px}

.workspace.video-tool .workspace-body.vd-layout>.workspace-preview{position:static;top:auto;align-self:start}