.vt-hub{width:100%;max-width:72rem;color:var(--color-fg);margin:0 auto;padding:1.75rem 1rem 3rem}@media (min-width:640px){.vt-hub{padding:2.75rem 1.5rem 4rem}}.vt-hub__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;display:flex}.vt-hub__titles{min-width:0}.vt-hub__title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:max(1.875rem,min(1.4rem + 1.8vw,2.5rem));font-weight:650;line-height:1.1}.vt-hub__sub{max-width:34rem;color:var(--color-fg-muted);text-wrap:pretty;margin:.5rem 0 0;font-size:.9375rem;line-height:1.5}.vt-hub__actions[hidden]{display:none}.vt-hub__actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-width:639.98px){.vt-hub__actions{width:100%}.vt-hub__actions .vt-hub__btn{flex:auto}}.vt-hub__btn{border-radius:var(--radius,.75rem);letter-spacing:-.01em;white-space:nowrap;height:2.75rem;transition:transform .15s var(--ease-out-quart,ease-out), filter .15s ease, box-shadow .15s ease, background-color .15s ease;-webkit-tap-highlight-color:transparent;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:0 1.125rem 0 .9375rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.vt-hub__btn svg{flex:none;width:1.125rem;height:1.125rem}.vt-hub__btn:active{transform:scale(.97)}.vt-hub__btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}.vt-hub__btn--primary{background:var(--color-accent);color:var(--color-accent-fg);box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 0 #0000001f, 0 1px 2px #0000001f, 0 8px 20px -8px color-mix(in oklab, var(--color-accent) 65%, transparent)}.vt-hub__btn--primary:hover{filter:brightness(1.08)}.vt-hub__btn--secondary{border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-fg)}.vt-hub__btn--secondary:hover{border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.vt-hub__btn--lg{height:3rem;padding:0 1.375rem 0 1.125rem;font-size:1rem}.vt-hub__tools{margin-top:1.5rem}.vt-hub__search{align-items:center;max-width:22rem;display:flex;position:relative}.vt-hub__search svg{width:1rem;height:1rem;color:var(--color-fg-subtle);pointer-events:none;position:absolute;left:.75rem}.vt-hub__search input{border:1px solid var(--color-border);background:var(--color-bg-elevated);width:100%;height:2.5rem;color:var(--color-fg);font:inherit;border-radius:999px;outline:none;padding:0 .875rem 0 2.25rem;font-size:.9375rem}.vt-hub__search input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-accent) 25%, transparent)}.vt-hub__notice{background:var(--color-warn-subtle);border-radius:.75rem;justify-content:space-between;align-items:flex-start;gap:.75rem;margin:1.25rem 0 0;padding:.75rem .875rem;font-size:.875rem;line-height:1.45;display:flex}.vt-hub__notice button{width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.vt-hub__notice svg{width:1rem;height:1rem}.vt-hub__none{color:var(--color-fg-muted);margin:1.5rem 0 0;font-size:.9375rem}.vt-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.vt-hub__grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-top:2.25rem}}@media (min-width:1024px){.vt-hub__grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.25rem}}.vt-hub-card{border:1px solid var(--color-border);background:var(--color-bg-elevated);min-width:0;box-shadow:var(--shadow-xs);transition:border-color .15s ease, box-shadow .2s ease, transform .2s var(--ease-out-quart,ease-out);animation:vt-hub-in .32s var(--ease-out-expo,ease-out) both;border-radius:1rem;flex-direction:column;display:flex;position:relative}.vt-hub-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow)}@media (hover:hover){.vt-hub-card:hover{transform:translateY(-2px)}}.vt-hub-card:has(.vt-hub-card__open:focus-visible){box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}.vt-hub-card[data-just-saved]{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-accent) 22%, transparent), var(--shadow)}.vt-hub-card[data-copying]{opacity:.7}.vt-hub-card__media{aspect-ratio:16/11;background:var(--color-stage,#16181d);isolation:isolate;border-radius:calc(1rem - 1px) calc(1rem - 1px) 0 0;display:block;position:relative;overflow:hidden}.vt-hub-card__backdrop{object-fit:cover;filter:blur(18px)saturate(1.2);opacity:.55;width:124%;height:124%;position:absolute;top:-12%;bottom:-12%;left:-12%;right:-12%;transform:scale(1.05)}.vt-hub-card__img{object-fit:contain;width:100%;height:100%;transition:transform .4s var(--ease-out-expo,ease-out);display:block;position:relative}.vt-hub-card[data-orientation=landscape] .vt-hub-card__img{object-fit:cover}.vt-hub-card:hover .vt-hub-card__img{transform:scale(1.03)}.vt-hub-card__placeholder{color:#fff6;background:radial-gradient(120% 80% at 30% 20%, color-mix(in oklab, var(--color-accent) 35%, transparent), transparent 60%), var(--color-stage,#16181d);place-items:center;width:100%;height:100%;display:grid}.vt-hub-card__placeholder svg{width:1.75rem;height:1.75rem}.vt-hub-card__chips{flex-wrap:wrap;gap:.25rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.vt-hub-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.01em;background:#0a0b0e9e;border-radius:.375rem;padding:.125rem .4375rem;font-size:.6875rem;font-weight:500;line-height:1.4}.vt-hub-card__saved{background:var(--color-accent);color:var(--color-accent-fg);animation:vt-hub-pop .36s var(--ease-spring,ease-out) both;border-radius:999px;align-items:center;gap:.25rem;padding:.1875rem .5rem .1875rem .375rem;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;top:.5rem;left:.5rem;box-shadow:0 4px 14px -4px #0006}.vt-hub-card__saved svg{width:.875rem;height:.875rem}.vt-hub-card__body{gap:.125rem;padding:.625rem 2.25rem .75rem .75rem;display:grid;position:relative}@media (min-width:640px){.vt-hub-card__body{padding:.75rem 2.5rem .875rem .875rem}}.vt-hub-card__name{letter-spacing:-.01em;min-width:0;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.vt-hub-card__open{color:inherit;white-space:nowrap;text-overflow:ellipsis;outline:none;text-decoration:none;display:block;overflow:hidden}.vt-hub-card__open:after{content:"";z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.vt-hub-card__media{z-index:1}.vt-hub-card__meta{z-index:0;color:var(--color-fg-muted);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin:0;font-size:.8125rem;line-height:1.4;position:relative;overflow:hidden}.vt-hub-card__meta:not(.vt-hub-card__meta--sub){-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}.vt-hub-card__meta--sub{color:var(--color-fg-subtle);font-size:.75rem}.vt-hub-card__flag{color:color-mix(in oklab, var(--color-warn) 70%, var(--color-fg));font-weight:500}.vt-hub-card__rename{display:block}.vt-hub-card__rename input{z-index:2;border:1px solid var(--color-accent);background:var(--color-bg);width:100%;height:1.875rem;color:var(--color-fg);font:inherit;box-shadow:0 0 0 3px color-mix(in oklab, var(--color-accent) 22%, transparent);border-radius:.5rem;outline:none;margin:-.1875rem 0 -.0625rem -.375rem;padding:0 .375rem;font-size:.9375rem;font-weight:600;position:relative}.vt-hub-card__more{z-index:3;position:absolute;top:.375rem;right:.25rem}.vt-hub-card__menu-btn{width:2rem;height:2rem;color:var(--color-fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;outline:none;place-items:center;display:grid}.vt-hub-card__menu-btn:hover,.vt-hub-card__menu-btn[aria-expanded=true]{background:var(--color-bg-subtle);color:var(--color-fg)}.vt-hub-card__menu-btn:focus-visible{box-shadow:0 0 0 2px var(--color-accent)}.vt-hub-card__menu-btn svg{width:1.125rem;height:1.125rem}.vt-hub-menu{z-index:30;border:1px solid var(--color-border);background:var(--color-bg-elevated);min-width:11rem;animation:vt-hub-menu-in .14s var(--ease-out-quart,ease-out) both;transform-origin:100% 0;border-radius:.875rem;padding:.3125rem;display:grid;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 18px 50px -12px #00000059}.vt-hub-menu__item{width:100%;min-height:2.5rem;color:var(--color-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5625rem;outline:none;align-items:center;gap:.625rem;padding:0 .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.vt-hub-menu__item:hover{background:var(--color-bg-subtle)}.vt-hub-menu__item:focus-visible{background:var(--color-bg-subtle)}.vt-hub-menu__item svg{width:1rem;height:1rem;color:var(--color-fg-muted)}.vt-hub-menu__item--danger,.vt-hub-menu__item--danger svg{color:var(--color-danger)}.vt-hub-new{min-width:0;animation:vt-hub-in .32s var(--ease-out-expo,ease-out) both;display:flex}.vt-hub-new__link{border:1.5px dashed color-mix(in oklab, var(--color-accent) 45%, var(--color-border));background:color-mix(in oklab, var(--color-accent-subtle) 45%, transparent);min-height:11rem;color:var(--color-fg);text-align:center;transition:background-color .15s ease, border-color .15s ease, transform .2s var(--ease-out-quart,ease-out);border-radius:1rem;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:1rem;text-decoration:none;display:flex}.vt-hub-new__link:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.vt-hub-new__link:focus-visible{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)}.vt-hub-new__link:active{transform:scale(.98)}.vt-hub-new__icon{background:var(--color-accent);width:2.75rem;height:2.75rem;color:var(--color-accent-fg);box-shadow:0 8px 20px -8px color-mix(in oklab, var(--color-accent) 70%, transparent);transition:transform .3s var(--ease-spring,ease-out);border-radius:999px;place-items:center;margin-bottom:.25rem;display:grid}.vt-hub-new__link:hover .vt-hub-new__icon{transform:rotate(90deg)scale(1.05)}.vt-hub-new__icon svg{width:1.375rem;height:1.375rem}.vt-hub-new__label{font-size:.9375rem;font-weight:600}.vt-hub-new__hint{color:var(--color-fg-muted);font-size:.8125rem}.vt-hub-card--skeleton{box-shadow:none;animation:none}.vt-hub-card--skeleton:hover{border-color:var(--color-border);box-shadow:none;transform:none}.vt-hub-card--skeleton .vt-hub-card__media,.vt-hub-skel{background:linear-gradient(90deg, var(--color-bg-subtle) 0%, color-mix(in oklab, var(--color-bg-subtle) 60%, var(--color-border)) 50%, var(--color-bg-subtle) 100%);background-size:200% 100%;animation:1.4s linear infinite vt-hub-shimmer}.vt-hub-skel{border-radius:999px;height:.75rem;display:block}.vt-hub-skel--name{width:70%;margin:.25rem 0 .5rem}.vt-hub-skel--meta{width:45%}.vt-hub-empty{border:1px solid var(--color-border);background:radial-gradient(90% 60% at 50% 0%, color-mix(in oklab, var(--color-accent-subtle) 80%, transparent), transparent 70%), var(--color-bg-elevated);text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;margin:2rem auto 0;padding:2.5rem 1.25rem 2.25rem;display:flex}@media (min-width:640px){.vt-hub-empty{padding:3.5rem 2rem 3rem}}.vt-hub-empty__mark{filter:drop-shadow(0 10px 22px color-mix(in oklab, var(--color-accent) 40%, transparent));margin-bottom:1.25rem;animation:5s ease-in-out infinite vt-hub-float;display:inline-flex}.vt-hub-empty__title{letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:650}.vt-hub-empty__text{max-width:30rem;color:var(--color-fg-muted);text-wrap:pretty;margin:.625rem 0 1.5rem;font-size:.9375rem;line-height:1.55}.vt-hub-empty__ctas{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.vt-hub-empty__steps{text-align:left;gap:.75rem;width:100%;max-width:46rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.vt-hub-empty__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.vt-hub-empty__steps li{background:var(--color-bg-subtle);color:var(--color-fg-muted);border-radius:.875rem;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;font-size:.875rem;line-height:1.45;display:flex}.vt-hub-empty__steps strong{color:var(--color-fg);font-weight:600}.vt-hub-empty__num{background:var(--color-accent-subtle);width:1.5rem;height:1.5rem;color:var(--color-accent-strong);border-radius:999px;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.vt-hub-storage{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:1.125rem;gap:.875rem;margin-top:3rem;padding:1.125rem 1.125rem 1.25rem;display:grid}@media (min-width:768px){.vt-hub-storage{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1rem 2rem;padding:1.25rem 1.5rem}.vt-hub-storage>:nth-child(n+3){grid-column:2}}.vt-hub-storage__row{align-items:flex-start;gap:.75rem;min-width:0;display:flex}.vt-hub-storage__row>svg{width:1.125rem;height:1.125rem;color:var(--color-fg-muted);flex:none;margin-top:.125rem}.vt-hub-storage__text{flex:1;min-width:0}.vt-hub-storage__title{margin:0;font-size:.875rem;font-weight:600}.vt-hub-storage__bar{background:color-mix(in oklab, var(--color-fg) 10%, transparent);border-radius:999px;height:.375rem;margin:.5rem 0 .375rem;overflow:hidden}.vt-hub-storage__bar span{border-radius:inherit;background:var(--color-accent);min-width:.375rem;height:100%;display:block}.vt-hub-storage__sub{color:var(--color-fg-muted);text-wrap:pretty;margin:0;font-size:.8125rem;line-height:1.5}.vt-hub-storage__sub strong{color:var(--color-fg);font-weight:600}.vt-hub-storage__link{color:var(--color-accent-strong);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.vt-hub-toast-slot{bottom:max(1rem, env(safe-area-inset-bottom));z-index:60;width:max-content;max-width:calc(100vw - 2rem);position:fixed;left:50%;transform:translate(-50%)}.vt-hub-toast{color:#fff;animation:vt-hub-toast-in .22s var(--ease-out-expo,ease-out) both;background:#14161cf2;border-radius:.875rem;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;font-size:.875rem;display:flex;box-shadow:0 12px 32px -10px #00000080}.vt-hub-toast__text{white-space:nowrap;min-width:0;display:flex}.vt-hub-toast__name{text-overflow:ellipsis;vertical-align:bottom;max-width:12rem;display:inline-block;overflow:hidden}.vt-hub-toast__undo{color:#fff;height:2.25rem;font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:.625rem;flex:none;padding:0 .875rem;font-weight:600}.vt-hub-toast__undo:hover{background:#fff3}.vt-hub-toast__undo:focus-visible{outline-offset:1px;outline:2px solid #fff}@keyframes vt-hub-in{0%{opacity:0;transform:translateY(6px)}}@keyframes vt-hub-pop{0%{opacity:0;transform:scale(.7)}}@keyframes vt-hub-menu-in{0%{opacity:0;transform:scale(.96)}}@keyframes vt-hub-toast-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes vt-hub-shimmer{to{background-position:-200% 0}}@keyframes vt-hub-float{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.vt-hub-card,.vt-hub-new,.vt-hub-card__saved,.vt-hub-menu,.vt-hub-toast,.vt-hub-empty__mark,.vt-hub-card--skeleton .vt-hub-card__media,.vt-hub-skel{animation:none}.vt-hub-card,.vt-hub-card__img,.vt-hub-new__icon,.vt-hub-new__link{transition:none}.vt-hub-card:hover,.vt-hub-card:hover .vt-hub-card__img,.vt-hub-new__link:hover .vt-hub-new__icon{transform:none}}