.vd{display:flex;flex-direction:column;min-height:calc(100dvh - var(--dk-top-h, 64px))}.vd-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.vd-mode{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;text-align:left;cursor:pointer;color:var(--ink);font:inherit}.vd-mode svg{color:var(--blue-text)}.vd-mode b{font-size:15px}.vd-mode:hover:not(:disabled){border-color:var(--blue)}.vd-mode:disabled{opacity:.5;cursor:default}.vd-recorder{width:100%;height:min(78vh,820px);border:1px solid var(--df-line);border-radius:18px;background:#000}.vd-drop{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px;border-style:dashed;text-align:center}.vd-drop svg{color:var(--blue-text)}.vd-bar{height:8px;border-radius:99px;background:var(--df-line);overflow:hidden;margin-top:8px}.vd-bar i{display:block;height:100%;background:var(--blue);transition:width .4s ease}.vd-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-gap:16px;gap:16px;align-items:start}.vd-src{padding:14px;display:grid;grid-gap:12px;gap:12px}.vd-src img,.vd-src-blank{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:var(--df-line);display:grid;place-items:center;color:var(--soft)}.vd-src>div{display:flex;flex-direction:column;gap:4px}.vd-opts{padding:18px 20px;display:grid;grid-gap:16px;gap:16px}.vd-toggle{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.vd-toggle input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue);flex:0 0 auto}.vd-toggle>span{display:flex;flex-direction:column;gap:2px}.vd-shapes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--df-line);padding-top:14px}.vd-shapes .df-cap{width:100%}.vd-player{width:100%;max-height:70vh;border-radius:10px;background:#000}.vd-player[data-shape="9:16"]{aspect-ratio:9/16;width:auto;max-width:100%;margin:0 auto;display:block}.vd-player[data-shape="1:1"]{aspect-ratio:1/1;width:auto;max-width:100%;margin:0 auto;display:block}.vd-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:start}.vd-card{padding:20px;display:flex;flex-direction:column;gap:10px}.vd-card .df-ghostbtn{align-self:flex-start}.vd-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vd-row select{min-height:44px;border-radius:var(--btn-r);border:1px solid var(--df-line-2);background:var(--card);color:var(--ink);padding:0 12px;font:inherit}.vd-clips{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.vd-clips li{justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--df-line);padding-top:8px;font-size:13.5px}.vd-clips li,.vd-clips li span{display:flex;gap:10px}@media (max-width:900px){.vd-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-edit,.vd-next{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.vd-modes{grid-template-columns:minmax(0,1fr)}.vd .df-page{padding:20px 16px}.vd .df-steps{padding:20px 16px 0}.vd-recorder{height:70vh}}