.vb-cols{display:grid;gap:20px;align-items:start}@media (min-width:1024px){.vb-cols{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px}}.vb-fields{display:grid;gap:18px;margin-top:22px}.vb-field{display:grid;gap:6px;min-width:0;border:0;padding:0;margin:0}.vb-field>label,.vb-field>legend,.vb-label{font:500 14px/1.35 var(--mk-sans);color:var(--ink);padding:0}.vb-opt{font-weight:400;color:var(--slate)}.vb-legend{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;width:100%}.vb-legend span{font:400 12.5px var(--mk-sans);color:var(--slate)}.vb-two{display:grid;gap:14px}@media (min-width:560px){.vb-two{grid-template-columns:1fr 1fr}}.vb-chips{display:flex;flex-wrap:wrap;gap:8px}.vb-chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid transparent;background:var(--paper-2);color:var(--body);font:500 14px var(--mk-sans);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.vb-chip:hover{color:var(--ink);background:color-mix(in srgb,var(--paper-2) 80%,var(--ink) 6%)}.vb-chip[aria-checked=true]{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-dim);color:var(--accent-ink)}.vb-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vb-look{overflow:hidden;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.vb-look:hover{transform:translateY(-1px);border-color:var(--line-2)}.vb-look[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.vb-look>span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-top:1px solid var(--line);font:500 13px var(--mk-sans);color:var(--ink)}.vb-look small{margin-left:auto;font-size:11px;font-weight:400;color:var(--slate)}.vb-more{border-top:1px solid var(--line);padding-top:14px}.vb-more>summary{cursor:pointer;list-style:none;font:500 14px var(--mk-sans);color:var(--ink)}.vb-more>summary::-webkit-details-marker{display:none}.vb-more>summary:after{content:" +";color:var(--slate)}.vb-more[open]>summary:after{content:" −"}.vb-more[open]{display:grid;gap:14px}.vb-preview{position:relative}@media (max-width:1023px){.vb-preview{order:-1}}@media (min-width:1024px){.vb-preview{position:sticky;top:88px}}.vb-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:12px;border:1px solid var(--line);background:var(--paper);margin-bottom:12px}.vb-tabs button{height:36px;padding:0 14px;border-radius:9px;font:500 13px var(--mk-sans);color:var(--slate)}.vb-tabs button[aria-checked=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm);outline:1px solid var(--line)}.vb-frame{border-radius:18px;overflow:hidden;background:#22211e;box-shadow:var(--shadow-lg)}.vb-frame.tall{max-width:360px;margin-inline:auto}.vb-player{position:relative;width:100%;background:#22211e}.vb-loading{display:grid;place-items:center;width:100%;height:100%;min-height:160px;padding:20px;color:#d9d5cc;font:500 14px var(--mk-sans);text-align:center}.vb-cap{margin-top:10px;font-size:12.5px;color:var(--slate)}.vb-request{margin-top:20px}.vb-formats{display:grid;gap:8px;border:0;padding:0;margin:16px 0 6px}.vb-format{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}.vb-format input{margin-top:3px;accent-color:var(--accent);width:16px;height:16px}.vb-format b{display:block;font:500 14px var(--mk-sans);color:var(--ink)}.vb-format small{display:block;font-size:12.5px;color:var(--slate);margin-top:2px}.vb-done{margin-top:20px}.vb-result{display:grid;gap:20px}.vb-steps{display:grid;gap:10px;margin-top:16px}.vb-step{display:flex;align-items:center;gap:10px;font:400 14.5px var(--mk-sans);color:var(--slate)}.vb-step i{width:10px;height:10px;border-radius:999px;border:2px solid var(--line-2);flex:none}.vb-step.on{color:var(--ink)}.vb-step.on i{border-color:var(--accent);background:var(--accent)}.vb-step.now i{border-color:var(--accent);background:transparent;box-shadow:0 0 0 4px var(--accent-dim)}.vb-files{display:grid;gap:18px}@media (min-width:900px){.vb-files{grid-template-columns:.6fr 1fr;align-items:start}}.vb-file video{display:block;width:100%;border-radius:14px;background:#22211e}.vb-file h3{font:500 15px var(--mk-sans);color:var(--ink);margin:10px 0 8px}