.sw-page[data-comments=open] .sw-slot[data-phase=active] :-moz-any(.sw-caption,.sw-rail,.sw-scrub){opacity:0;pointer-events:none}
.sw-page[data-comments=open] .sw-slot[data-phase=active] :is(.sw-caption,.sw-rail,.sw-scrub){opacity:0;pointer-events:none}
.sw-page[data-comments=open] .sw-slot[data-phase=active] .sw-media :-webkit-any(.sw-media__video,.sw-media__poster){object-fit:contain}
.sw-page[data-comments=open] .sw-slot[data-phase=active] .sw-media :-moz-any(.sw-media__video,.sw-media__poster){object-fit:contain}
.sw-page[data-comments=open] .sw-slot[data-phase=active] .sw-media :is(.sw-media__video,.sw-media__poster){object-fit:contain}
.sw-more{display:flex;gap:var(--zk-space-4);flex-direction:column}
.sw-more__section{display:flex;gap:var(--zk-space-2);flex-direction:column}
.sw-more__label{color:var(--zk-text-2);font-size:var(--zk-fs-meta);font-weight:var(--zk-fw-semibold);margin:0}
.sw-more__list{display:flex;flex-direction:column}
.sw-more__actions{display:flex;justify-content:space-between;gap:var(--zk-space-2)}
.sw-report{display:flex;border:0;flex-direction:column;margin:0;padding:0}
.sw-report legend{margin-bottom:var(--zk-space-2);padding:0}
.sw-report__option{display:flex;align-items: center;gap:var(--zk-space-3);min-height:calc(48px*var(--zk-ui-scale));border-bottom:var(--zk-hairline)solid var(--zk-line);font-size:var(--zk-fs-body);cursor:pointer}
.sw-report__option input{accent-color:var(--zk-accent-fg);width:20px;height:20px;margin:0}
.sw-report__hint{margin:var(--zk-space-3)0 0;color:var(--zk-text-2);font-size:var(--zk-fs-meta)}
.sw-keys{display:grid;gap:0;margin:0}
.sw-keys__row{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-4);min-height:calc(44px*var(--zk-ui-scale));border-bottom:var(--zk-hairline)solid var(--zk-line)}
.sw-keys dt{display:flex;gap:var(--zk-space-1)}
.sw-keys dd{color:var(--zk-text-2);font-size:var(--zk-fs-label);margin:0}
.sw-keys kbd{min-width:calc(28px*var(--zk-ui-scale));padding:2px var(--zk-space-2);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-xs);background:var(--zk-surface-2);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.4 var(--zk-font-label);text-align:center}
.sw-panel{display:none}
@media (min-width:1024px){.sw-page{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--zk-header-block));background:var(--zk-bg);color:var(--zk-text)}.sw-page[data-panel=open]{grid-template-columns:minmax(0,1fr)calc(400px*var(--zk-ui-scale))}.sw-page--embedded{height:calc(100dvh - var(--zk-header-block) - var(--zk-space-12));border-radius:var(--zk-radius-panel)}.sw-slide{display:flex;justify-content:center;align-items: flex-end;gap:var(--zk-space-4);padding:calc(var(--zk-space-4) + var(--zk-touch))calc(var(--zk-space-16) + var(--zk-space-6))var(--zk-space-4)var(--zk-space-6)}.sw-stage{position:relative;height:min(100%,calc(900px*var(--zk-ui-scale)));max-width:calc(100% - var(--sw-rail-w) - var(--zk-space-4));aspect-ratio:9/16;border-radius:var(--zk-radius-media);flex:none;inset:auto}.sw-slide[data-kind=runtime] .sw-stage{aspect-ratio:3/4}@media (min-width:1920px){.sw-stage{height:min(100%,calc(1080px*var(--zk-ui-scale)))}}.sw-caption{right:var(--zk-space-4);left:var(--zk-space-4)}.sw-caption[data-expanded]:before{right:calc(-1*var(--zk-space-4));left:calc(-1*var(--zk-space-4))}.sw-shade{height:36%}.sw-rail{position:static;overflow:visible;margin-bottom:var(--zk-space-2);color:var(--zk-text);flex:none;max-height:none;padding:0}.sw-rail__avatar{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));border-color:var(--zk-line)}.sw-rail__creator{height:calc(52px*var(--zk-ui-scale) + var(--zk-touch))}.sw-rail__icon{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));background:var(--zk-surface-2);filter:none}.sw-rail__icon .neon-icon{width:24px;height:24px}.sw-rail__btn[data-liked] .sw-rail__icon{background:var(--zk-product);color:var(--zk-on-product)}.sw-rail__count{color:var(--zk-text-2);text-shadow:none}.sw-page :-webkit-any(.sw-rail,.sw-nav) :focus-visible{outline-color:var(--zk-focus)}.sw-page :-moz-any(.sw-rail,.sw-nav) :focus-visible{outline-color:var(--zk-focus)}.sw-page :is(.sw-rail,.sw-nav) :focus-visible{outline-color:var(--zk-focus)}@media (hover:hover){.sw-rail__btn:hover .sw-rail__icon{background:var(--zk-surface-hover)}.sw-rail__btn[data-liked]:hover .sw-rail__icon{background:var(--zk-accent-hover)}}.sw-stage-controls{color:var(--zk-on-media);position:absolute;top:var(--zk-space-3);left:var(--zk-space-3);z-index:var(--zk-z-raised);display:flex;align-items: center;gap:var(--zk-space-2)}.sw-volume{opacity:0;accent-color:var(--zk-product-mark);transition:width var(--zk-dur-3)var(--zk-ease-out),opacity var(--zk-dur-3)var(--zk-ease-out);width:0}.sw-stage-controls:focus-within .sw-volume{width:calc(96px*var(--zk-ui-scale));opacity:1}@media (hover:hover){.sw-stage-controls:hover .sw-volume{width:calc(96px*var(--zk-ui-scale));opacity:1}}.sw-topbar{top:var(--zk-space-4);right:auto;left:var(--zk-space-6);color:var(--zk-text);background:0 0;height:auto;padding:0}.sw-topbar:before,.sw-topbar__actions{display:none}.sw-tabs__tab{font-size:var(--zk-fs-title-sm);text-shadow:none}.sw-tabs__tab:-webkit-any([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}.sw-tabs__tab:-moz-any([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}.sw-tabs__tab:is([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}.sw-topbar :focus-visible{outline-color:var(--zk-focus)}.sw-status{top:calc(var(--zk-space-4) + var(--zk-touch))}.sw-restore{top:var(--zk-space-4);right:var(--zk-space-6)}.sw-nav{position:absolute;top:50%;right:var(--zk-space-6);display:flex;gap:var(--zk-space-3);flex-direction:column;transform:translateY(-50%)}.sw-nav .zds-icon-button--secondary{border-radius:var(--zk-radius-pill)}.sw-nav__keys{display:grid;width:var(--zk-touch);height:var(--zk-touch);margin-top:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-pill);color:var(--zk-text-2);font:var(--zk-fw-semibold)var(--zk-fs-body)/1 var(--zk-font-label);cursor:pointer;background:0 0;place-items: center;padding:0}@media (hover:hover){.sw-nav__keys:hover{background:var(--zk-surface-hover);color:var(--zk-text)}}.sw-skeleton__slide{display:flex;justify-content:center;align-items: flex-end;gap:var(--zk-space-4);padding:calc(var(--zk-space-4) + var(--zk-touch))var(--zk-space-4)var(--zk-space-4)}.sw-skeleton__stage{position:relative;height:min(100%,calc(900px*var(--zk-ui-scale)));aspect-ratio:9/16;padding-right:var(--zk-space-4);border-radius:var(--zk-radius-media);inset:auto}.sw-skeleton__rail{position:static}.sw-skeleton__dot{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));background:var(--zk-surface-2)}.sw-panel{display:flex;border-left:var(--zk-hairline)solid var(--zk-line);background:var(--zk-surface);color:var(--zk-text);flex-direction:column;min-width:0;min-height:0}.sw-panel__head{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-2);min-height:calc(56px*var(--zk-ui-scale));padding:0 var(--zk-space-2)0 var(--zk-space-4);border-bottom:var(--zk-hairline)solid var(--zk-line)}.sw-panel__title{display:inline-flex;align-items:baseline;gap:var(--zk-space-2);font-size:var(--zk-fs-title-sm);font-weight:var(--zk-fw-bold);letter-spacing:var(--zk-tracking-tight);margin:0}.sw-panel__body{overflow-y:auto;overscroll-behavior:contain;flex:auto;min-height:0}.sw-panel__creator{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-4)var(--zk-space-4)0}.sw-panel__creator-link{display:flex;align-items: center;gap:var(--zk-space-3);color:inherit;text-decoration:none;min-width:0}.sw-panel__names{display:flex;flex-direction:column;min-width:0}.sw-panel__names strong{overflow:hidden;font-size:var(--zk-fs-body);text-overflow:ellipsis;white-space:nowrap}.sw-panel__names span{color:var(--zk-text-3);font-size:var(--zk-fs-meta)}.sw-panel__caption{margin:var(--zk-space-3)var(--zk-space-4)0;font-size:var(--zk-fs-body);font-weight:var(--zk-fw-semibold);line-height:var(--zk-lh-body);word-break:keep-all;overflow-wrap:anywhere}.sw-panel__description{margin:var(--zk-space-1)var(--zk-space-4)0;color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);white-space:pre-line;overflow-wrap:anywhere}.sw-comments--panel{margin-top:var(--zk-space-3);border-top:var(--zk-hairline)solid var(--zk-line)}.sw-comments--panel .comment-input{padding-bottom:var(--zk-space-3)}.sw-stage .sw-media[data-fit=cover]:not(:-webkit-any([data-orientation=landscape],[data-orientation=square])) :-webkit-any(.sw-media__video,.sw-media__poster){object-fit:cover}.sw-stage .sw-media[data-fit=cover]:not(:-moz-any([data-orientation=landscape],[data-orientation=square])) :-moz-any(.sw-media__video,.sw-media__poster){object-fit:cover}.sw-stage .sw-media[data-fit=cover]:not(:is([data-orientation=landscape],[data-orientation=square])) :is(.sw-media__video,.sw-media__poster){object-fit:cover}}
@supports (height: 1cqh){@media (min-width:1024px){.sw-page.sw-page{--sw-gap:var(--zk-space-4);--sw-nav-w:var(--zk-touch);--sw-pad-t:calc(var(--zk-space-4) + var(--zk-touch));--sw-pad-b:var(--zk-space-4);--sw-pad-r:calc(var(--zk-space-6) + var(--sw-nav-w) + var(--sw-gap));--sw-pad-l:calc(var(--sw-pad-r) + var(--sw-rail-w) + var(--sw-gap));--sw-stage-cap:calc(900px*var(--zk-ui-scale));--sw-ratio:.5625}.sw-page.sw-page[data-panel=open]{--sw-pad-l:var(--zk-space-6)}.sw-page.sw-page:has(.sw-slot[data-phase=active] .sw-slide[data-kind=runtime]){--sw-ratio:.75}.sw-page .sw-feed .sw-slide{--sw-ratio:.5625}.sw-page .sw-feed .sw-slide[data-kind=runtime]{--sw-ratio:.75}.sw-page.sw-page,.sw-page .sw-feed .sw-slide,.sw-page .sw-feed .sw-skeleton__slide{--sw-stage-h:min(100cqh - var(--sw-pad-t) - var(--sw-pad-b),var(--sw-stage-cap),(100cqw - var(--sw-pad-l) - var(--sw-pad-r) - var(--sw-rail-w) - var(--sw-gap))/var(--sw-ratio))}.sw-page>.sw-feed{container-type:size}.sw-page .sw-feed .sw-slot .sw-slide{padding:var(--sw-pad-t)var(--sw-pad-r)var(--sw-pad-b)var(--sw-pad-l);align-items: center}.sw-page .sw-slide .sw-stage{height:var(--sw-stage-h);max-width:none}.sw-page .sw-slide .sw-rail{box-sizing:border-box;height:var(--sw-stage-h);padding-bottom:var(--zk-space-2);justify-content:safe flex-end;margin-bottom:0}.sw-page .sw-feed .sw-nav{top:calc((var(--sw-pad-t) + 100cqh - var(--sw-pad-b))/2);right:auto;left:calc((100cqw + var(--sw-pad-l) - var(--sw-pad-r) + var(--sw-stage-h)*var(--sw-ratio) + var(--sw-gap) + var(--sw-rail-w))/2 + var(--sw-gap))}.sw-page .sw-skeleton .sw-skeleton__slide{padding:var(--sw-pad-t)var(--sw-pad-r)var(--sw-pad-b)var(--sw-pad-l);align-items: center}.sw-page .sw-skeleton .sw-skeleton__stage{height:var(--sw-stage-h)}.sw-page .sw-skeleton .sw-skeleton__rail{align-self: flex-end}}@media (min-width:1920px){.sw-page.sw-page{--sw-stage-cap:calc(1080px*var(--zk-ui-scale))}}}
@supports  not (height: 1cqh){@media (min-width:1280px){.sw-page[data-panel=open] .sw-slide{padding-right:calc(var(--zk-space-16) + var(--zk-space-6))}}}
@keyframes sw-heart{0%{opacity:0;transform:scale(.6)}22%{opacity:1;transform:scale(1.08)}40%{transform:scale(1)}to{opacity:0;transform:translateY(-32px)scale(1)}}
@keyframes sw-spin{to{transform:rotate(360deg)}}
@keyframes sw-pulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) :is(.sw-heart,.sw-buffer .neon-icon,.sw-chip__spin,.sw-skeleton__line,.sw-skeleton__dot){animation:none}html:not([data-reduced-motion=false]) .sw-track{scroll-behavior:auto}}
html[data-reduced-motion=true] :is(.sw-heart,.sw-buffer .neon-icon,.sw-chip__spin,.sw-skeleton__line,.sw-skeleton__dot){animation:none}
@media (display-mode:standalone){.sw-page{overscroll-behavior-y:none}.sw-more{padding-bottom:max(var(--zk-space-2),var(--zk-safe-bottom))}}
html[data-display-mode=standalone] .sw-page{overscroll-behavior-y:none}
html[data-display-mode=standalone] .sw-more{padding-bottom:max(var(--zk-space-2),var(--zk-safe-bottom))}
.hype-surface{background:var(--zk-bg);color:var(--zk-text);font-family:var(--zk-font-sans);width:100%;min-width:0}
body:has([data-surface=hype][data-surface-root]){background:var(--zk-bg)}
[data-surface=hype] .hype-page{display:block;box-sizing:border-box;background:0 0;border:0;border-radius:0;width:100%;max-width:none;margin-inline-start:0;margin-inline-end:0;padding:0}
[data-surface=hype] .hype-page.hype-page--narrow{width:min(100%,calc(880px*var(--zk-ui-scale)));padding-bottom:var(--zk-space-8);margin-inline-start:auto;margin-inline-end:auto}
[data-surface=hype] .hype-page.hype-page--detail,[data-surface=hype] .hype-page.hype-page--explore{padding-bottom:var(--zk-space-8);margin-inline-start:auto;margin-inline-end:auto}
[data-surface=hype] .hype-page__head{margin:0 0 var(--zk-space-6)}
[data-surface=hype] .hype-page__title{color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-headline)/var(--zk-lh-display)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);text-wrap:balance;margin:0}
[data-surface=hype] .hype-page__lead{margin:var(--zk-space-2)0 0;color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);max-width:56ch}
[data-surface=hype] .hype-section__title{margin:0 0 var(--zk-space-3);color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight)}
[data-surface=hype] .hype-type-tag{display:inline-flex;height:calc(20px*var(--zk-ui-scale));padding:0 var(--zk-space-2);border-radius:var(--zk-radius-xs);background:var(--zk-hype-fill);color:var(--zk-hype-on);font:var(--zk-fw-bold)var(--zk-fs-caption)/1 var(--zk-font-label);letter-spacing:var(--zk-tracking-label);white-space:nowrap;flex:none;align-items: center}
[data-surface=hype] .hype-tag{display:inline-flex;min-height:var(--zk-control-h-sm);padding:0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-xs);background:var(--zk-surface);color:var(--zk-text-2);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-mono);text-decoration:none;overflow-wrap:anywhere;transition:background-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out);align-items: center;max-width:100%}
[data-surface=hype] .hype-tag:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
@media (hover:hover){[data-surface=hype] .hype-tag:hover{border-color:var(--zk-line-field);background:var(--zk-surface-hover);color:var(--zk-text)}}
@media (pointer:coarse){[data-surface=hype] .hype-tag{min-height:var(--zk-touch)}}
[data-surface=hype] .hype-select{min-height:var(--zk-control-h-sm);padding:0 calc(var(--zk-space-3) + 20px)0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-control);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-medium)var(--zk-fs-label)/1.2 var(--zk-font-sans);appearance:none;cursor:pointer}
[data-surface=hype] .hype-select:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
@media (hover:hover){[data-surface=hype] .hype-select:hover{border-color:var(--zk-line-field)}}
@media (pointer:coarse){[data-surface=hype] .hype-select{min-height:var(--zk-touch)}}
[data-surface=hype] .hype-discovery{color:var(--zk-text);padding:0}
[data-surface=hype] .hype-discovery__entry{display:grid;grid-template-columns:minmax(0,1fr);align-items: center;gap:var(--zk-space-2);border-block-end:var(--zk-hairline)solid var(--zk-line);margin-block-end:var(--zk-space-4);padding-block-end:var(--zk-space-4)}
[data-surface=hype] .hype-discovery__intro{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-3);min-width:0}
[data-surface=hype] .hype-discovery__intro h1{font:var(--zk-fw-bold)var(--zk-fs-headline)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
[data-surface=hype] .hype-discovery__search{display:flex;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-field-h);padding:var(--zk-space-1)var(--zk-space-1)var(--zk-space-1)var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);color:var(--zk-text-3);transition:border-color var(--zk-dur-2)var(--zk-ease-out),box-shadow var(--zk-dur-2)var(--zk-ease-out);min-width:0;margin:0}
[data-surface=hype] .hype-discovery__search>svg{flex-shrink:0}
[data-surface=hype] .hype-discovery__search:focus-within{border-color:var(--zk-focus);box-shadow:0 0 0 1px var(--zk-focus)}
[data-surface=hype] .hype-discovery__search input{min-height:var(--zk-control-h-sm);outline:0;color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-input)/1.3 var(--zk-font-sans);background:0 0;border:0;flex:1;min-width:0;padding:0}
[data-surface=hype] .hype-discovery__search input::placeholder{color:var(--zk-text-3);opacity:1}
[data-surface=hype] .hype-discovery__search .zds-button,[data-surface=hype] .hype-discovery__upload{flex-shrink:0}
[data-surface=hype] .hype-spotlight{display:grid;grid-template-columns:minmax(0,1.12fr)minmax(0,1fr);overflow:hidden;border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);min-width:0}
[data-surface=hype] .hype-spotlight__media{position:relative;display:block;height:calc(208px*var(--zk-ui-scale));overflow:hidden;background:var(--zk-surface-2);min-width:0}
[data-surface=hype] .hype-spotlight__media .thumb{width:100%;height:100%}
[data-surface=hype] .hype-spotlight__media .thumb-image{object-fit:cover;opacity:1;transition:transform var(--zk-dur-3)var(--zk-ease-out);width:100%;height:100%}
[data-surface=hype] .hype-spotlight__media:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:calc(-1*var(--zk-focus-width))}
[data-surface=hype] .hype-spotlight__type{position:absolute;z-index:calc(var(--zk-z-raised) + 1);left:var(--zk-space-2);bottom:var(--zk-space-2)}
[data-surface=hype] .hype-spotlight__body{display:flex;padding:var(--zk-space-4);flex-direction:column;align-items: flex-start;min-width:0}
[data-surface=hype] .hype-spotlight__label{margin:0 0 var(--zk-space-2);color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-sans)}
[data-surface=hype] .hype-spotlight h2{font:var(--zk-fw-bold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);overflow-wrap:anywhere;width:100%;margin:0}
[data-surface=hype] .hype-spotlight h2 a{display:-webkit-box;overflow:hidden;color:var(--zk-text);text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical}
[data-surface=hype] .hype-spotlight__creator{display:block;margin:var(--zk-space-1)0 var(--zk-space-3);overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-meta);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
[data-surface=hype] .hype-spotlight__open{margin-top:auto}
[data-surface=hype] :is(.hype-spotlight__creator,.hype-spotlight h2 a):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset);border-radius:var(--zk-radius-xs)}
@media (hover:hover){[data-surface=hype] .hype-spotlight__media:hover .thumb-image{transform:scale(1.025)}[data-surface=hype] :is(.hype-spotlight__creator,.hype-spotlight h2 a):hover{color:var(--zk-text);text-decoration:underline;text-underline-offset:3px}}
[data-surface=hype] .hype-spotlight--discovery{position:relative;grid-area:spotlight;grid-template-columns:calc(96px*var(--zk-ui-scale))minmax(0,1fr)}
[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__media{min-height:calc(96px*var(--zk-ui-scale));height:auto}
[data-surface=hype] .hype-spotlight--discovery .thumb{position:absolute;inset:0}
[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__body{padding:var(--zk-space-3);justify-content:center}
[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__label{margin-block-end:var(--zk-space-1)}
[data-surface=hype] .hype-spotlight--discovery h2{font-size:var(--zk-fs-body)}
[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__work{display:block;overflow:visible}
[data-surface=hype] .hype-spotlight__work>span{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
[data-surface=hype] .hype-spotlight__work:after{position:absolute;z-index:1;content:"";inset:0}
[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__work:focus-visible{outline:0}
[data-surface=hype] .hype-spotlight__work:focus-visible:after{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:calc(-1*var(--zk-focus-width));border-radius:var(--zk-radius-panel)}
[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__creator{position:relative;z-index:2;min-block-size:var(--zk-control-h-sm);align-content: center;margin:0;padding:0}
@media (pointer:coarse){[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__creator{min-block-size:var(--zk-touch)}}
[data-surface=hype] .hype-discovery__layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"catalog" "rail";align-items: start;gap:var(--zk-space-4)var(--zk-space-6)}
[data-surface=hype] .hype-discovery__layout:has(>.hype-spotlight--discovery){grid-template-areas:"spotlight" "catalog" "rail"}
[data-surface=hype] .hype-discovery__catalog{grid-area:catalog;scroll-margin-top:calc(var(--zk-header-block) + var(--zk-space-6));min-width:0}
[data-surface=hype] .hype-discovery__heading{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-2);margin-bottom:var(--zk-space-2)}
[data-surface=hype] .hype-discovery__heading-title{display:flex;align-items:baseline;gap:var(--zk-space-1)var(--zk-space-3);flex-wrap:wrap;min-width:0}
[data-surface=hype] .hype-discovery__heading h2{font:var(--zk-fw-bold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
[data-surface=hype] .hype-discovery__heading-title>span{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1.2 var(--zk-font-mono);font-variant-numeric:tabular-nums}
[data-surface=hype] .hype-discovery__toolbar{margin-bottom:var(--zk-space-3)}
[data-surface=hype] .hype-discovery__filters{display:flex;gap:var(--zk-space-2);flex-wrap:wrap;min-width:0;max-width:100%}
[data-surface=hype] .hype-discovery__filters .zds-chip>span{display:inline-flex;align-items: center;gap:var(--zk-space-1)}
[data-surface=hype] .hype-discovery__sort{position:relative;display:inline-flex;color:var(--zk-text-2);flex-shrink:0;align-items: center}
[data-surface=hype] .hype-select__chevron{position:absolute;right:var(--zk-space-3);pointer-events:none}
[data-surface=hype] .hype-discovery__rail{grid-area:rail;display:grid;align-content: start;gap:var(--zk-space-6);padding-left:var(--zk-space-6);border-left:var(--zk-hairline)solid var(--zk-line);min-width:0}
[data-surface=hype] .hype-discovery__rail h2{margin:0 0 var(--zk-space-3);font:var(--zk-fw-bold)var(--zk-fs-body)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight)}
[data-surface=hype] .hype-discovery__creators{display:grid;gap:var(--zk-space-1);list-style:none;margin:0;padding:0}
[data-surface=hype] .hype-discovery__creators a{display:flex;align-items: center;gap:var(--zk-space-3);min-height:var(--zk-touch);margin-inline:calc(-1*var(--zk-space-2));padding:var(--zk-space-1)var(--zk-space-2);border-radius:var(--zk-radius-control);color:var(--zk-text);text-decoration:none;min-width:0}
[data-surface=hype] .hype-discovery__creators a:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:0}
@media (hover:hover){[data-surface=hype] .hype-discovery__creators a:hover{background:var(--zk-surface-hover)}}
[data-surface=hype] .hype-discovery__creators a>span:nth-child(2){flex:1;min-width:0}
[data-surface=hype] .hype-discovery__creators a>svg{color:var(--zk-text-3);flex-shrink:0}
[data-surface=hype] .hype-discovery__creators :-webkit-any(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-surface=hype] .hype-discovery__creators :-moz-any(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-surface=hype] .hype-discovery__creators :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-surface=hype] .hype-discovery__creators strong{font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.3 var(--zk-font-sans)}
[data-surface=hype] .hype-discovery__creators small{color:var(--zk-text-3);font:var(--zk-fw-regular)var(--zk-fs-caption)/1.3 var(--zk-font-mono);margin-top:2px}
[data-surface=hype] .hype-discovery__avatar{flex-shrink:0}
[data-surface=hype] .hype-discovery__tags{display:flex;gap:var(--zk-space-2);flex-wrap:wrap}
[data-surface=hype] .hype-discovery__create{padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
[data-surface=hype] .hype-discovery__rail .hype-discovery__create h2{margin-bottom:var(--zk-space-2)}
[data-surface=hype] .hype-discovery__create p{margin:0 0 var(--zk-space-3);color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-body)}
[data-surface=hype] .hype-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--zk-space-6)var(--zk-space-3);min-width:0;padding:0}
[data-surface=hype] .hype-works .zds-media-card__frame .thumb,[data-surface=hype] .hype-works .zds-media-card__frame .thumb-image{object-fit:cover;opacity:1;width:100%;height:100%}
[data-surface=hype] .hype-works .zds-media-card__frame .thumb-hype{background:var(--zk-surface-2)}
[data-surface=hype] .hype-works .zds-media-card__frame .thumb-fallback{color:var(--zk-text-3)}
[data-surface=hype] .hype-works button.zds-media-card__stat{min-width:var(--zk-touch);min-height:var(--zk-touch);margin-block:calc((var(--zk-touch) - calc(32px*var(--zk-ui-scale)))/-2);justify-content:flex-start}
@media (hover:hover){[data-surface=hype] .hype-works .zds-media-card__link:hover .thumb-image{transform:scale(1.025)}}
@media (min-width:1600px){[data-surface=hype] .hype-works{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1920px){[data-surface=hype] .hype-works{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:3200px){[data-surface=hype] .hype-works{grid-template-columns:repeat(6,minmax(0,1fr))}}
[data-surface=hype] .hype-work{display:grid;gap:var(--zk-space-2);min-width:0}
[data-surface=hype] .hype-work__media{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;border-radius:var(--zk-radius-media);background:var(--zk-media-stage);color:inherit;text-decoration:none}
[data-surface=hype] .hype-work__media .thumb,[data-surface=hype] .hype-work__media .thumb-image{object-fit:cover;width:100%;height:100%}
[data-surface=hype] .hype-work__badge{position:absolute;z-index:calc(var(--zk-z-raised) + 1);top:var(--zk-space-2);left:var(--zk-space-2);padding:2px var(--zk-space-2);border-radius:var(--zk-radius-xs);background:var(--zk-hype-fill);color:var(--zk-hype-on);font:var(--zk-fw-bold)var(--zk-fs-caption)/1.3 var(--zk-font-label)}
[data-surface=hype] .hype-work__overlay{position:absolute;z-index:var(--zk-z-raised);padding:var(--zk-space-3);background:var(--zk-media-scrim);color:var(--zk-on-media);inset:auto 0 0}
[data-surface=hype] .hype-work__overlay .hype-work__title{display:block;color:inherit;font:var(--zk-fw-bold)var(--zk-fs-body)/1.3 var(--zk-font-sans)}
[data-surface=hype] .hype-work__by{display:block;font-size:var(--zk-fs-meta);margin-top:2px}
[data-surface=hype] .hype-work__stats{display:flex;gap:var(--zk-space-3);color:var(--zk-text-3)}
[data-surface=hype] .hype-work__stat{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-touch);color:inherit;font:var(--zk-fw-medium)var(--zk-fs-caption)var(--zk-font-sans);background:0 0;border:0;padding:0}
[data-surface=hype] button.hype-work__stat{min-width:var(--zk-touch);cursor:pointer}
[data-surface=hype] .hype-work__stat.is-on,[data-surface=hype] .hype-work__stat[aria-pressed=true]{color:var(--zk-accent-fg)}
[data-surface=hype] .hype-skeleton-card{display:grid;gap:var(--zk-space-2);min-width:0}
[data-surface=hype] .hype-skeleton-card__meta{display:flex;align-items: center;gap:var(--zk-space-2)}
[data-surface=hype] .hype-skeleton-card__avatar.zds-skeleton--circle{width:var(--zk-avatar-sm);height:var(--zk-avatar-sm);flex:none}
[data-surface=hype] .hype-skeleton-card__meta .zds-skeleton:not(.zds-skeleton--circle){height:.9em}
[data-surface=hype] .hype-empty.zds-empty{padding-block:var(--zk-space-8);max-width:52ch}
[data-surface=hype] .hype-notice{display:flex;align-items: flex-start;gap:var(--zk-space-3);margin:0 0 var(--zk-space-6);padding:var(--zk-space-3)var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);color:var(--zk-text);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body)}
[data-surface=hype] .hype-notice__icon{color:var(--zk-text-2);flex:none;margin-top:2px}
[data-surface=hype] .hype-notice__body{flex:1;min-width:0}
[data-surface=hype] .hype-notice__title{display:block;font-weight:var(--zk-fw-semibold)}
[data-surface=hype] .hype-notice__body p{margin:var(--zk-space-1)0 0;color:var(--zk-text-2)}
[data-surface=hype] .hype-notice__retry{margin-top:var(--zk-space-3)}
[data-surface=hype] .hype-notice__dismiss{margin:calc(-1*var(--zk-space-1))calc(-1*var(--zk-space-2))0 0;flex:none}
[data-surface=hype] .hype-notice--error{border-color:var(--zk-danger);background:var(--zk-danger-soft)}
[data-surface=hype] .hype-notice--error .hype-notice__icon{color:var(--zk-danger)}
[data-surface=hype] .hype-notice[data-tone=warn]{border-color:var(--zk-warning);background:var(--zk-warning-soft)}
[data-surface=hype] .hype-notice[data-tone=info]{background:var(--zk-surface-2);border-color:#0000}
[data-surface=hype] .hype-explore{padding:0}
[data-surface=hype] .hype-explore__tag-kicker{display:inline-flex;align-items: center;gap:var(--zk-space-1);margin:var(--zk-space-3)0 0;color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.3 var(--zk-font-mono)}
[data-surface=hype] .hype-explore__sort{margin-bottom:var(--zk-space-6)}
[data-surface=hype] .hype-explore__toolbar{display:grid;gap:var(--zk-space-3);margin-bottom:var(--zk-space-3)}
[data-surface=hype] .hype-search{display:flex;gap:var(--zk-space-2);max-width:calc(720px*var(--zk-ui-scale));min-width:0}
[data-surface=hype] .hype-search__field{position:relative;display:flex;flex:1;align-items: center;min-width:0}
[data-surface=hype] .hype-search__glyph{position:absolute;left:var(--zk-space-3);color:var(--zk-text-3);pointer-events:none}
[data-surface=hype] .hype-search__input{min-height:var(--zk-field-h);padding:0 var(--zk-space-3)0 calc(var(--zk-space-3) + 26px);border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-input)/1.3 var(--zk-font-sans);outline:none;transition:border-color var(--zk-dur-2)var(--zk-ease-out),box-shadow var(--zk-dur-2)var(--zk-ease-out);width:100%;min-width:0}
[data-surface=hype] .hype-search__input::placeholder{color:var(--zk-text-3);opacity:1}
[data-surface=hype] .hype-search__input:focus{border-color:var(--zk-focus);box-shadow:0 0 0 1px var(--zk-focus)}
[data-surface=hype] .hype-tabs--chips{display:flex;gap:var(--zk-space-2);flex-wrap:wrap}
[data-surface=hype] .hype-explore__active{display:flex;align-items: center;gap:var(--zk-space-2);margin:var(--zk-space-3)0 0;flex-wrap:wrap}
[data-surface=hype] .hype-explore__filter{max-width:100%}
[data-surface=hype] .hype-explore__filter>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(220px*var(--zk-ui-scale))}
[data-surface=hype] .hype-explore__filter>svg{color:var(--zk-text-3);flex:none}
[data-surface=hype] .hype-explore__result-count{margin:var(--zk-space-6)0 var(--zk-space-3);color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1.4 var(--zk-font-mono);font-variant-numeric:tabular-nums;min-height:1lh}
[data-surface=hype] .hype-explore__pager{display:flex;justify-content:center;align-items: center;gap:var(--zk-space-3);margin-top:var(--zk-space-8);padding-top:var(--zk-space-6);border-top:var(--zk-hairline)solid var(--zk-line);flex-wrap:wrap}
[data-surface=hype] .hype-explore__pager [aria-disabled=true]{background:var(--zk-surface-2);color:var(--zk-text-3);pointer-events:none;border-color:#0000}
[data-surface=hype] .hype-explore__pager-meta{color:var(--zk-text-2);font:var(--zk-fw-medium)var(--zk-fs-caption)/1.4 var(--zk-font-mono);font-variant-numeric:tabular-nums}
@media (min-width:1280px){[data-surface=hype] .hype-page--explore .hype-works{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1920px){[data-surface=hype] .hype-page--explore .hype-works{grid-template-columns:repeat(5,minmax(0,1fr))}}
[data-surface=hype] .hype-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--zk-space-6);padding:0}
[data-surface=hype] .hype-detail__crumbs{display:flex;align-items: center;gap:var(--zk-space-1);color:var(--zk-text-3);font-size:var(--zk-fs-meta);flex-wrap:wrap}
[data-surface=hype] .hype-detail__crumbs a{position:relative;display:inline-flex;min-height:var(--zk-control-h-sm);color:var(--zk-text-2);text-decoration:none;align-items: center}
[data-surface=hype] .hype-detail__crumbs a:after{content:"";position:absolute;inset:calc((var(--zk-control-h-sm) - var(--zk-touch))/2)calc(-1*var(--zk-space-4))}
[data-surface=hype] .hype-detail__crumbs a:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset);border-radius:var(--zk-radius-xs)}
@media (hover:hover){[data-surface=hype] .hype-detail__crumbs a:hover{color:var(--zk-text);text-decoration:underline;text-underline-offset:3px}}
[data-surface=hype] .hype-detail__crumbs [aria-current]{color:var(--zk-text)}
[data-surface=hype] .hype-detail__stage{overflow:hidden;border-radius:var(--zk-radius-media);background:var(--zk-media-stage);color:var(--zk-on-media);min-width:0}
[data-surface=hype] .hype-player__runtime{display:flex;align-items: center;gap:var(--zk-space-2);padding:var(--zk-space-2)var(--zk-space-3);color:var(--zk-on-media);font-size:var(--zk-fs-caption);margin:0}
[data-surface=hype] .hype-detail__meta{display:grid;gap:var(--zk-space-3);min-width:0}
[data-surface=hype] .hype-detail__meta>:-webkit-any(.hype-creator-card,.hype-detail__body,.hype-detail__tags){margin-top:var(--zk-space-3)}
[data-surface=hype] .hype-detail__meta>:-moz-any(.hype-creator-card,.hype-detail__body,.hype-detail__tags){margin-top:var(--zk-space-3)}
[data-surface=hype] .hype-detail__meta>:is(.hype-creator-card,.hype-detail__body,.hype-detail__tags){margin-top:var(--zk-space-3)}
[data-surface=hype] .hype-detail__head{display:grid;gap:var(--zk-space-2)}
[data-surface=hype] .hype-detail__kicker{display:flex;align-items: center;gap:var(--zk-space-2);color:var(--zk-text-3);font-size:var(--zk-fs-caption);flex-wrap:wrap;margin:0}
[data-surface=hype] .hype-detail__title{color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-headline)/var(--zk-lh-display)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);overflow-wrap:anywhere;text-wrap:balance;margin:0}
[data-surface=hype] .hype-creator-card{display:flex;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-3)var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);flex-wrap:wrap}
[data-surface=hype] .hype-creator-card__identity{display:flex;align-items: center;gap:var(--zk-space-3);min-height:var(--zk-touch);color:inherit;text-decoration:none;border-radius:var(--zk-radius-control);flex:auto;min-width:0}
[data-surface=hype] .hype-creator-card__identity:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
[data-surface=hype] .hype-creator-card__names{display:grid;gap:2px;min-width:0}
[data-surface=hype] .hype-creator-card__names strong{display:inline-flex;align-items: center;gap:var(--zk-space-1);overflow:hidden;font:var(--zk-fw-semibold)var(--zk-fs-body)/1.3 var(--zk-font-sans);text-overflow:ellipsis;white-space:nowrap}
[data-surface=hype] .hype-creator-card__names small{overflow:hidden;color:var(--zk-text-3);font:var(--zk-fw-regular)var(--zk-fs-caption)/1.3 var(--zk-font-mono);text-overflow:ellipsis;white-space:nowrap}
[data-surface=hype] .hype-creator-card__meta{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1.3 var(--zk-font-mono);font-variant-numeric:tabular-nums;margin:0}
@media (hover:hover){[data-surface=hype] .hype-creator-card__identity:hover strong{text-decoration:underline;text-underline-offset:3px}}
[data-surface=hype] .hype-detail__actions{display:flex;align-items: center;gap:var(--zk-space-2);flex-wrap:wrap}
[data-surface=hype] .hype-action{font-variant-numeric:tabular-nums}
[data-surface=hype] .hype-action[aria-pressed=true]{border-color:var(--zk-text);background:var(--zk-text);color:var(--zk-bg)}
@media (hover:hover){[data-surface=hype] .hype-action[aria-pressed=true]:hover:not(:disabled){border-color:var(--zk-text);background:var(--zk-text);color:var(--zk-bg)}}
[data-surface=hype] .hype-detail__body{display:grid;gap:var(--zk-space-3);color:var(--zk-text);font-size:var(--zk-fs-body);line-height:var(--zk-lh-reading);overflow-wrap:anywhere;max-width:68ch}
[data-surface=hype] .hype-detail__body p{margin:0}
[data-surface=hype] .hype-detail__tags{display:flex;gap:var(--zk-space-2);list-style:none;flex-wrap:wrap;margin:0;padding:0}
[data-surface=hype] .hype-detail__stats{display:flex;gap:var(--zk-space-4);color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1.4 var(--zk-font-sans);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0}
[data-surface=hype] .hype-detail__stats span{display:inline-flex;align-items: center;gap:var(--zk-space-1)}
[data-surface=hype] .hype-detail__comments{padding-top:var(--zk-space-6);border-top:var(--zk-hairline)solid var(--zk-line);min-width:0}
[data-surface=hype] .hype-related{min-width:0}
[data-surface=hype] .hype-related .hype-works{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1024px){[data-surface=hype] .hype-detail{grid-template-columns:minmax(0,1.35fr)minmax(calc(300px*var(--zk-ui-scale)),calc(380px*var(--zk-ui-scale)));grid-template-areas:"crumbs crumbs" "stage comments" "meta comments" "related related";align-items: start;column-gap:var(--zk-space-6)}[data-surface=hype] .hype-detail__crumbs{grid-area:crumbs;margin-bottom:calc(-1*var(--zk-space-3))}[data-surface=hype] .hype-detail__stage{grid-area:stage}[data-surface=hype] .hype-detail__meta{grid-area:meta}[data-surface=hype] .hype-detail__comments{grid-area:comments;position:sticky;top:calc(var(--zk-header-block) + var(--zk-space-3));max-height:calc(100dvh - var(--zk-header-block) - var(--zk-space-6));overflow:auto;overscroll-behavior:contain;padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}[data-surface=hype] .hype-related{grid-area:related}[data-surface=hype] .hype-related .hype-works{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1600px){[data-surface=hype] .hype-related .hype-works{grid-template-columns:repeat(4,minmax(0,1fr))}}
[data-surface=hype] .hype-creator-page{padding-bottom:var(--zk-space-8)}
[data-surface=hype] .hype-creator-page__head{display:grid;gap:var(--zk-space-3);margin-bottom:var(--zk-space-6);padding-bottom:var(--zk-space-6);border-bottom:var(--zk-hairline)solid var(--zk-line)}
[data-surface=hype] .hype-creator-page__kicker{color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-caption)/1.3 var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase;margin:0}
[data-surface=hype] .hype-creator-page__identity{display:flex;align-items: center;gap:var(--zk-space-3);min-width:0}
[data-surface=hype] .hype-creator-page__identity>div{min-width:0}
[data-surface=hype] .hype-creator-page__handle{color:var(--zk-text-3);font:var(--zk-fw-regular)var(--zk-fs-meta)/1.3 var(--zk-font-mono);margin:2px 0 0}
[data-surface=hype] .hype-creator-page__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--zk-space-3);max-width:calc(480px*var(--zk-ui-scale));margin:0}
[data-surface=hype] .hype-creator-page__stats dt{color:var(--zk-text-3);font-size:var(--zk-fs-caption)}
[data-surface=hype] .hype-creator-page__stats dd{font:var(--zk-fw-bold)var(--zk-fs-title-sm)/1.2 var(--zk-font-mono);font-variant-numeric:tabular-nums;margin:2px 0 0}
[data-surface=hype] .hype-creator-page__follow{justify-self:start}
[data-surface=hype] .hype-creator-page__links{font-size:var(--zk-fs-label);margin:0}
[data-surface=hype] .hype-creator-page__links a{display:inline-flex;min-height:var(--zk-control-h-sm);color:var(--zk-text-2);text-decoration:underline;text-underline-offset:3px;align-items: center}
[data-surface=hype] .hype-upload{padding:0}
[data-surface=hype] .hype-upload--gate{display:grid;justify-items:start;gap:var(--zk-space-3);padding-block:var(--zk-space-8)}
[data-surface=hype] .hype-upload__gate-copy{color:var(--zk-text-2);font-size:var(--zk-fs-body);margin:0}
[data-surface=hype] .hype-dropzone{display:grid;justify-items:center;gap:var(--zk-space-3);padding:var(--zk-space-8)var(--zk-space-4);border:var(--zk-hairline)dashed var(--zk-line-field);border-radius:var(--zk-radius-panel);background:var(--zk-surface);color:var(--zk-text-2);text-align:center;transition:border-color var(--zk-dur-2)var(--zk-ease-out),background-color var(--zk-dur-2)var(--zk-ease-out)}
[data-surface=hype] .hype-dropzone[data-dragging]{border-style:solid;border-color:var(--zk-text);background:var(--zk-surface-2)}
[data-surface=hype] .hype-dropzone__copy{color:var(--zk-text);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);max-width:36ch;margin:0}
[data-surface=hype] .hype-dropzone__limits{color:var(--zk-text-3);font-size:var(--zk-fs-caption);line-height:var(--zk-lh-caption);margin:0}
[data-surface=hype] .hype-upload__form{display:grid;gap:var(--zk-space-6)}
[data-surface=hype] .hype-upload__preview{display:grid;justify-items:start;gap:var(--zk-space-3);padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
[data-surface=hype] .hype-upload__media{max-height:calc(320px*var(--zk-ui-scale));border-radius:var(--zk-radius-media);background:var(--zk-media-stage);object-fit:contain;width:100%}
[data-surface=hype] .hype-upload__media--abstract{display:grid;min-height:calc(180px*var(--zk-ui-scale));background:var(--zk-surface-2);color:var(--zk-text-2);place-items: center}
[data-surface=hype] .hype-upload__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(120px*var(--zk-ui-scale)),1fr));gap:var(--zk-space-3);width:100%;margin:0}
[data-surface=hype] .hype-upload__facts dt{color:var(--zk-text-3);font-size:var(--zk-fs-caption)}
[data-surface=hype] .hype-upload__facts dd{font-weight:var(--zk-fw-semibold);overflow-wrap:anywhere;margin:2px 0 0}
[data-surface=hype] .hype-field__control--area{min-height:calc(120px*var(--zk-ui-scale));resize:vertical}
[data-surface=hype] .hype-field__hint{color:var(--zk-text-3);font-size:var(--zk-fs-caption);line-height:var(--zk-lh-caption)}
[data-surface=hype] .hype-upload__advanced{border-top:var(--zk-hairline)solid var(--zk-line);padding-top:var(--zk-space-3)}
[data-surface=hype] .hype-upload__advanced summary{display:flex;min-height:var(--zk-touch);font-weight:var(--zk-fw-semibold);cursor:pointer;align-items: center}
[data-surface=hype] .hype-upload__advanced summary:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset);border-radius:var(--zk-radius-xs)}
[data-surface=hype] .hype-upload__studio-link{margin:var(--zk-space-3)0 0;color:var(--zk-text-2);font-size:var(--zk-fs-label)}
[data-surface=hype] .hype-upload__submit{display:grid;gap:var(--zk-space-2)}
[data-surface=hype] .hype-upload__progress-text{color:var(--zk-text-2);font-size:var(--zk-fs-meta);margin:0}
[data-surface=hype] .hype-progress{height:calc(6px*var(--zk-ui-scale));overflow:hidden;border-radius:var(--zk-radius-pill);background:var(--zk-surface-2)}
[data-surface=hype] .hype-progress__bar{display:block;background:var(--zk-text);transition:width var(--zk-dur-3)var(--zk-ease-out);height:100%}
[data-surface=hype] .hype-tag-input{display:grid;gap:var(--zk-space-2)}
[data-surface=hype] .hype-tag-input__chips{display:flex;gap:var(--zk-space-2);list-style:none;flex-wrap:wrap;margin:0;padding:0}
[data-surface=hype] .hype-tag-input__chip{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-control-h-sm);padding:0 var(--zk-space-1)0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-xs);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-medium)var(--zk-fs-caption)/1.3 var(--zk-font-mono)}
[data-surface=hype] .hype-tag-input__chip button{display:inline-grid;min-width:var(--zk-control-h-sm);min-height:var(--zk-control-h-sm);border-radius:var(--zk-radius-xs);color:var(--zk-text-2);cursor:pointer;background:0 0;border:0;place-items: center}
[data-surface=hype] .hype-tag-input__chip button:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:0}
[data-surface=hype] .hype-studio-options{display:grid;gap:var(--zk-space-3);margin-top:var(--zk-space-3)}
[data-surface=hype] .hype-studio-options__thread{display:flex;align-items: flex-start;gap:var(--zk-space-2);padding:var(--zk-space-3);border-radius:var(--zk-radius-panel);background:var(--zk-surface-2);color:var(--zk-text-2);font-size:var(--zk-fs-meta);margin:0}
[data-surface=hype] .hype-toggle{display:flex;align-items: flex-start;gap:var(--zk-space-3);min-height:var(--zk-touch);cursor:pointer}
[data-surface=hype] .hype-toggle input{accent-color:var(--zk-text);width:20px;height:20px;margin:2px 0 0}
[data-surface=hype] .hype-toggle__text{display:grid;gap:2px}
[data-surface=hype] .hype-toggle__text em{color:var(--zk-text-3);font-size:var(--zk-fs-caption);font-style:normal}
[data-surface=hype] .hype-settings{padding:0}
[data-surface=hype] .hype-settings__group{margin:var(--zk-space-6)0 0;padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
[data-surface=hype] .hype-settings__group legend{padding:0 var(--zk-space-1);font-weight:var(--zk-fw-semibold)}
[data-surface=hype] .hype-settings__options{display:grid;gap:var(--zk-space-1);margin-top:var(--zk-space-2)}
[data-surface=hype] .hype-settings__option{display:flex;align-items: center;gap:var(--zk-space-3);min-height:var(--zk-touch);cursor:pointer}
[data-surface=hype] .hype-settings__option input{accent-color:var(--zk-text);width:20px;height:20px;margin:0}
[data-surface=hype] :-webkit-any(.hype-settings__saved,.hype-settings__loading){margin-top:var(--zk-space-6);color:var(--zk-text-2);font-size:var(--zk-fs-meta)}
[data-surface=hype] :-moz-any(.hype-settings__saved,.hype-settings__loading){margin-top:var(--zk-space-6);color:var(--zk-text-2);font-size:var(--zk-fs-meta)}
[data-surface=hype] :is(.hype-settings__saved,.hype-settings__loading){margin-top:var(--zk-space-6);color:var(--zk-text-2);font-size:var(--zk-fs-meta)}
@media (max-width:1199px){[data-surface=hype] .hype-discovery__rail{grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--zk-space-6)0 0;border-left:0;border-top:var(--zk-hairline)solid var(--zk-line)}}
@media (min-width:768px){[data-surface=hype] .hype-discovery__entry{grid-template-columns:minmax(0,1fr)minmax(16rem,min(54%,32rem));gap:var(--zk-space-6)}[data-surface=hype] .hype-discovery__intro{justify-content:flex-start}[data-surface=hype] .hype-spotlight--discovery{grid-template-columns:calc(128px*var(--zk-ui-scale))minmax(0,1fr)}}
@media (min-width:1200px){[data-surface=hype] .hype-discovery__layout{grid-template-columns:minmax(0,1fr)calc(240px*var(--zk-ui-scale));grid-template-areas:"catalog rail"}[data-surface=hype] .hype-discovery__layout:has(>.hype-spotlight--discovery){grid-template-rows:auto 1fr;grid-template-areas:"catalog spotlight" "catalog rail"}[data-surface=hype] .hype-spotlight--discovery{grid-template-columns:minmax(0,1fr)}[data-surface=hype] .hype-spotlight--discovery .hype-spotlight__media{aspect-ratio:16/9}}
@media (max-width:1023px){[data-surface=hype] .hype-works{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){[data-surface=hype] .hype-spotlight:not(.hype-spotlight--discovery){grid-template-columns:minmax(0,.9fr)minmax(0,1fr)}[data-surface=hype] .hype-spotlight__media{height:calc(168px*var(--zk-ui-scale))}[data-surface=hype] .hype-spotlight__body{padding:var(--zk-space-3)}[data-surface=hype] .hype-spotlight h2{font-size:var(--zk-fs-body)}[data-surface=hype] .hype-discovery__rail{grid-template-columns:minmax(0,1fr)}}
@media (max-width:639px){[data-surface=hype] .hype-tabs--chips{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-block-start:4px;padding-block-end:4px}[data-surface=hype] .hype-tabs--chips::-webkit-scrollbar{display:none}[data-surface=hype] .hype-works{gap:var(--zk-space-6)var(--zk-space-3)}[data-surface=hype] .hype-search .zds-button{padding-inline:var(--zk-space-4)}[data-surface=hype] .hype-creator-card{padding:var(--zk-space-3)}[data-surface=hype] .hype-creator-card__follow{margin-left:auto}[data-surface=hype] .hype-explore__pager{gap:var(--zk-space-2)}[data-surface=hype] .hype-explore__pager-meta{text-align:center;flex-basis:100%;order:-1}}
@media (max-width:359px){[data-surface=hype] .hype-discovery__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}[data-surface=hype] .hype-discovery__filters .zds-chip{justify-content:center}[data-surface=hype] .hype-spotlight:not(.hype-spotlight--discovery){grid-template-columns:minmax(0,1fr)}[data-surface=hype] .hype-spotlight__media{height:calc(160px*var(--zk-ui-scale))}[data-surface=hype] .hype-creator-page__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){[data-surface=hype] .hype-page__title,[data-surface=hype] .hype-detail__title{font-size:calc(28px*var(--zk-type-scale))}}
@media (pointer:coarse){[data-surface=hype] .hype-discovery__filters .zds-chip{min-block-size:var(--zk-touch)}[data-surface=hype] :is(.hype-spotlight__creator,.hype-spotlight__body h2>a){padding-block:calc((var(--zk-touch) - 1lh)/2);margin-block:calc((var(--zk-touch) - 1lh)/-2)}[data-surface=hype] .hype-detail__crumbs a{min-height:var(--zk-touch)}[data-surface=hype] .hype-spotlight__creator{min-width:var(--zk-touch)}}
@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) [data-surface=hype] :is(.hype-spotlight__media .thumb-image,.hype-works .thumb-image){transition:none;transform:none}html:not([data-reduced-motion=false]) [data-surface=hype] :-webkit-any(.hype-tag,.hype-dropzone,.hype-progress__bar,.hype-discovery__search,.hype-search__input){transition:none}html:not([data-reduced-motion=false]) [data-surface=hype] :-moz-any(.hype-tag,.hype-dropzone,.hype-progress__bar,.hype-discovery__search,.hype-search__input){transition:none}html:not([data-reduced-motion=false]) [data-surface=hype] :is(.hype-tag,.hype-dropzone,.hype-progress__bar,.hype-discovery__search,.hype-search__input){transition:none}}
html[data-reduced-motion=true] [data-surface=hype] :is(.hype-spotlight__media .thumb-image,.hype-works .thumb-image){transition:none;transform:none}
.page_X-MdOg{width:min(calc(860px*var(--zk-ui-scale)),100%);padding:var(--zk-space-8)var(--zk-gutter)var(--zk-space-16);color:var(--zk-text);font-family:var(--zk-font-sans);margin:0 auto}
.header_X-MdOg{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--zk-space-2);padding-bottom:var(--zk-space-6);border-bottom:var(--zk-hairline)solid var(--zk-line)}
.header_X-MdOg>*{margin:0}
.eyebrow_X-MdOg{color:var(--zk-text-3);font-family:var(--zk-font-label);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-semibold);letter-spacing:var(--zk-tracking-label)}
.header_X-MdOg h1{font-size:var(--zk-fs-display);font-weight:var(--zk-fw-bold);line-height:var(--zk-lh-display);letter-spacing:var(--zk-tracking-tight);word-break:keep-all;margin:0}
.description_X-MdOg{color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);word-break:keep-all;max-width:44em}
.release_X-MdOg{display:flex;gap:var(--zk-space-3)var(--zk-space-6);margin:var(--zk-space-2)0 0;padding:var(--zk-space-3)var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);flex-wrap:wrap}
.release_X-MdOg div{display:grid;gap:2px;min-width:0}
.release_X-MdOg dt{color:var(--zk-text-3);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-semibold)}
.release_X-MdOg dd{color:var(--zk-text);font-size:var(--zk-fs-meta);font-weight:var(--zk-fw-semibold);line-height:var(--zk-lh-body);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}
.search_X-MdOg{display:flex;gap:var(--zk-space-2);margin-top:var(--zk-space-4)}
.search_X-MdOg input{min-height:var(--zk-field-h,var(--zk-control-h-md));padding:0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-field);border-radius:var(--zk-radius-control);background:var(--zk-field-bg,var(--zk-surface));color:var(--zk-text);font:inherit;font-size:var(--zk-fs-input);flex:1;min-width:0}
.search_X-MdOg input::placeholder{color:var(--zk-text-3)}
.search_X-MdOg input:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:0;border-color:var(--zk-focus)}
.search_X-MdOg button{flex:none}
.list_X-MdOg{list-style:none;margin:0;padding:0}
.item_X-MdOg{border-bottom:var(--zk-hairline)solid var(--zk-line)}
.link_X-MdOg{display:grid;gap:var(--zk-space-2);padding:var(--zk-space-5)var(--zk-space-2);margin-inline:calc(-1*var(--zk-space-2));border-radius:var(--zk-radius-control);color:inherit;text-decoration:none}
.meta_X-MdOg{display:flex;gap:var(--zk-space-2);color:var(--zk-text-3);font-size:var(--zk-fs-meta);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items: center}
.badge_X-MdOg{display:inline-flex;min-height:calc(20px*var(--zk-ui-scale));padding:0 var(--zk-space-2);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-xs);color:var(--zk-text-2);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-medium);align-items: center}
.link_X-MdOg h2{font-size:var(--zk-fs-title-sm);font-weight:var(--zk-fw-bold);line-height:var(--zk-lh-title);letter-spacing:var(--zk-tracking-tight);word-break:keep-all;margin:0}
.link_X-MdOg p{color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);word-break:keep-all;max-width:44em;margin:0}
@media (hover:hover){.link_X-MdOg:hover{background:var(--zk-surface-hover)}.link_X-MdOg:hover h2{text-decoration:underline;text-underline-offset:4px}}
.empty_X-MdOg{display:grid;gap:var(--zk-space-3);margin-top:var(--zk-space-6);padding:var(--zk-space-6)var(--zk-space-5);border:var(--zk-hairline)dashed var(--zk-line-strong);border-radius:var(--zk-radius-panel);justify-items:start}
.empty_X-MdOg p{color:var(--zk-text);font-size:var(--zk-fs-body);font-weight:var(--zk-fw-semibold);margin:0}
.back_X-MdOg{display:inline-flex;min-height:var(--zk-touch);align-items: center;gap:var(--zk-space-2);margin-bottom:var(--zk-space-4);color:var(--zk-text-2);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);text-decoration:none}
@media (hover:hover){.back_X-MdOg:hover{color:var(--zk-text)}}
.changes_X-MdOg{display:grid;gap:var(--zk-space-2);margin:var(--zk-space-6)0;padding-left:var(--zk-space-6)}
.changes_X-MdOg li{padding-left:var(--zk-space-1);color:var(--zk-text);font-size:var(--zk-fs-reading);line-height:var(--zk-lh-reading);word-break:keep-all}
.changes_X-MdOg li::marker{color:var(--zk-text-3)}
.note_X-MdOg{margin-top:var(--zk-space-8);padding:var(--zk-space-4);border-radius:var(--zk-radius-control);background:var(--zk-surface-2);color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-body);word-break:keep-all}
.page_X-MdOg :-webkit-any(a,button,input):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.page_X-MdOg :-moz-any(a,button,input):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.page_X-MdOg :is(a,button,input):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.page_X-MdOg .search_X-MdOg input:focus-visible{outline-offset:0}
@media (max-width:599px){.page_X-MdOg{padding-top:var(--zk-space-5)}.link_X-MdOg{padding-block:var(--zk-space-4)}}
[data-surface-root]{background:var(--s-canvas);color:var(--s-text);font-family:var(--s-body-font);font-size:var(--s-body);line-height:var(--s-line-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;width:100%;min-height:100dvh}
.vive-sr-only,.vine-upload__visually-hidden,[data-surface=vine] .sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}
[data-surface-root][data-surface=vive] h1,[data-surface-root][data-surface=vine] h1{color:var(--s-text);font-family:var(--s-display-font);font-size:var(--zk-fs-display);font-weight:800;line-height:var(--s-line-tight);letter-spacing:var(--s-display-tracking);margin:0}
[data-surface-root][data-surface=vive] h2,[data-surface-root][data-surface=vine] h2{color:var(--s-text);font-family:var(--s-body-font);font-size:var(--zk-fs-title-sm);font-weight:800;line-height:var(--s-line-snug);margin:0}
[data-surface-root][data-surface=vive] h3,[data-surface-root][data-surface=vine] h3{color:var(--s-text);font-family:var(--s-body-font);font-size:var(--zk-fs-body);font-weight:700;line-height:var(--s-line-snug);margin:0}
[data-surface-root][data-surface=vine] ::selection{background:var(--s-accent);color:var(--s-accent-contrast)}
[data-surface-root][data-surface=vine]{--vine-gap:var(--zk-space-6);--vine-gap-sm:var(--zk-space-3);--vine-player-h:calc(72px*var(--zk-ui-scale))}
[data-surface=vine] :focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
:where([data-surface=vine] main) a:where(:not([class*=zds-])){color:inherit;text-decoration:none}
[data-surface=vine] .sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}
[data-surface-root][data-surface=vine] audio[aria-hidden=true]{position:absolute;overflow:hidden;clip:rect(0,0,0,0);opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px}
[data-surface-root][data-surface=vine] :-webkit-any(h1,h2,h3,p){overflow-wrap:anywhere}
[data-surface-root][data-surface=vine] :-moz-any(h1,h2,h3,p){overflow-wrap:anywhere}
[data-surface-root][data-surface=vine] :is(h1,h2,h3,p){overflow-wrap:anywhere}
[data-surface-root][data-surface=vine] main h1{font-size:var(--zk-fs-display);letter-spacing:var(--zk-tracking-tight)}
[data-surface-root][data-surface=vine] main h2{font-size:var(--zk-fs-title-sm);letter-spacing:var(--zk-tracking-tight)}
[data-surface-root][data-surface=vine] main h3{font-size:var(--zk-fs-body)}
[data-surface-root][data-surface=vine] .vine-main{box-sizing:border-box;max-width:var(--zk-content-max);padding:var(--zk-space-6)var(--zk-gutter)var(--zk-space-12);flex:auto;width:100%;min-width:0;margin:0 auto}
:root [data-ui-shell] [data-surface-root][data-surface=vine] .vine-main{padding:0 0 var(--zk-space-12);max-width:none}
:root [data-surface-root][data-surface=vine]:has(.vine-mini-player:not(.vine-mini-player--idle)) .vine-main{padding-bottom:calc(var(--vine-player-h) + var(--zk-space-12))}
[data-surface-root][data-surface=vine] .vine-page{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--vine-gap);min-width:0}
[data-surface-root][data-surface=vine] .vine-page>*{min-width:0}
[data-surface-root][data-surface=vine] .vine-discover-intro{display:flex;justify-content:space-between;align-items: flex-end;gap:var(--vine-gap-sm)var(--vine-gap);padding-top:var(--zk-space-2);flex-wrap:wrap}
[data-surface-root][data-surface=vine] .vine-discover-intro>div{display:grid;gap:var(--zk-space-2);flex:20rem;min-width:0}
[data-surface-root][data-surface=vine] .vine-discover-intro h1{font:var(--zk-fw-bold)var(--zk-fs-display)/var(--zk-lh-display)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);color:var(--zk-text);margin:0}
[data-surface-root][data-surface=vine] .vine-discover-intro p:not(.vine-kicker){color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);max-width:60ch;margin:0}
[data-surface-root][data-surface=vine] .vine-discover-intro>a{flex:none}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-kicker,.vine-hero__kicker){color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase;margin:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-kicker,.vine-hero__kicker){color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase;margin:0}
[data-surface-root][data-surface=vine] :is(.vine-kicker,.vine-hero__kicker){color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase;margin:0}
[data-surface-root][data-surface=vine] .vine-hero__kicker{color:var(--zk-accent-fg)}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-home-search,.vine-search-controls,.vine-assets-controls){display:flex;align-items: center;gap:var(--vine-gap-sm);flex-wrap:wrap}
[data-surface-root][data-surface=vine] :-moz-any(.vine-home-search,.vine-search-controls,.vine-assets-controls){display:flex;align-items: center;gap:var(--vine-gap-sm);flex-wrap:wrap}
[data-surface-root][data-surface=vine] :is(.vine-home-search,.vine-search-controls,.vine-assets-controls){display:flex;align-items: center;gap:var(--vine-gap-sm);flex-wrap:wrap}
[data-surface-root][data-surface=vine] .vine-assets-controls>form{flex:18rem;min-width:0}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-home-search,.vine-search-controls)>:first-child{flex:18rem;min-width:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-home-search,.vine-search-controls)>:first-child{flex:18rem;min-width:0}
[data-surface-root][data-surface=vine] :is(.vine-home-search,.vine-search-controls)>:first-child{flex:18rem;min-width:0}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-home-search,.vine-search-controls,.vine-assets-controls) input{min-height:var(--zk-control-h-md);min-width:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-home-search,.vine-search-controls,.vine-assets-controls) input{min-height:var(--zk-control-h-md);min-width:0}
[data-surface-root][data-surface=vine] :is(.vine-home-search,.vine-search-controls,.vine-assets-controls) input{min-height:var(--zk-control-h-md);min-width:0}
[data-surface-root][data-surface=vine] .vine-section__link{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-touch);color:var(--zk-text-2);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.2 var(--zk-font-sans);text-decoration:none}
[data-surface-root][data-surface=vine] .vine-section__link:focus-visible{border-radius:var(--zk-radius-xs)}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-section__link:hover{color:var(--zk-text);text-decoration:underline;text-underline-offset:3px}}
[data-surface-root][data-surface=vine] .vine-action{display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-control-h-md);padding:0 var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-pill);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.2 var(--zk-font-sans);white-space:nowrap;cursor:pointer}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-action:hover{background:var(--zk-surface-2)}}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-section,.vine-category-section,.vine-home-catalog){display:grid;gap:var(--vine-gap-sm);min-width:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-section,.vine-category-section,.vine-home-catalog){display:grid;gap:var(--vine-gap-sm);min-width:0}
[data-surface-root][data-surface=vine] :is(.vine-section,.vine-category-section,.vine-home-catalog){display:grid;gap:var(--vine-gap-sm);min-width:0}
[data-surface-root][data-surface=vine] .vine-discovery{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--zk-space-8);margin:0}
[data-surface-root][data-surface=vine] .vine-discovery>*{min-width:0;margin:0}
[data-surface-root][data-surface=vine] .vine-section__head{display:flex;justify-content:space-between;align-items: center;gap:var(--vine-gap-sm);flex-wrap:wrap;margin:0;padding:0}
[data-surface-root][data-surface=vine] .vine-section__head>div:not(.zds-segmented){display:grid;gap:var(--zk-space-1);min-width:0}
[data-surface-root][data-surface=vine] :is(.vine-section__head h2,.vine-category-section>h2,.vine-section>h3,.vine-track-detail>section>h2,.vine-idol-profile>section>h2,.vine-idol-discography h3){color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
[data-surface-root][data-surface=vine] .vine-idol-discography .vine-idol-discography__group>h3{font-size:var(--zk-fs-label);color:var(--zk-text-2)}
[data-surface-root][data-surface=vine] .vine-status{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);font-variant-numeric:tabular-nums;margin:0}
[data-surface-root][data-surface=vine] .vine-results-footer{display:grid;justify-items:center;gap:var(--vine-gap-sm)}
[data-surface-root][data-surface=vine] .vine-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(136px*var(--zk-ui-scale))),1fr));gap:var(--vine-gap-sm)}
[data-surface-root][data-surface=vine] .vine-category-tile{display:flex;align-items: center;gap:var(--zk-space-3);min-height:calc(72px*var(--zk-ui-scale));padding:var(--zk-space-3)var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);color:var(--zk-text);transition:border-color var(--zk-dur-2)var(--zk-ease-out),background-color var(--zk-dur-2)var(--zk-ease-out);min-width:0}
[data-surface-root][data-surface=vine] .vine-category-tile>svg{color:var(--zk-text-2);flex-shrink:0}
[data-surface-root][data-surface=vine] .vine-category-tile>svg:first-child{color:var(--zk-accent-fg)}
[data-surface-root][data-surface=vine] .vine-category-tile>span{display:grid;flex:1;gap:2px;min-width:0}
[data-surface-root][data-surface=vine] .vine-category-tile strong{font:var(--zk-fw-bold)var(--zk-fs-label)/1.4 var(--zk-font-sans)}
[data-surface-root][data-surface=vine] .vine-category-tile small{color:var(--zk-text-2);font-size:var(--zk-fs-caption);line-height:var(--zk-lh-caption)}
@media (max-width:599px){[data-surface-root][data-surface=vine] .vine-category-tile{min-height:calc(64px*var(--zk-ui-scale));padding:var(--zk-space-3);gap:var(--zk-space-2)}[data-surface-root][data-surface=vine] .vine-category-tile>svg:last-child{display:none}}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-category-tile:hover{border-color:var(--zk-line-strong);background:var(--zk-surface-2)}}
[data-surface-root][data-surface=vine] .vine-hero{display:grid;grid-template-columns:calc(112px*var(--zk-ui-scale))minmax(0,1fr);align-items: center;gap:var(--zk-space-4);padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);box-shadow:none}
[data-surface-root][data-surface=vine] .vine-hero--text{grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){[data-surface-root][data-surface=vine] .vine-hero{grid-template-columns:calc(200px*var(--zk-ui-scale))minmax(0,1fr);gap:var(--vine-gap);padding:var(--zk-space-5)}[data-surface-root][data-surface=vine] .vine-hero--text{grid-template-columns:minmax(0,1fr)}}
[data-surface-root][data-surface=vine] .vine-hero__copy{display:grid;gap:var(--zk-space-2);min-width:0}
[data-surface-root][data-surface=vine] .vine-hero__title{font:var(--zk-fw-heavy)var(--zk-fs-headline)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);color:var(--zk-text);margin:0}
[data-surface-root][data-surface=vine] .vine-hero__meta{color:var(--zk-text-2);font-size:var(--zk-fs-label);margin:0}
[data-surface-root][data-surface=vine] .vine-hero__duration{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);font-variant-numeric:tabular-nums;margin:0}
[data-surface-root][data-surface=vine] .vine-hero__wave{display:block;height:calc(48px*var(--zk-ui-scale));max-width:calc(520px*var(--zk-ui-scale));overflow:hidden}
[data-surface-root][data-surface=vine] .vine-hero__cta{margin-top:var(--zk-space-2);justify-self:start}
@media (max-width:599px){[data-surface-root][data-surface=vine] .vine-hero__title{font-size:var(--zk-fs-title)}[data-surface-root][data-surface=vine] .vine-hero__wave{display:none}}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar){position:relative;display:block;overflow:hidden;aspect-ratio:1;border-radius:var(--zk-radius-media);background:var(--zk-media-stage)}
[data-surface-root][data-surface=vine] :-moz-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar){position:relative;display:block;overflow:hidden;aspect-ratio:1;border-radius:var(--zk-radius-media);background:var(--zk-media-stage)}
[data-surface-root][data-surface=vine] :is(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar){position:relative;display:block;overflow:hidden;aspect-ratio:1;border-radius:var(--zk-radius-media);background:var(--zk-media-stage)}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) img{position:absolute;display:block;object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;inset:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) img{position:absolute;display:block;object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;inset:0}
[data-surface-root][data-surface=vine] :is(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) img{position:absolute;display:block;object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;inset:0}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) :-webkit-any(img[src*=zuku-thumbnail-fallback],.thumb-fallback-logo){object-fit:contain;box-sizing:border-box;padding:8%}
[data-surface-root][data-surface=vine] :-moz-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) :-moz-any(img[src*=zuku-thumbnail-fallback],.thumb-fallback-logo){object-fit:contain;box-sizing:border-box;padding:8%}
[data-surface-root][data-surface=vine] :is(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) :is(img[src*=zuku-thumbnail-fallback],.thumb-fallback-logo){object-fit:contain;box-sizing:border-box;padding:8%}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar):after{content:"";position:absolute;z-index:var(--zk-z-raised);border:var(--zk-hairline)solid var(--zk-line);border-radius:inherit;pointer-events:none;inset:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar):after{content:"";position:absolute;z-index:var(--zk-z-raised);border:var(--zk-hairline)solid var(--zk-line);border-radius:inherit;pointer-events:none;inset:0}
[data-surface-root][data-surface=vine] :is(.vine-hero__cover,.vine-album-card__cover,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar):after{content:"";position:absolute;z-index:var(--zk-z-raised);border:var(--zk-hairline)solid var(--zk-line);border-radius:inherit;pointer-events:none;inset:0}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-hero__cover,.vine-album-card__cover,.vine-album-card__cover-link,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar)>div{position:absolute;border-radius:0;width:100%;height:100%;inset:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-hero__cover,.vine-album-card__cover,.vine-album-card__cover-link,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar)>div{position:absolute;border-radius:0;width:100%;height:100%;inset:0}
[data-surface-root][data-surface=vine] :is(.vine-hero__cover,.vine-album-card__cover,.vine-album-card__cover-link,.vine-idol-card__cover,.vine-track-row__cover,.vine-track-detail__cover,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar)>div{position:absolute;border-radius:0;width:100%;height:100%;inset:0}
[data-surface-root][data-surface=vine] .vine-album-card__cover-link{position:absolute;display:block;inset:0}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-albums,.vine-rack,.vine-idols){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(164px*var(--zk-ui-scale))),1fr));gap:var(--zk-space-6)var(--zk-space-4);list-style:none;margin:0;padding:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-albums,.vine-rack,.vine-idols){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(164px*var(--zk-ui-scale))),1fr));gap:var(--zk-space-6)var(--zk-space-4);list-style:none;margin:0;padding:0}
[data-surface-root][data-surface=vine] :is(.vine-albums,.vine-rack,.vine-idols){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(164px*var(--zk-ui-scale))),1fr));gap:var(--zk-space-6)var(--zk-space-4);list-style:none;margin:0;padding:0}
@media (max-width:599px){[data-surface-root][data-surface=vine] :-webkit-any(.vine-albums,.vine-rack,.vine-idols){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zk-space-5)var(--zk-space-3)}[data-surface-root][data-surface=vine] :-moz-any(.vine-albums,.vine-rack,.vine-idols){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zk-space-5)var(--zk-space-3)}[data-surface-root][data-surface=vine] :is(.vine-albums,.vine-rack,.vine-idols){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zk-space-5)var(--zk-space-3)}}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-album-card,.vine-idol-card){display:grid;align-content: start;gap:var(--zk-space-1);box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-album-card,.vine-idol-card){display:grid;align-content: start;gap:var(--zk-space-1);box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0}
[data-surface-root][data-surface=vine] :is(.vine-album-card,.vine-idol-card){display:grid;align-content: start;gap:var(--zk-space-1);box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-album-card__cover,.vine-idol-card__cover){margin-bottom:var(--zk-space-2)}
[data-surface-root][data-surface=vine] :-moz-any(.vine-album-card__cover,.vine-idol-card__cover){margin-bottom:var(--zk-space-2)}
[data-surface-root][data-surface=vine] :is(.vine-album-card__cover,.vine-idol-card__cover){margin-bottom:var(--zk-space-2)}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-album-card__title,.vine-idol-card__name){display:-webkit-box;overflow:hidden;color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-label)/1.45 var(--zk-font-sans);letter-spacing:var(--zk-tracking-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-album-card__title,.vine-idol-card__name){display:-webkit-box;overflow:hidden;color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-label)/1.45 var(--zk-font-sans);letter-spacing:var(--zk-tracking-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}
[data-surface-root][data-surface=vine] :is(.vine-album-card__title,.vine-idol-card__name){display:-webkit-box;overflow:hidden;color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-label)/1.45 var(--zk-font-sans);letter-spacing:var(--zk-tracking-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-album-card__creator,.vine-idol-card__handle){overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);text-overflow:ellipsis;white-space:nowrap;margin:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-album-card__creator,.vine-idol-card__handle){overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);text-overflow:ellipsis;white-space:nowrap;margin:0}
[data-surface-root][data-surface=vine] :is(.vine-album-card__creator,.vine-idol-card__handle){overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);text-overflow:ellipsis;white-space:nowrap;margin:0}
[data-surface-root][data-surface=vine] .vine-idol-card__handle{font-family:var(--zk-font-label);font-size:var(--zk-fs-caption)}
[data-surface-root][data-surface=vine] .vine-album-card__meta{display:flex;align-items: center;gap:var(--zk-space-1);color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);font-variant-numeric:tabular-nums;margin:0}
[data-surface-root][data-surface=vine] .vine-album-card__meta:empty{display:none}
[data-surface-root][data-surface=vine] .vine-album-card__meta svg{flex-shrink:0}
@media (hover:hover){[data-surface-root][data-surface=vine] :-webkit-any(.vine-album-card,.vine-idol-card):hover :-webkit-any(.vine-album-card__title,.vine-idol-card__name) a{text-decoration:underline;text-underline-offset:3px}[data-surface-root][data-surface=vine] :-moz-any(.vine-album-card,.vine-idol-card):hover :-moz-any(.vine-album-card__title,.vine-idol-card__name) a{text-decoration:underline;text-underline-offset:3px}[data-surface-root][data-surface=vine] :is(.vine-album-card,.vine-idol-card):hover :is(.vine-album-card__title,.vine-idol-card__name) a{text-decoration:underline;text-underline-offset:3px}}
[data-surface-root][data-surface=vine] .vine-album-card__play{position:absolute;right:var(--zk-space-2);bottom:var(--zk-space-2);display:grid;width:var(--zk-touch);height:var(--zk-touch);min-height:var(--zk-touch);border-radius:var(--zk-radius-pill);background:var(--zk-accent);color:var(--zk-on-accent);box-shadow:var(--zk-shadow-float);cursor:pointer;z-index:calc(var(--zk-z-raised) + 1);border:0;place-items: center;padding:0}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-album-card__play:hover{background:var(--zk-accent-hover)}}
[data-surface-root][data-surface=vine] .vine-tracks{display:flex;overflow:hidden;list-style:none;border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);flex-direction:column;margin:0;padding:0}
[data-surface-root][data-surface=vine] .vine-track-row{display:grid;grid-template-columns:calc(48px*var(--zk-ui-scale))minmax(0,1fr)var(--zk-touch)calc(48px*var(--zk-ui-scale));align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-3)var(--zk-space-4);transition:background-color var(--zk-dur-2)var(--zk-ease-out);background:0 0;border:0;border-radius:0}
[data-surface-root][data-surface=vine] .vine-track-row+.vine-track-row{border-top:var(--zk-hairline)solid var(--zk-line)}
[data-surface-root][data-surface=vine] .vine-track-row[data-playing=true]{background:var(--zk-accent-soft)}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-track-row:hover{background:var(--zk-surface-hover)}[data-surface-root][data-surface=vine] .vine-track-row[data-playing=true]:hover{background:var(--zk-accent-soft)}}
[data-surface-root][data-surface=vine] .vine-track-row__cover{width:calc(48px*var(--zk-ui-scale))}
[data-surface-root][data-surface=vine] .vine-track-row__body{display:grid;gap:2px;min-width:0}
[data-surface-root][data-surface=vine] .vine-track-row__title{display:-webkit-box;overflow:hidden;color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-label)/1.45 var(--zk-font-sans);text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}
[data-surface-root][data-surface=vine] .vine-track-row__meta{overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-caption);line-height:var(--zk-lh-caption);text-overflow:ellipsis;white-space:nowrap;margin:0}
[data-surface-root][data-surface=vine] .vine-track-row__body>.vine-wave{max-width:calc(360px*var(--zk-ui-scale));margin-top:var(--zk-space-1)}
[data-surface-root][data-surface=vine] .vine-track-row__duration{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1 var(--zk-font-label);font-variant-numeric:tabular-nums;text-align:end}
[data-surface-root][data-surface=vine] .vine-track-row__play{display:grid;width:var(--zk-touch);height:var(--zk-touch);min-height:var(--zk-touch);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-pill);background:var(--zk-surface);color:var(--zk-text);cursor:pointer;place-items: center;padding:0}
[data-surface-root][data-surface=vine] .vine-track-row__play[aria-pressed=true]{border-color:var(--zk-accent);background:var(--zk-accent);color:var(--zk-on-accent)}
[data-surface-root][data-surface=vine] .vine-track-row__play:disabled{border-color:var(--zk-line);color:var(--zk-text-disabled);cursor:not-allowed}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-track-row__play:hover:not(:disabled):not([aria-pressed=true]){background:var(--zk-surface-2)}}
@media (max-width:599px){[data-surface-root][data-surface=vine] .vine-track-row{grid-template-columns:calc(44px*var(--zk-ui-scale))minmax(0,1fr)var(--zk-touch);gap:var(--zk-space-3);padding:var(--zk-space-2)var(--zk-space-3)}[data-surface-root][data-surface=vine] .vine-track-row__cover{width:calc(44px*var(--zk-ui-scale))}[data-surface-root][data-surface=vine] :is(.vine-track-row__duration,.vine-track-row__body>.vine-wave){display:none}}
[data-surface-root][data-surface=vine] .vine-wave{display:block;border-radius:var(--zk-radius-xs);width:100%}
[data-surface-root][data-surface=vine] .vine-wave--flat{position:relative;background:var(--zk-surface-2)}
[data-surface-root][data-surface=vine] .vine-wave__flat{position:absolute;left:0;right:0;background:var(--zk-line-strong);border-radius:1px;height:2px;top:50%;transform:translateY(-50%)}
[data-surface-root][data-surface=vine] .vine-wave__bar{fill:var(--zk-line-strong)}
[data-surface-root][data-surface=vine] .vine-wave__bar.is-played{fill:var(--zk-accent-fg)}
[data-surface-root][data-surface=vine] .vine-stage__canvas{display:block;width:100%;height:100%}
[data-surface-root][data-surface=vine] .vine-idol-card__cover{border-radius:var(--zk-radius-pill)}
[data-surface-root][data-surface=vine] .vine-rack>li{min-width:0}
[data-surface-root][data-surface=vine] .vine-asset-preview{display:grid;align-content: start;gap:var(--zk-space-1);background:0 0;border:0;min-width:0;height:100%;padding:0}
[data-surface-root][data-surface=vine] .vine-asset-preview__cover{margin-bottom:var(--zk-space-2)}
[data-surface-root][data-surface=vine] .vine-asset-preview__title{color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-label)/1.45 var(--zk-font-sans);margin:0}
[data-surface-root][data-surface=vine] .vine-asset-preview__creator{color:var(--zk-text-2);font-size:var(--zk-fs-meta);margin:0}
[data-surface-root][data-surface=vine] .vine-asset-preview__meta{display:flex;align-items: center;gap:var(--zk-space-1)var(--zk-space-2);color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);flex-wrap:wrap}
[data-surface-root][data-surface=vine] .vine-asset-preview__license{padding:2px var(--zk-space-2);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-xs);color:var(--zk-text-2);font:inherit}
[data-surface-root][data-surface=vine] .vine-asset-preview__demo{display:flex;margin-top:var(--zk-space-2)}
[data-surface-root][data-surface=vine] .vine-asset-preview__audio{display:none}
[data-surface-root][data-surface=vine] .vine-asset-preview__play-btn{min-height:var(--zk-control-h-md);padding:0 var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-pill);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.2 var(--zk-font-sans);cursor:pointer;flex:1}
[data-surface-root][data-surface=vine] .vine-asset-preview__play-btn[aria-pressed=true]{border-color:var(--zk-accent);background:var(--zk-accent);color:var(--zk-on-accent)}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-asset-preview__play-btn:hover:not([aria-pressed=true]){background:var(--zk-surface-2)}}
[data-surface-root][data-surface=vine] .vine-assets-controls__count{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);margin:0}
[data-surface-root][data-surface=vine] .vine-empty{display:grid;justify-items:start;gap:var(--zk-space-2);padding:var(--zk-space-8)0;color:var(--zk-text-2)}
[data-surface-root][data-surface=vine] .vine-empty>svg{color:var(--zk-text-3)}
[data-surface-root][data-surface=vine] .vine-empty__title{color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);margin:0}
[data-surface-root][data-surface=vine] .vine-empty__desc{max-width:48ch;margin:0}
[data-surface-root][data-surface=vine] .vine-empty__cta{display:inline-flex;min-height:var(--zk-control-h-md);margin-top:var(--zk-space-2);padding:0 var(--zk-space-5);border-radius:var(--zk-radius-pill);background:var(--zk-accent);color:var(--zk-on-accent);font-weight:var(--zk-fw-semibold);align-items: center}
[data-surface-root][data-surface=vine] .vine-load-more{display:flex;padding-block:var(--zk-space-2);justify-content:center}
[data-surface-root][data-surface=vine] .vine-load-more>button{min-width:calc(160px*var(--zk-ui-scale))}
.vine-mini-player{position:fixed;inset-inline:var(--zk-space-3);z-index:var(--zk-z-sticky);bottom:calc(var(--zk-dock-offset) + var(--zk-space-2))}
@media (min-width:1024px){.vine-mini-player{inset-inline:calc(var(--social-sidebar,0px) + var(--zk-space-5))var(--zk-space-5);bottom:calc(var(--zk-space-4) + var(--zk-safe-bottom))}}
[data-surface-root][data-surface=vine] .vine-mini-player:not(.vine-mini-player--idle){box-sizing:border-box;display:grid;grid-template-columns:calc(40px*var(--zk-ui-scale))minmax(0,1fr)auto;align-items: center;gap:var(--zk-space-1)var(--zk-space-3);min-height:calc(64px*var(--zk-ui-scale));padding:var(--zk-space-2)var(--zk-space-2)var(--zk-space-2)var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-control);background:var(--zk-surface-raised);color:var(--zk-text);box-shadow:var(--zk-shadow-float);backdrop-filter:none;-webkit-backdrop-filter:none}
@media (min-width:768px){[data-surface-root][data-surface=vine] .vine-mini-player:not(.vine-mini-player--idle){grid-template-columns:calc(48px*var(--zk-ui-scale))minmax(calc(120px*var(--zk-ui-scale)),1fr)minmax(calc(160px*var(--zk-ui-scale)),1.4fr)auto;min-height:var(--vine-player-h);padding-inline:var(--zk-space-3);gap:var(--zk-space-4)}}
@media (min-width:1280px){[data-surface-root][data-surface=vine] .vine-mini-player:not(.vine-mini-player--idle){grid-template-columns:calc(48px*var(--zk-ui-scale))minmax(calc(140px*var(--zk-ui-scale)),1fr)minmax(calc(200px*var(--zk-ui-scale)),1.6fr)auto auto}}
[data-surface-root][data-surface=vine] .vine-mini-player--idle{display:none}
[data-surface-root][data-surface=vine] .vine-mini-player>*{grid-row:auto;grid-column:auto}
[data-surface-root][data-surface=vine] .vine-mini-player>:-webkit-any(.vine-mini-player__queue,.vine-mini-player__error){grid-column:1/-1}
[data-surface-root][data-surface=vine] .vine-mini-player>:-moz-any(.vine-mini-player__queue,.vine-mini-player__error){grid-column:1/-1}
[data-surface-root][data-surface=vine] .vine-mini-player>:is(.vine-mini-player__queue,.vine-mini-player__error){grid-column:1/-1}
[data-surface-root][data-surface=vine] .vine-mini-player .vine-mini-player__controls{justify-content:flex-end}
[data-surface-root][data-surface=vine] .vine-mini-player__cover{width:calc(40px*var(--zk-ui-scale))}
@media (min-width:768px){[data-surface-root][data-surface=vine] .vine-mini-player__cover{width:calc(48px*var(--zk-ui-scale))}}
[data-surface-root][data-surface=vine] .vine-mini-player__meta{display:grid;gap:2px;min-width:0}
[data-surface-root][data-surface=vine] .vine-mini-player__title{overflow:hidden;color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-label)/1.35 var(--zk-font-sans);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-mini-player__title:hover{text-decoration:underline;text-underline-offset:3px}}
[data-surface-root][data-surface=vine] .vine-mini-player__artist{overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-caption);line-height:var(--zk-lh-caption);text-overflow:ellipsis;white-space:nowrap;margin:0}
[data-surface-root][data-surface=vine] .vine-mini-player__transport{display:none}
@media (min-width:768px){[data-surface-root][data-surface=vine] .vine-mini-player__transport{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items: center;gap:var(--zk-space-2);min-width:0}[data-surface-root][data-surface=vine] .vine-mini-player__transport>:-webkit-any(label,input){grid-column:2;grid-row:1}[data-surface-root][data-surface=vine] .vine-mini-player__transport>:-moz-any(label,input){grid-column:2;grid-row:1}[data-surface-root][data-surface=vine] .vine-mini-player__transport>:is(label,input){grid-column:2;grid-row:1}[data-surface-root][data-surface=vine] .vine-mini-player__time{display:contents}[data-surface-root][data-surface=vine] .vine-mini-player__time>:first-child{grid-column:1;grid-row:1}[data-surface-root][data-surface=vine] .vine-mini-player__time>:last-child{grid-column:3;grid-row:1}}
[data-surface-root][data-surface=vine] :-webkit-any(.vine-mini-player__progress,.vine-mini-player__volume-slider){height:var(--zk-touch);accent-color:var(--zk-accent-fg);cursor:pointer;background:0 0;width:100%;min-width:0;margin:0}
[data-surface-root][data-surface=vine] :-moz-any(.vine-mini-player__progress,.vine-mini-player__volume-slider){height:var(--zk-touch);accent-color:var(--zk-accent-fg);cursor:pointer;background:0 0;width:100%;min-width:0;margin:0}
[data-surface-root][data-surface=vine] :is(.vine-mini-player__progress,.vine-mini-player__volume-slider){height:var(--zk-touch);accent-color:var(--zk-accent-fg);cursor:pointer;background:0 0;width:100%;min-width:0;margin:0}
[data-surface-root][data-surface=vine] .vine-mini-player__time>span{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1 var(--zk-font-label);font-variant-numeric:tabular-nums}
[data-surface-root][data-surface=vine] .vine-mini-player__controls{display:flex;align-items: center;gap:2px}
[data-surface-root][data-surface=vine] .vine-mini-player__btn{display:grid;width:var(--zk-touch);height:var(--zk-touch);min-height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--zk-text);cursor:pointer;background:0 0;border:0;flex:none;place-items: center;padding:0}
[data-surface-root][data-surface=vine] .vine-mini-player__btn.is-active{background:var(--zk-accent-soft);color:var(--zk-accent-fg)}
[data-surface-root][data-surface=vine] .vine-mini-player__btn:disabled{color:var(--zk-text-disabled);cursor:not-allowed}
[data-surface-root][data-surface=vine] .vine-mini-player__btn--primary{border-radius:var(--zk-radius-pill);background:var(--zk-accent);color:var(--zk-on-accent)}
@media (hover:hover){[data-surface-root][data-surface=vine] .vine-mini-player__btn:hover:not(:disabled):not(.vine-mini-player__btn--primary){background:var(--zk-surface-hover)}[data-surface-root][data-surface=vine] .vine-mini-player__btn--primary:hover{background:var(--zk-accent-hover)}}
@media (max-width:767px){[data-surface-root][data-surface=vine] .vine-mini-player__btn--secondary{display:none}}
[data-surface-root][data-surface=vine] .vine-mini-player__volume{display:none;align-items: center;gap:var(--zk-space-1)}
@media (min-width:1280px){[data-surface-root][data-surface=vine] .vine-mini-player__volume{display:flex}[data-surface-root][data-surface=vine] .vine-mini-player__volume-slider{width:calc(88px*var(--zk-ui-scale))}}
[data-surface-root][data-surface=vine] .vine-mini-player__error{grid-column:1/-1;color:var(--zk-danger);font:var(--zk-fw-semibold)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-sans);margin:0}
[data-surface-root][data-surface=vine] .vine-mini-player__queue{grid-column:1/-1;overflow:auto;overscroll-behavior:contain;padding-top:var(--zk-space-2);border-top:var(--zk-hairline)solid var(--zk-line);max-height:min(40vh,18rem)}
[data-surface-root][data-surface=vine] .vine-mini-player__queue-list{display:grid;list-style:none;gap:2px;margin:0;padding:0}
[data-surface-root][data-surface=vine] .vine-mini-player__queue-item{display:flex;align-items: center;gap:var(--zk-space-1)}
[data-surface-root][data-surface=vine] .vine-mini-player__queue-play{min-height:var(--zk-touch);padding:var(--zk-space-1)var(--zk-space-2);overflow:hidden;border-radius:var(--zk-radius-control);color:var(--zk-text);font:var(--zk-fw-medium)var(--zk-fs-label)/1.35 var(--zk-font-sans);text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;min-width:0}
[data-surface-root][data-surface=vine] .vine-mini-player__queue-play[aria-current=true]{background:var(--zk-accent-soft);color:var(--zk-accent-fg);font-weight:var(--zk-fw-bold)}
[data-surface-root][data-surface=vine] .vine-mini-player__queue-artist{color:var(--zk-text-2);font-weight:var(--zk-fw-regular)}
[data-surface-root][data-surface=vine] .vine-mini-player__queue-remove{display:grid;width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--zk-text-2);cursor:pointer;background:0 0;border:0;flex:none;place-items: center;padding:0}
[data-surface-root][data-surface=vine] .vine-mini-player__queue-empty{padding:var(--zk-space-2);color:var(--zk-text-2);font-size:var(--zk-fs-label);margin:0}
@media (hover:hover){[data-surface-root][data-surface=vine] :-webkit-any(.vine-mini-player__queue-play:not([aria-current=true]),.vine-mini-player__queue-remove):hover{background:var(--zk-surface-hover);color:var(--zk-text)}[data-surface-root][data-surface=vine] :-moz-any(.vine-mini-player__queue-play:not([aria-current=true]),.vine-mini-player__queue-remove):hover{background:var(--zk-surface-hover);color:var(--zk-text)}[data-surface-root][data-surface=vine] :is(.vine-mini-player__queue-play:not([aria-current=true]),.vine-mini-player__queue-remove):hover{background:var(--zk-surface-hover);color:var(--zk-text)}}
[data-surface=vine] .skip-link{position:absolute;z-index:var(--zk-z-skip);padding:var(--zk-space-2)var(--zk-space-4);border-radius:var(--zk-radius-control);background:var(--zk-accent);color:var(--zk-on-accent);font-weight:var(--zk-fw-bold);top:-100px}
[data-surface=vine] .skip-link:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--zk-space-4)}
[data-surface=vine] .skip-link:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--zk-space-4)}
[data-surface=vine] .skip-link:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--zk-space-4)}
[data-surface=vine] .skip-link:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--zk-space-4)}
[data-surface=vine] .skip-link:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--zk-space-4)}
[data-surface=vine] .skip-link:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--zk-space-4)}
[data-surface=vine] .skip-link:focus-visible{top:var(--zk-space-4)}
[data-surface=vine] .skip-link--player:focus-visible:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:12rem}
[data-surface=vine] .skip-link--player:focus-visible:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:12rem}
[data-surface=vine] .skip-link--player:focus-visible:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:12rem}
[data-surface=vine] .skip-link--player:focus-visible:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:12rem}
[data-surface=vine] .skip-link--player:focus-visible:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:12rem}
[data-surface=vine] .skip-link--player:focus-visible:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:12rem}
[data-surface-root][data-surface=vine] .vine-track-detail{display:grid;gap:var(--vine-gap);padding:0}
[data-surface-root][data-surface=vine] .vine-track-detail>section{display:grid;gap:var(--vine-gap-sm);min-width:0}
[data-surface-root][data-surface=vine] .vine-track-detail__breadcrumbs{margin-bottom:calc(var(--zk-space-3)*-1);justify-self:start}
[data-surface-root][data-surface=vine] .vine-track-detail__hero{display:grid;grid-template-columns:calc(112px*var(--zk-ui-scale))minmax(0,1fr);align-items: start;gap:var(--zk-space-4);padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
@media (min-width:768px){[data-surface-root][data-surface=vine] .vine-track-detail__hero{grid-template-columns:calc(200px*var(--zk-ui-scale))minmax(0,1fr);align-items: center;gap:var(--vine-gap);padding:var(--zk-space-5)}}
[data-surface-root][data-surface=vine] .vine-track-detail__cover{width:100%}
[data-surface-root][data-surface=vine] .vine-track-detail__hero-text{display:grid;gap:var(--zk-space-2);min-width:0}
[data-surface-root][data-surface=vine] .vine-track-detail__title{color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-display)/var(--zk-lh-display)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
@media (max-width:599px){[data-surface-root][data-surface=vine] .vine-track-detail__title{font-size:var(--zk-fs-title)}}
[data-surface-root][data-surface=vine] .vine-track-detail__creator{color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);margin:0}
[data-surface-root][data-surface=vine] .vine-track-detail__description{max-width:var(--zk-reading-max);color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-reading);white-space:pre-wrap;margin:0}
[data-surface-root][data-surface=vine] .vine-track-detail__meta{display:flex;gap:var(--zk-space-1)var(--zk-space-4);color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;padding:0}
[data-surface-root][data-surface=vine] .vine-track-detail__meta-item{display:inline-flex;align-items:baseline;gap:var(--zk-space-1)}
[data-surface-root][data-surface=vine] .vine-track-detail__meta :-webkit-any(dt,dd){margin:0}
[data-surface-root][data-surface=vine] .vine-track-detail__meta :-moz-any(dt,dd){margin:0}
[data-surface-root][data-surface=vine] .vine-track-detail__meta :is(dt,dd){margin:0}
[data-surface-root][data-surface=vine] .vine-track-detail__meta dd{color:var(--zk-text)}
[data-surface-root][data-surface=vine] .vine-track-detail__actions{display:flex;gap:var(--zk-space-2);margin-top:var(--zk-space-1);flex-wrap:wrap}
[data-surface-root][data-surface=vine] .vine-track-detail__player{display:grid;gap:var(--zk-space-3);padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
[data-surface-root][data-surface=vine] .vine-track-detail__tab-panel{padding:0}
[data-surface-root][data-surface=vine] .vine-track-detail__tab-panel[hidden]{display:none}
[data-surface-root][data-surface=vine] .vine-track-detail__tab-panel:focus-visible{outline-offset:var(--zk-space-1);border-radius:var(--zk-radius-xs)}
[data-surface-root][data-surface=vine] .vine-track-detail__lyrics{max-width:var(--zk-reading-max);color:var(--zk-text);font-size:var(--zk-fs-reading);line-height:var(--zk-lh-reading);white-space:pre-wrap;margin:0}
[data-surface-root][data-surface=vine] .vine-license-block{display:grid;gap:var(--zk-space-2);padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
[data-surface-root][data-surface=vine] .vine-license-block__type{color:var(--zk-text);font-weight:var(--zk-fw-semibold);margin:0}
[data-surface-root][data-surface=vine] .vine-license-block__attr{color:var(--zk-text-2);font-size:var(--zk-fs-label);margin:0}
[data-surface-root][data-surface=vine] .vine-license-block__link{color:var(--zk-accent-fg);text-decoration:underline;word-break:break-all}
[data-surface-root][data-surface=vine] .vine-idol-profile{display:grid;gap:var(--zk-space-8);padding:0}
[data-surface-root][data-surface=vine] .vine-idol-profile>section{display:grid;gap:var(--vine-gap-sm)}
[data-surface-root][data-surface=vine] .vine-idol-profile__hero{display:grid;grid-template-columns:calc(88px*var(--zk-ui-scale))minmax(0,1fr);align-items: start;gap:var(--zk-space-4);padding:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
@media (min-width:768px){[data-surface-root][data-surface=vine] .vine-idol-profile__hero{grid-template-columns:calc(160px*var(--zk-ui-scale))minmax(0,1fr);align-items: center;gap:var(--vine-gap);padding:var(--zk-space-6)}}
[data-surface-root][data-surface=vine] .vine-idol-profile__avatar{border-radius:var(--zk-radius-pill);width:100%}
[data-surface-root][data-surface=vine] .vine-idol-profile__hero-text{display:grid;gap:var(--zk-space-2);min-width:0}
[data-surface-root][data-surface=vine] .vine-idol-profile__name{color:var(--zk-text);font:var(--zk-fw-bold)var(--zk-fs-display)/var(--zk-lh-display)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
[data-surface-root][data-surface=vine] .vine-idol-profile__handle{color:var(--zk-text-2);font:var(--zk-fw-medium)var(--zk-fs-meta)/1.3 var(--zk-font-label);margin:0}
[data-surface-root][data-surface=vine] .vine-idol-profile__bio{color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);max-width:60ch;margin:0}
[data-surface-root][data-surface=vine] .vine-idol-profile__count{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/var(--zk-lh-caption)var(--zk-font-label);margin:0}
[data-surface-root][data-surface=vine] .vine-idol-discography{display:grid;gap:var(--vine-gap)}
[data-surface-root][data-surface=vine] .vine-idol-discography__group{display:grid;gap:var(--zk-space-2);margin:0}
[data-surface-root][data-surface=vine] .vine-upload{display:grid;gap:var(--vine-gap);max-width:calc(840px*var(--zk-ui-scale));width:100%;margin:0 auto;padding:0}
[data-surface-root][data-surface=vine] .vine-upload__dropzone{display:grid;align-content: center;place-items: center;gap:var(--zk-space-2);min-height:calc(200px*var(--zk-ui-scale));padding:var(--zk-space-6);border:var(--zk-hairline)dashed var(--zk-line-field);border-radius:var(--zk-radius-panel);background:var(--zk-surface);color:var(--zk-text-2);text-align:center;cursor:pointer}
[data-surface-root][data-surface=vine] .vine-upload__dropzone label{display:grid;gap:var(--zk-space-1);cursor:pointer;width:100%}
[data-surface-root][data-surface=vine] .vine-upload__dropzone>svg{margin-bottom:var(--zk-space-2);color:var(--zk-accent-fg)}
[data-surface-root][data-surface=vine] .vine-upload__dropzone>span:first-of-type{color:var(--zk-text);font-weight:var(--zk-fw-semibold)}
[data-surface-root][data-surface=vine] .vine-upload__dropzone:-webkit-any(:hover,:focus-within,[data-active=true]){border-color:var(--zk-accent-fg);color:var(--zk-text)}
[data-surface-root][data-surface=vine] .vine-upload__dropzone:-moz-any(:hover,:focus-within,[data-active=true]){border-color:var(--zk-accent-fg);color:var(--zk-text)}
[data-surface-root][data-surface=vine] .vine-upload__dropzone:is(:hover,:focus-within,[data-active=true]){border-color:var(--zk-accent-fg);color:var(--zk-text)}
[data-surface-root][data-surface=vine] .vine-upload__dropzone[data-active=true]{background:var(--zk-accent-soft)}
[data-surface-root][data-surface=vine] .vine-upload__hint{color:var(--zk-text-3);font-size:var(--zk-fs-caption);line-height:var(--zk-lh-body);margin:0}
[data-surface-root][data-surface=vine] .vine-upload__files{display:grid;gap:var(--vine-gap-sm);list-style:none;margin:0;padding:0}
[data-surface-root][data-surface=vine] .vine-upload__file-card{display:grid;gap:var(--zk-space-4);padding:var(--zk-space-5);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
[data-surface-root][data-surface=vine] .vine-upload__file-head{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-4);min-width:0}
[data-surface-root][data-surface=vine] .vine-upload__file-name{overflow:hidden;color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-body)/1.4 var(--zk-font-sans);text-overflow:ellipsis;white-space:nowrap;min-width:0}
[data-surface-root][data-surface=vine] .vine-upload__file-size{color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1 var(--zk-font-label);flex:none}
[data-surface-root][data-surface=vine] .vine-upload__field{display:grid;gap:var(--zk-space-2)}
[data-surface-root][data-surface=vine] :is(.vine-upload__field label,.vine-upload__field-label){color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.4 var(--zk-font-sans);margin:0}
[data-surface-root][data-surface=vine] .vine-upload__field :-webkit-any(input,textarea,select){box-sizing:border-box;min-height:var(--zk-control-h-md);padding:var(--zk-space-2)var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-field);border-radius:var(--zk-radius-control);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-input)/var(--zk-lh-body)var(--zk-font-sans);width:100%}
[data-surface-root][data-surface=vine] .vine-upload__field :-moz-any(input,textarea,select){box-sizing:border-box;min-height:var(--zk-control-h-md);padding:var(--zk-space-2)var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-field);border-radius:var(--zk-radius-control);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-input)/var(--zk-lh-body)var(--zk-font-sans);width:100%}
[data-surface-root][data-surface=vine] .vine-upload__field :is(input,textarea,select){box-sizing:border-box;min-height:var(--zk-control-h-md);padding:var(--zk-space-2)var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-field);border-radius:var(--zk-radius-control);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-input)/var(--zk-lh-body)var(--zk-font-sans);width:100%}
[data-surface-root][data-surface=vine] .vine-upload__field :-webkit-any(input,textarea)[aria-invalid=true]{border-color:var(--zk-danger)}
[data-surface-root][data-surface=vine] .vine-upload__field :-moz-any(input,textarea)[aria-invalid=true]{border-color:var(--zk-danger)}
[data-surface-root][data-surface=vine] .vine-upload__field :is(input,textarea)[aria-invalid=true]{border-color:var(--zk-danger)}
[data-surface-root][data-surface=vine] .vine-upload__required{color:var(--zk-danger)}
[data-surface-root][data-surface=vine] .vine-upload__field-error{color:var(--zk-danger);font:var(--zk-fw-semibold)var(--zk-fs-meta)/var(--zk-lh-caption)var(--zk-font-sans);margin:0}
[data-surface-root][data-surface=vine] .vine-upload__progress{overflow:hidden;border-radius:var(--zk-radius-pill);background:var(--zk-surface-2);height:4px}
[data-surface-root][data-surface=vine] .vine-upload__progress-bar{display:block;background:var(--zk-accent-fg);transition:width var(--zk-dur-3)var(--zk-ease-out);height:100%}
[data-surface-root][data-surface=vine] .vine-upload__actions{display:flex;padding-top:var(--zk-space-4);border-top:var(--zk-hairline)solid var(--zk-line);justify-content:flex-end}
[data-surface-root][data-surface=vine] .vine-upload__submit{min-width:calc(140px*var(--zk-ui-scale));min-height:var(--zk-control-h-md);padding:0 var(--zk-space-6);border-radius:var(--zk-radius-pill);background:var(--zk-accent);color:var(--zk-on-accent);font:var(--zk-fw-semibold)var(--zk-fs-body)/1.2 var(--zk-font-sans);cursor:pointer;border:0}
[data-surface-root][data-surface=vine] .vine-upload__submit:disabled{background:var(--zk-surface-2);color:var(--zk-text-disabled);cursor:not-allowed}
[data-surface-root][data-surface=vine] .vine-upload__remove{min-height:var(--zk-control-h-sm);padding:0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-pill);color:var(--zk-text-2);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.2 var(--zk-font-sans);cursor:pointer;background:0 0;justify-self:start}
[data-surface-root][data-surface=vine] .vine-upload__audio-preview{position:static;height:var(--zk-control-h-md);width:100%}
[data-surface-root][data-surface=vine] .vine-upload__image-preview{display:block;max-width:calc(200px*var(--zk-ui-scale));border-radius:var(--zk-radius-media)}
[data-surface-root][data-surface=vine] .vine-upload__suggestion-wrap{position:relative;display:inline-block}
[data-surface-root][data-surface=vine] .vine-upload__suggestion{display:inline-flex;align-items: center;gap:var(--zk-space-2);padding:var(--zk-space-1)var(--zk-space-3);border-radius:var(--zk-radius-control);background:var(--zk-accent-soft);color:var(--zk-accent-fg);font-size:var(--zk-fs-label)}
[data-surface-root][data-surface=vine] .vine-upload__suggestion button{min-height:var(--zk-control-h-sm);color:inherit;font:inherit;text-decoration:underline;cursor:pointer;background:0 0;border:0}
[data-surface-root][data-surface=vine] .vine-upload__type-list{position:absolute;z-index:var(--zk-z-popover);display:grid;min-width:calc(180px*var(--zk-ui-scale));padding:var(--zk-space-1);list-style:none;border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-control);background:var(--zk-surface-raised);box-shadow:var(--zk-shadow-float);gap:2px;margin:0;top:calc(100% + var(--zk-space-1))}
[data-surface-root][data-surface=vine] .vine-upload__type-list:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}
[data-surface-root][data-surface=vine] .vine-upload__type-list:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}
[data-surface-root][data-surface=vine] .vine-upload__type-list:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}
[data-surface-root][data-surface=vine] .vine-upload__type-list:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}
[data-surface-root][data-surface=vine] .vine-upload__type-list:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}
[data-surface-root][data-surface=vine] .vine-upload__type-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}
[data-surface-root][data-surface=vine] .vine-upload__type-list button{min-height:var(--zk-control-h-sm);padding:var(--zk-space-2)var(--zk-space-3);border-radius:calc(var(--zk-radius-control) - 2px);color:var(--zk-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;width:100%}
[data-surface-root][data-surface=vine] .vine-upload__type-list button:hover{background:var(--zk-surface-hover)}
[data-surface-root][data-surface=vine] .vine-upload__visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0}
@media (max-width:599px){[data-surface-root][data-surface=vine] .vine-upload__dropzone{min-height:calc(180px*var(--zk-ui-scale));padding:var(--zk-space-5)}[data-surface-root][data-surface=vine] .vine-upload__file-card{padding:var(--zk-space-4)}}
[data-surface-root][data-surface=vine] .vine-license-picker{display:grid;gap:var(--zk-space-2);border:0;margin:0;padding:0}
[data-surface-root][data-surface=vine] .vine-license-picker__option{display:grid;gap:var(--zk-space-1);min-height:calc(56px*var(--zk-ui-scale));padding:var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-control);cursor:pointer}
[data-surface-root][data-surface=vine] .vine-license-picker__option.is-selected{border-color:var(--zk-accent-fg);background:var(--zk-accent-soft)}
[data-surface-root][data-surface=vine] .vine-license-picker__option:focus-within{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
[data-surface-root][data-surface=vine] .vine-license-picker__option-name{color:var(--zk-text);font-weight:var(--zk-fw-semibold)}
[data-surface-root][data-surface=vine] .vine-license-picker__option-desc{color:var(--zk-text-2);font-size:var(--zk-fs-label)}
@media (pointer:coarse){[data-surface-root][data-surface=vine] :is(.vine-album-card__title a,.vine-album-card__creator a,.vine-idol-card__name a,.vine-idol-card__handle a,.vine-asset-preview__title a,.vine-mini-player__title){position:relative}[data-surface-root][data-surface=vine] :is(.vine-album-card__title a,.vine-idol-card__name a,.vine-asset-preview__title a,.vine-mini-player__title):after{content:"";position:absolute;inset:min(0px,calc((100% - var(--zk-touch))/2))0}}
@media (prefers-reduced-motion:reduce){[data-surface-root][data-surface=vine] :-webkit-any(.vine-category-tile,.vine-track-row,.vine-upload__progress-bar){transition:none}[data-surface-root][data-surface=vine] :-moz-any(.vine-category-tile,.vine-track-row,.vine-upload__progress-bar){transition:none}[data-surface-root][data-surface=vine] :is(.vine-category-tile,.vine-track-row,.vine-upload__progress-bar){transition:none}}
html[data-reduced-motion=true] [data-surface-root][data-surface=vine] :-webkit-any(.vine-category-tile,.vine-track-row,.vine-upload__progress-bar){transition:none}
html[data-reduced-motion=true] [data-surface-root][data-surface=vine] :-moz-any(.vine-category-tile,.vine-track-row,.vine-upload__progress-bar){transition:none}
html[data-reduced-motion=true] [data-surface-root][data-surface=vine] :is(.vine-category-tile,.vine-track-row,.vine-upload__progress-bar){transition:none}
.neon-icon-btn[data-active=true]{background:var(--zk-accent-soft);color:var(--zk-accent-fg)}
.studio-shell{--neon-header-height:0px;display:grid;grid-template-columns:calc(236px*var(--zk-ui-scale))minmax(0,1fr);gap:var(--zk-density-space);max-width:calc(1320px*var(--zk-ui-scale));padding:var(--zk-space-4);box-sizing:border-box;align-items: start;width:100%;margin-inline-start:auto;margin-inline-end:auto}
.studio-rail{position:sticky;top:var(--neon-header-height);display:flex;gap:var(--zk-space-4);min-height:min(calc(680px*var(--zk-ui-scale)),calc(100dvh - var(--neon-header-height) - calc(32px*var(--zk-ui-scale))));padding:var(--zk-space-5)var(--zk-space-4);border:0;border-right:1px solid var(--zk-line);box-shadow:none;background:0 0;border-radius:0;flex-direction:column}
.studio-rail__brand{display:flex;align-items: center;gap:var(--zk-space-3);padding-inline:var(--zk-space-2);color:inherit;text-decoration:none}
.studio-rail__brand-mark,.studio-context__icon,.studio-tool-card__icon{display:inline-flex;background:var(--zk-accent-soft);color:var(--zk-accent-fg);flex-shrink:0;justify-content:center;align-items: center}
.studio-rail__brand-mark{width:calc(38px*var(--zk-ui-scale));height:calc(38px*var(--zk-ui-scale));background:var(--zk-accent-soft);color:var(--zk-accent-fg);box-shadow:none;border-radius:0}
.studio-rail__brand-name,.studio-rail__brand-caption,.studio-rail__user-name,.studio-rail__user-role{margin:0}
.studio-rail__brand-name{color:var(--zk-text);font-family:var(--zk-font-sans);font-size:calc(16px*var(--zk-type-scale));font-weight:var(--zk-fw-heavy);letter-spacing:var(--zk-tracking-tight);line-height:var(--zk-lh-title)}
.studio-rail__brand-caption,.studio-rail__eyebrow{color:var(--zk-text-3);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--zk-fw-semibold);letter-spacing:.16em;text-transform:uppercase}
.studio-rail__brand-caption{color:var(--zk-accent-fg);margin-top:2px}
.studio-rail__eyebrow{padding-inline:var(--zk-space-2)}
.studio-rail__nav{display:flex;flex-direction:column;gap:2px}
.studio-rail__item{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:var(--zk-space-3);padding:9px var(--zk-space-3);border-radius:var(--zk-radius-control);color:var(--zk-text-2);transition:background var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out);border:1px solid #0000;align-items: center}
.studio-rail__item:hover{background:var(--zk-surface-2);color:var(--zk-text)}
.studio-rail__item[data-active=true]{border-color:color-mix(in srgb,var(--zk-accent-fg)35%,transparent);background:var(--zk-accent-soft);color:var(--zk-text)}
.studio-rail__item[data-active=true]:before{content:"";position:absolute;border-radius:var(--zk-radius-pill);background:var(--zk-accent-fg);box-shadow:none;width:3px;top:8px;bottom:8px;left:-1px}
.studio-rail__item-icon{grid-row:span 2}
.studio-rail__item[data-active=true] .studio-rail__item-icon{color:var(--zk-accent-fg)}
.studio-rail__item-label{font-size:var(--zk-fs-label);font-weight:var(--zk-fw-medium);line-height:var(--zk-lh-title)}
.studio-rail__item-desc{grid-column:2;color:var(--zk-text-3);font-size:calc(12px*var(--zk-ui-scale));margin-top:2px;line-height:1.35}
.studio-rail__divider{margin:var(--zk-space-1)var(--zk-space-2);background:var(--zk-line);height:1px}
.studio-rail__cta,.studio-button{display:inline-flex;min-height:var(--zk-control-h-sm);padding-inline:var(--zk-space-4);border-radius:var(--zk-button-radius);background:var(--zk-accent);color:var(--zk-on-accent);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);cursor:pointer;transition:background var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out);border:1px solid #0000;justify-content:center;align-items: center;gap:6px}
.studio-rail__cta:hover,.studio-button:hover{background:var(--zk-accent-hover)}
.studio-rail__user{display:flex;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-3)var(--zk-space-2)0;border-top:1px solid var(--zk-line);min-width:0;margin-top:auto}
.studio-rail__user-avatar{display:inline-flex;width:calc(30px*var(--zk-ui-scale));height:calc(30px*var(--zk-ui-scale));border:1px solid var(--zk-line-strong);border-radius:var(--zk-radius-pill);background:var(--zk-surface-2);color:var(--zk-text);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);flex-shrink:0;justify-content:center;align-items: center}
.studio-rail__user-name{overflow:hidden;color:var(--zk-text);font-size:calc(13px*var(--zk-ui-scale));font-weight:var(--zk-fw-medium);text-overflow:ellipsis;white-space:nowrap}
.studio-rail__user-role{color:var(--zk-text-3);font-size:calc(12px*var(--zk-ui-scale));margin-top:1px}
.studio-main{min-width:0}
.studio-context{position:sticky;top:var(--neon-header-height);z-index:20;display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-3);min-height:calc(52px*var(--zk-ui-scale));margin-bottom:var(--zk-space-3);padding:var(--zk-space-2)var(--zk-space-3);border:1px solid var(--zk-line);border-radius:var(--zk-radius-panel);background:color-mix(in srgb,var(--zk-surface)88%,transparent);box-shadow:var(--neon-shadow-sm);backdrop-filter:none}
.studio-context__title-wrap,.studio-context__actions{display:flex;align-items: center;gap:var(--zk-space-2);min-width:0}
.studio-context__icon{width:calc(34px*var(--zk-ui-scale));height:calc(34px*var(--zk-ui-scale));border-radius:var(--zk-radius-control)}
.studio-context__title,.studio-context__path{margin:0}
.studio-context__title{overflow:hidden;color:var(--zk-text);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);text-overflow:ellipsis;white-space:nowrap}
.studio-context__path{color:var(--zk-text-3);font-size:calc(12px*var(--zk-ui-scale))}
.studio-context__link{display:inline-flex;min-height:calc(32px*var(--zk-ui-scale));padding-inline:var(--zk-space-3);border-radius:var(--zk-radius-pill);color:var(--zk-text-2);font-size:var(--zk-fs-caption);align-items: center;gap:5px}
.studio-context__link:hover{background:var(--zk-surface-2);color:var(--zk-text)}
.studio-page{display:flex;gap:var(--zk-space-5);flex-direction:column;min-width:0}
.surface-grid{--surface-grid-min:240px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--surface-grid-min)),1fr));gap:var(--zk-space-3)}
.surface-grid--2{--surface-grid-min:280px}
.surface-grid--3{--surface-grid-min:220px}
.surface-grid--4{--surface-grid-min:160px}
.surface-grid--dense{gap:0}
.studio-page__head{display:flex;justify-content:space-between;align-items: flex-end;gap:var(--zk-space-3);padding-bottom:var(--zk-space-4);border-bottom:1px solid var(--zk-line);flex-wrap:wrap}
.studio-page__head--compact{border-bottom:0;align-items: center;padding-bottom:0}
.studio-page__head--compact .studio-desc{font-size:calc(16px*var(--zk-type-scale));color:var(--zk-text);margin:0}
.studio-eyebrow{margin:0 0 var(--zk-space-1);color:var(--zk-accent-fg);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--zk-fw-semibold);letter-spacing:.14em;text-transform:uppercase}
.studio-title{color:var(--zk-text);font-size:calc(clamp(21px,2.4vw,28px)*var(--zk-ui-scale));font-weight:var(--zk-fw-bold);letter-spacing:-.03em;line-height:var(--zk-lh-title);margin:0}
.studio-desc{margin:var(--zk-space-1)0 0;color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body)}
.studio-desc--danger{color:var(--zk-danger)}
.studio-link{color:var(--zk-accent-fg);font-size:calc(13px*var(--zk-ui-scale))}
.studio-link:hover{text-decoration:underline;text-underline-offset:3px}
.studio-list{margin:0;padding-left:18px}
.studio-list li+li{margin-top:4px}
.studio-text-col{min-width:0}
.studio-page__actions,.studio-actions{display:flex;gap:var(--zk-space-2);flex-wrap:wrap}
.studio-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(160px*var(--zk-ui-scale))),1fr));gap:var(--zk-space-3)}
.studio-overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr)minmax(calc(280px*var(--zk-ui-scale)),.9fr);gap:var(--zk-space-5);min-width:0}
.studio-overview-side{display:flex;gap:var(--zk-space-5);flex-direction:column;min-width:0}
.studio-tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(140px*var(--zk-ui-scale))),1fr));gap:var(--zk-space-2)}
.studio-tag{display:flex;padding:var(--zk-space-3);border:1px solid var(--zk-line);border-radius:var(--zk-radius-control);background:color-mix(in srgb,var(--zk-surface-2)38%,transparent);flex-direction:column;gap:3px}
.studio-tag__label{color:var(--zk-text-3);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--zk-fw-semibold);letter-spacing:.12em;text-transform:uppercase}
.studio-tag__value{color:var(--zk-text);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold)}
.studio-stat{display:flex;gap:var(--zk-space-1);min-height:calc(112px*var(--zk-ui-scale));padding:var(--zk-space-4);border:1px solid var(--zk-line);border-radius:var(--zk-radius-control);border:0;border-bottom:1px solid var(--zk-line);background:0 0;border-radius:0;flex-direction:column}
.studio-stat__label{color:var(--zk-text-3);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--zk-fw-semibold);letter-spacing:.1em;text-transform:uppercase}
.studio-stat__value{color:var(--zk-text);font-size:var(--zk-fs-headline);font-variant-numeric:tabular-nums;font-weight:var(--zk-fw-bold);letter-spacing:-.02em;line-height:var(--zk-lh-title);margin:auto 0 0}
.studio-stat__hint{color:var(--zk-text-2);font-size:var(--zk-fs-caption);margin:0}
.studio-panel{display:flex;gap:var(--zk-space-3);padding:var(--zk-space-5)0;border:0;border-top:1px solid var(--zk-line);color:var(--zk-text);background:0 0;border-radius:0;flex-direction:column;min-width:0}
.studio-panel--flush{padding-bottom:0}
.studio-panel--row{align-items: center;gap:var(--zk-space-4);flex-flow:wrap}
.studio-panel--row .studio-desc{min-width:calc(220px*var(--zk-ui-scale));flex:1;margin:0}
.studio-panel--accent{border-color:var(--zk-accent-fg)}
.studio-panel__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--zk-space-2);flex-wrap:wrap}
.studio-panel__title{display:inline-flex;align-items: center;gap:var(--zk-space-2);color:var(--zk-text);font-size:calc(16px*var(--zk-type-scale));font-weight:var(--zk-fw-semibold);line-height:var(--zk-lh-title);margin:0}
.studio-panel__title-icon{color:var(--zk-accent-fg)}
.studio-row{display:flex;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-3)0;border-top:1px solid var(--zk-line);flex-wrap:wrap;min-width:0}
.studio-row:first-of-type{border-top:0}
.studio-row__thumb{width:calc(96px*var(--zk-ui-scale));height:calc(60px*var(--zk-ui-scale));overflow:hidden;border:1px solid var(--zk-line);border-radius:var(--zk-radius-control);background:var(--zk-surface);flex-shrink:0}
.studio-row__thumb img,.studio-row__thumb>*{object-fit:cover;width:100%;height:100%}
.studio-row__body{min-width:calc(180px*var(--zk-ui-scale));flex:1}
.studio-row__title{overflow:hidden;color:var(--zk-text);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0}
.studio-row__meta{color:var(--zk-text-2);font-size:var(--zk-fs-caption);font-variant-numeric:tabular-nums;margin:3px 0 0;line-height:1.5}