.vf-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.vf-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vf-spacer{flex:1}.vf-count{color:var(--ui-ink-faint);white-space:nowrap;font-size:12px}.vf-button{height:32px;color:var(--ui-ink-strong);font:500 13px var(--ui-font);cursor:pointer;background:#fff;border:1px solid #e2e2e2;border-radius:9px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.vf-button:hover{border-color:#cfcfcf}.vf-button[data-on]{background:#f2f2f2;border-color:#d4d4d4}.vf-button em{box-sizing:border-box;color:#fff;min-width:18px;height:18px;font:600 11px/18px var(--ui-font);font-variant-numeric:tabular-nums;text-align:center;background:#181818;border-radius:9px;padding:0 5px;font-style:normal;display:inline-block}.vf-more{letter-spacing:1px;padding:0 10px}.vf-chip{height:30px;color:var(--ui-ink-strong);font:500 13px var(--ui-font);cursor:pointer;background:#fff;border:1px solid #e2e2e2;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.vf-chip svg{color:var(--ui-ink-faint);flex:none;transition:color .12s;display:block}.vf-chip:hover svg{color:var(--ui-ink)}.vf-link{color:var(--ui-ink-soft);font:500 13px var(--ui-font);cursor:pointer;background:0 0;border:0;padding:0 4px}.vf-link:hover{color:var(--ui-ink)}.vf-filter{position:relative}.vf-panel{z-index:40;background:#fff;border:1px solid #e6e6e6;border-radius:14px;width:372px;padding:14px 18px 0;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px -8px #0000002e,0 2px 6px #00000014}.vf-panel>p{color:var(--ui-ink-faint);margin:12px 0 8px;font-size:12px;font-weight:500}.vf-panel>p:first-child{margin-top:2px}.vf-checks{flex-direction:column;gap:2px;margin:0 -8px;display:flex}.vf-checks label{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:13px;transition:background .12s;display:flex}.vf-checks label:hover{background:#f5f5f5}.vf-checks input:checked+*{font-weight:500}.vf-checks label:has(input:checked){font-weight:500}.vf-pill{transition:background .16s,border-color .16s,color .16s,transform .1s}.vf-pill:hover:not([data-on]){border-color:#bdbdbd}.vf-pill:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.vf-pill{transition:none}}.vf-pills{flex-wrap:wrap;gap:6px;display:flex}.vf-pill{height:28px;color:var(--ui-ink-strong);font:500 12px var(--ui-font);cursor:pointer;background:#fff;border:1px solid #e2e2e2;border-radius:7px;padding:0 10px}.vf-pill[data-on]{color:#fff;background:#181818;border-color:#181818}.vf-panel footer{border-top:1px solid #efefef;justify-content:space-between;align-items:center;margin:16px -18px 0;padding:10px 18px;display:flex}.vf-grid{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.vf-tile{width:156px;color:var(--ui-ink);font-family:var(--ui-font);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;transition:background .12s,box-shadow .12s;display:flex;position:relative}.vf-tile:hover{background:#f3f3f3}.vf-tile[data-over]{background:#fff4d6;box-shadow:inset 0 0 0 2px #f2b63a}.vf-glyph{margin-bottom:6px}.vf-tile strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:500;overflow:hidden}.vf-tile small{color:var(--ui-ink-faint);font-size:12px}.vf-drop{white-space:nowrap;color:#fff;background:#181818;border-radius:7px;padding:3px 8px;font-size:12px;font-weight:500;position:absolute;top:6px;left:50%;transform:translate(-50%)}.vf-empty{color:var(--ui-ink-faint);text-align:center;margin:40px 0;font-size:14px}.gen-tile video,.gen-tile-hover{border-radius:12px}.gen-tile:has(.ui-menu){z-index:30;overflow:visible}.gen-tile:has(.ui-menu) .gen-tile-hover{opacity:1}.gen-tile-hover .ui-menu{pointer-events:auto}.vf-check{color:var(--ui-ink)}.vf-dialog .vf-name{flex-direction:column;gap:8px;font-size:13px;font-weight:500;display:flex}.vf-help{color:var(--ui-ink-faint);margin-top:10px;font-size:12px;display:block}.vf-tile:focus-visible{outline-offset:2px;outline:2px solid #181818}.vf-tile-more{width:26px;height:26px;color:var(--ui-ink-body);font:600 12px/1 var(--ui-font);letter-spacing:1px;cursor:pointer;opacity:0;background:#fff;border:1px solid #e2e2e2;border-radius:7px;place-items:center;padding:0;transition:opacity .12s;display:grid;position:absolute;top:6px;right:6px}.vf-tile:hover .vf-tile-more,.vf-tile:focus-within .vf-tile-more{opacity:1}.vf-tile-more:hover{color:var(--ui-ink);border-color:#cfcfcf}.vf-menu{z-index:1000;min-width:220px;max-height:min(420px,100dvh - 16px);font-family:var(--ui-font);background:#fff;border:1px solid #e6e6e6;border-radius:12px;flex-direction:column;padding:4px;animation:.12s ease-out vf-menu-in;display:flex;position:fixed;overflow-y:auto;box-shadow:0 12px 32px -8px #0000002e,0 2px 6px #00000014}.vf-menu button[role=menuitem],.vf-menu-back{min-height:34px;color:var(--ui-ink-strong);font:450 14px var(--ui-font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex}.vf-menu button[role=menuitem]:hover,.vf-menu-back:hover{background:#f3f3f3}.vf-menu button[data-danger]{color:#b3261e}.vf-menu button span{color:var(--ui-ink-faint)}.vf-menu-back{color:var(--ui-ink-soft);font-size:13px}.vf-menu hr{border:0;border-top:1px solid #efefef;width:100%;margin:4px 0}.vf-menu-label{color:var(--ui-ink-faint);margin:4px 10px 6px;font-size:12px;font-weight:500}.vf-menu-note{color:var(--ui-ink-faint);margin:6px 10px 8px;font-size:13px}.vf-swatches{flex-wrap:wrap;gap:8px;padding:0 10px 8px;display:flex}.vf-swatches button{cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #0000001a}.vf-swatches button:hover{transform:scale(1.12)}.vf-swatches button[data-on]{box-shadow:0 0 0 2px #fff,0 0 0 4px #181818}@keyframes vf-menu-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.vf-menu{animation:none}}.gz{box-sizing:border-box;background:#fff;border:1px solid #e6e6e6;border-radius:10px;align-items:center;gap:10px;height:36px;padding:0 10px;display:flex}.gz-end{color:#8a8a8a;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;transition:color .15s,background-color .15s;display:grid}.gz-end svg{width:14px;height:14px}.gz-end:hover:not(:disabled){color:#181818;background:#f3f3f3}.gz-end:disabled{opacity:.4;cursor:default}.gz-track{--knob:12px;width:96px;height:20px;display:block;position:relative}.gz-rail,.gz-fill{border-radius:1px;height:2px;position:absolute;top:9px;left:0}.gz-rail{background:#e4e4e4;right:0}.gz-fill{width:calc(var(--knob) / 2 + (100% - var(--knob)) * var(--gz));background:#181818;transition:width .2s cubic-bezier(.2,.8,.2,1)}.gz-tick{top:13px;left:calc(var(--knob) / 2 + (100% - var(--knob)) * var(--at) - 1px);opacity:0;background:#c9c9c9;border-radius:50%;width:2px;height:2px;transition:opacity .15s;position:absolute}.gz:hover .gz-tick{opacity:1}.gz-track input{width:100%;height:100%;box-shadow:none;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.gz-track input::-webkit-slider-runnable-track{height:100%;box-shadow:none;background:0 0;border:0}.gz-track input::-moz-range-track{height:100%;box-shadow:none;background:0 0;border:0}.gz-track input::-webkit-slider-thumb{width:var(--knob);height:var(--knob);margin-top:calc((20px - var(--knob)) / 2);appearance:none;background:#fff;border:0;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #00000038,0 0 0 .5px #00000014}.gz-track input::-moz-range-thumb{width:var(--knob);height:var(--knob);background:#fff;border:0;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #00000038,0 0 0 .5px #00000014}.gz:hover .gz-track input::-webkit-slider-thumb{transform:scale(1.17)}.gz-track input:active::-webkit-slider-thumb{transform:scale(1.17)}.gz:hover .gz-track input::-moz-range-thumb{transform:scale(1.17)}.gz-track input:active::-moz-range-thumb{transform:scale(1.17)}.gz-track input:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #181818}@media (max-width:640px){.gz-track{width:64px}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(*){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}