[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}
.auth-family{--auth-paper:var(--zk-surface);--auth-ink:var(--zk-text);--auth-muted:var(--zk-text-2);--auth-line:var(--zk-line);--auth-accent:var(--zk-accent-fg);--auth-ok:var(--zk-success);--auth-warn:var(--zk-warning);--auth-warn-text:var(--zk-warning);--auth-danger:var(--zk-danger);color:var(--auth-ink);font-family:var(--zk-font-sans)}
.auth-dialog.login-modal{width:min(calc(440px*var(--zk-ui-scale)),calc(100vw - calc(40px*var(--zk-ui-scale))));max-height:calc(100dvh - calc(40px*var(--zk-ui-scale)));border:var(--zk-hairline)solid var(--auth-line);border-radius:var(--zk-radius-panel);overflow:auto;overscroll-behavior:contain;background:var(--auth-paper);box-shadow:var(--zk-shadow-float);max-width:none}
.auth-dialog::backdrop{background:var(--zk-scrim)}
.login-modal--ready[open]{--zk-login-entry-distance:8px;animation:zuku-login-modal-in var(--zk-dur-2)var(--zk-overlay-ease-out)}
@keyframes zuku-login-modal-in{0%{opacity:0;transform:translateY(var(--zk-login-entry-distance))}}
.auth-dialog .login-modal__panel{overflow:visible;box-shadow:none;background:0 0;border:0;border-radius:0;max-height:none}
.auth-dialog .login-modal__header{position:sticky;z-index:var(--zk-z-raised);background:var(--auth-paper);border:0;padding:20px 24px 12px;top:0}
.auth-dialog .login-modal__body{padding:0 24px 24px}
.auth-family__wordmark{display:inline-flex;min-height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-ink);text-decoration:none;align-items: center}
.auth-family__wordmark .zuku-lockup{--zuku-lockup-height:calc(32px*var(--zk-ui-scale))}
.auth-dialog .login-modal__close,.auth-family__back{display:grid;width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-muted);text-decoration:none;transition:background-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out);background:0 0;border:0;flex-shrink:0;place-items: center}
@media (hover:hover){.auth-dialog .login-modal__close:hover,.auth-family__back:hover{background:var(--zk-surface-hover);color:var(--auth-ink)}}
.auth-family .auth-family__title{font-size:var(--zk-fs-headline);font-weight:var(--zk-fw-heavy);letter-spacing:var(--zk-tracking-tight);line-height:var(--zk-lh-title);text-wrap:balance;margin:0 0 8px}
.auth-family .login-modal__lede{font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);color:var(--auth-muted);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 24px}
.auth-family .auth-family__subtitle{color:var(--auth-ink);font-size:var(--zk-fs-title-sm);font-weight:var(--zk-fw-bold);line-height:var(--zk-lh-title);margin:0 0 4px}
.auth-family .auth-form{gap:16px}
.auth-family .auth-form--compact{gap:12px}
.auth-family .auth-field{gap:8px}
.auth-family .auth-label{font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);color:var(--auth-ink)}
.auth-family .auth-input{min-height:var(--zk-control-h-lg);border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);box-shadow:none;color:var(--auth-ink);font-family:var(--zk-font-sans);font-size:var(--zk-fs-input);transition:border-color var(--zk-dur-2)var(--zk-ease-out),box-shadow var(--zk-dur-2)var(--zk-ease-out);width:100%;padding:12px 14px;line-height:1.4}
.auth-family .auth-input::placeholder{color:var(--zk-text-3);opacity:1}
@media (hover:hover){.auth-family .auth-input:hover:not(:disabled):not(:focus){border-color:var(--zk-text-2)}}
.auth-family .auth-input:focus{outline:none;border-color:var(--zk-focus);box-shadow:0 0 0 1px var(--zk-focus)}
.auth-family .auth-input:disabled{background:var(--zk-surface-2);color:var(--zk-text-3);cursor:not-allowed}
.auth-family .auth-input[aria-invalid=true]{border-color:var(--auth-danger)}
.auth-family .auth-input[aria-invalid=true]:focus{border-color:var(--auth-danger);box-shadow:0 0 0 1px var(--auth-danger)}
.auth-family .auth-input--trail{padding-right:52px}
.auth-family .auth-input--handle{padding-left:38px}
.auth-family .auth-input--code{font-family:var(--zk-font-mono);font-size:var(--zk-fs-title);letter-spacing:.3em}
.auth-family .auth-input-at{color:var(--auth-muted);font-family:var(--zk-font-label);left:15px}
.auth-family .auth-input-toggle{width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-muted);border:0;right:2px}
@media (hover:hover){.auth-family .auth-input-toggle:hover{background:var(--zk-surface-hover);color:var(--auth-ink)}}
.auth-family .auth-input-toggle[aria-pressed=true]{color:var(--auth-ink)}
.auth-family .auth-hint{color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);text-align:start;justify-content:flex-start;margin:0}
.auth-family .auth-hint--error{color:var(--auth-danger)}
.auth-family .auth-hint--ok{color:var(--auth-ok)}
.auth-family .auth-strength__track{border-radius:var(--zk-radius-xs);background:var(--zk-surface-2);height:4px}
.auth-family .auth-strength__label{font-size:var(--zk-fs-caption)}
.auth-family .auth-row{min-height:var(--zk-touch)}
.auth-family .auth-check{display:flex;min-height:var(--zk-touch);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);color:var(--auth-muted);cursor:pointer;align-items: center;gap:12px}
.auth-family .auth-check input{accent-color:var(--auth-accent);flex-shrink:0;width:18px;height:18px;margin:0}
.auth-family .auth-check input:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family .auth-check input[aria-invalid=true]{outline:var(--zk-hairline)solid var(--auth-danger);outline-offset:2px}
.auth-family .auth-check--legal{align-items: flex-start;padding-block-start:12px;padding-block-end:12px}
.auth-family .auth-check--legal input{margin-top:1px}
.auth-family .auth-check--legal span{line-height:1.5}
.auth-family .auth-check--legal a{color:var(--auth-ink);text-decoration:underline;text-underline-offset:3px}
.auth-family .auth-check+.auth-check{margin-top:-12px}
.auth-family .auth-family__actions{display:flex;flex-direction:column;gap:12px}
.auth-family .auth-family__submit{width:100%}
.auth-family .auth-family__submit .spin{flex-shrink:0}
.auth-family .auth-recover{display:flex;font-size:var(--zk-fs-meta);flex-wrap:wrap;justify-content:center;gap:4px 12px}
.auth-family .auth-recover a{display:inline-flex;min-height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-muted);align-items: center;padding-inline-start:4px;padding-inline-end:4px}
.auth-family .auth-recover>span{color:var(--zk-text-3);align-self: center}
.auth-family .auth-shell__alt{color:var(--auth-muted);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-body);margin:0}
.auth-family .auth-shell__alt a{display:inline-flex;min-height:var(--zk-touch);color:var(--auth-ink);font-weight:var(--zk-fw-semibold);text-decoration:underline;text-underline-offset:4px;align-items: center}
@media (hover:hover){.auth-family .auth-shell__alt a:hover{color:var(--auth-accent)}}
.auth-family .auth-shell__alt--modal{display:flex;border-top:var(--zk-hairline)solid var(--auth-line);flex-wrap:wrap;justify-content:center;align-items: center;gap:8px;margin:0;padding-top:12px}
.auth-family .auth-shell__sep{color:var(--zk-text-3)}
.auth-family :-webkit-any(button,a):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family :-moz-any(button,a):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family :is(button,a):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family .auth-alert{border-radius:var(--zk-radius-control);border-color:color-mix(in srgb,var(--auth-danger)35%,transparent);background:var(--zk-danger-soft);color:var(--auth-danger);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-body);margin:0}
.auth-family .auth-alert--ok{border-color:color-mix(in srgb,var(--auth-ok)35%,transparent);background:var(--zk-success-soft);color:var(--auth-ok)}
.auth-family .auth-alert svg{flex-shrink:0}
.auth-family .auth-loading{display:flex;min-height:calc(80px*var(--zk-ui-scale));color:var(--auth-muted);font-size:var(--zk-fs-body);align-items: center;gap:12px}
.zcaptcha{position:relative;display:flex;min-height:calc(56px*var(--zk-ui-scale));border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);overflow:hidden;transition:border-color var(--zk-dur-2)var(--zk-ease-out);align-items:stretch;width:100%}
.zcaptcha[data-status=done]{border-color:color-mix(in srgb,var(--zk-success)55%,var(--zk-line))}
.zcaptcha[data-status=error]{border-color:var(--zk-danger)}
.zcaptcha__control{display:flex;width:calc(56px*var(--zk-ui-scale));min-height:calc(56px*var(--zk-ui-scale));color:var(--zk-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items: center;padding:0}
.zcaptcha__control:disabled{cursor:default}
.zcaptcha__control:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:-4px;border-radius:var(--zk-radius-control)}
.zcaptcha__box{display:flex;border:1.5px solid var(--zk-line-field);border-radius:var(--zk-radius-xs);color:var(--zk-on-accent);transition:background-color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out);background:0 0;justify-content:center;align-items: center;width:24px;height:24px}
@media (hover:hover){.zcaptcha__control:not(:disabled):hover .zcaptcha__box{border-color:var(--zk-text)}}
.zcaptcha[data-status=loading] .zcaptcha__box,.zcaptcha[data-status=solving] .zcaptcha__box{border-color:#0000}
.zcaptcha[data-status=done] .zcaptcha__box{border-color:var(--zk-accent);background:var(--zk-accent)}
.zcaptcha[data-status=error] .zcaptcha__box{border-color:var(--zk-danger);color:var(--zk-danger)}
.zcaptcha__spinner{animation:1s linear infinite zcaptcha-spin}
@keyframes zcaptcha-spin{to{transform:rotate(360deg)}}
.zcaptcha__spinner-track{stroke:var(--zk-line-strong)}
.zcaptcha__spinner-head{stroke:var(--zk-text)}
.zcaptcha__copy{display:flex;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:10px 12px 10px 0}
.zcaptcha__title{color:var(--zk-text);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);overflow-wrap:anywhere;line-height:1.3}
.zcaptcha[data-status=done] .zcaptcha__title{color:var(--zk-success)}
.zcaptcha[data-status=error] .zcaptcha__title{color:var(--zk-danger)}
.zcaptcha__sub{color:var(--zk-text-2);font-size:var(--zk-fs-caption);overflow-wrap:anywhere;line-height:1.4}
.zcaptcha__brand{display:flex;border-left:var(--zk-hairline)solid var(--zk-line);flex-direction:column;flex-shrink:0;justify-content:center;align-items: center;gap:2px;padding:8px 16px}
.zcaptcha__brand-label{color:var(--zk-text-2);font:var(--zk-fw-semibold)var(--zk-fs-caption)/1.2 var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase}
.auth-family .zcaptcha__brand{display:none}
.zcaptcha__progress{position:absolute;overflow:hidden;height:2px;inset:0 0 auto}
.zcaptcha__progress:after{content:"";position:absolute;background:var(--zk-text);animation:zcaptcha-progress 1.2s var(--zk-ease-out)infinite;width:40%;inset:0 auto 0 0}
@keyframes zcaptcha-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}
.auth-family-page{display:grid;background:var(--zk-bg);place-items: center;min-height:100dvh;padding:48px 24px}
.auth-family-page__panel{width:min(100%,calc(440px*var(--zk-ui-scale)));border:var(--zk-hairline)solid var(--auth-line);border-radius:var(--zk-radius-panel);background:var(--auth-paper);box-shadow:none;padding:24px}
.auth-family-page__header{display:flex;justify-content:space-between;align-items: center;margin-bottom:24px}
.auth-family-page__body{min-width:0}
.auth-family-page__footer{border-top:var(--zk-hairline)solid var(--auth-line);text-align:center;margin-top:24px;padding-top:12px}
@media (max-width:600px){.auth-dialog.login-modal{max-height:calc(100dvh - var(--zk-safe-top) - 12px);border-width:var(--zk-hairline)0 0;border-radius:var(--zk-sheet-radius)var(--zk-sheet-radius)0 0;width:100%;margin:auto 0 0}.login-modal--ready[open]{--zk-login-entry-distance:12px}.auth-dialog .login-modal__header{padding:16px 16px 8px}.auth-dialog .login-modal__body{padding:0 16px max(24px,var(--zk-safe-bottom))}.auth-family-page{display:block;padding:max(12px,var(--zk-safe-top))16px max(24px,var(--zk-safe-bottom));background:var(--auth-paper)}.auth-family-page__panel{box-shadow:none;border:0;border-radius:0;margin-inline-start:auto;margin-inline-end:auto;padding:0}.auth-family-page__header{margin-bottom:16px}}
@media (prefers-reduced-motion:reduce){.auth-family *,.auth-family *:before,.auth-family *:after{scroll-behavior:auto;transition:none}.zcaptcha__spinner,.zcaptcha__progress:after,html:not([data-reduced-motion=false]) .login-modal--ready[open]{animation:none}}
html[data-reduced-motion=true] .login-modal--ready[open]{animation:none}
[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}
.studio-shell .studio-sessions{border-block-start:var(--zk-hairline)solid var(--studio-line);min-inline-size:0;margin-block-start:var(--aw-4);padding-block-start:var(--aw-3)}
.studio-shell .studio-sessions__notice{padding:var(--aw-1)var(--aw-3)var(--aw-2);color:var(--studio-muted);font-size:var(--aw-fs-meta);line-height:var(--zk-lh-body);overflow-wrap:anywhere;margin:0}
.studio-shell .studio-sessions__list{gap:2px}
.studio-shell .studio-sessions__row{min-block-size:var(--aw-control);font-size:13px}
.studio-shell .studio-sessions__row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
.studio-shell .studio-sessions__row[aria-current=page]{box-shadow:inset 2px 0 var(--studio-accent)}
.studio-shell .studio-sessions :focus-visible{outline-offset:-2px}
.studio-shell .studio-sessions .ai-load-error{flex-wrap:wrap;align-items: start;margin-block-end:var(--aw-2)}
.studio-shell .aw-sidebar>.aw-sidebar-foot{margin-block-start:auto}
.studio-sessions__search{display:grid;gap:.25rem;margin:.5rem .65rem;font-size:.8rem}
.studio-sessions__search input{border:1px solid var(--studio-line);background:var(--studio-panel,var(--zk-surface));color:inherit;border-radius:.375rem;min-block-size:2.75rem;inline-size:100%;padding:.375rem .5rem}
.studio-sessions__project{color:var(--studio-muted);margin-inline-start:1.25rem;font-size:.8rem}
.studio-sessions__project summary,.studio-sessions__project a{display:list-item;overflow-wrap:anywhere;min-block-size:2rem;padding:.375rem .5rem}
.studio-sessions__project ul{list-style:none;margin:0;padding:0}
.studio-sessions__project a[aria-current=page]{color:var(--studio-accent);font-weight:650}
.studio-sessions__project p{margin:.25rem .5rem .5rem}
.aw-shell .studio-work{min-inline-size:0}
.aw-shell .studio-work--split{display:grid;grid-template-columns:minmax(0,1fr)calc(320px*var(--zk-ui-scale));gap:var(--aw-5);align-items: start}
.aw-shell .studio-work--split[data-inspector=closed]{grid-template-columns:minmax(0,1fr)}
.aw-shell .studio-work__canvas{min-inline-size:0}
.aw-shell .studio-work__canvas-bar{display:flex;justify-content:flex-end;margin-block-end:var(--aw-2)}
.aw-shell .studio-work__inspector{padding:var(--aw-4);border:var(--zk-hairline)solid var(--aw-line);border-radius:var(--aw-r-md);background:var(--aw-panel);min-inline-size:0}
.aw-shell .studio-work__inspector[hidden]{display:none}
.aw-shell .studio-work__inspector h2{margin:0 0 var(--aw-3);font-size:var(--aw-fs-body);font-weight:var(--zk-fw-semibold);line-height:var(--zk-lh-title)}
.aw-shell .studio-work__inspector p{margin:0 0 var(--aw-3);color:var(--aw-muted);font-size:var(--aw-fs-ui);line-height:var(--zk-lh-body);overflow-wrap:anywhere}
.aw-shell .studio-inspector-connection{display:flex;align-items: center;gap:var(--aw-2);font-size:var(--aw-fs-ui);min-inline-size:0;margin-block-end:var(--aw-3)}
.aw-shell .studio-inspector-connection>span:last-child{overflow-wrap:anywhere;min-inline-size:0}
.aw-shell .studio-inspector-action{display:inline-flex;justify-content:center;align-items: center;gap:var(--aw-2);min-block-size:var(--aw-control);padding:var(--aw-2)var(--aw-4);border:var(--zk-hairline)solid var(--aw-line-strong);border-radius:var(--zk-button-radius);background:var(--aw-panel);color:var(--aw-text);font:inherit;font-size:var(--aw-fs-ui);font-weight:var(--zk-fw-semibold);cursor:pointer}
.aw-shell .studio-statusbar{display:flex;align-items: center;gap:var(--aw-4);min-block-size:calc(36px*var(--zk-ui-scale));padding:var(--aw-1)var(--aw-5)calc(var(--aw-1) + var(--zk-safe-bottom));border-block-start:var(--zk-hairline)solid var(--aw-line);background:var(--aw-bg);color:var(--aw-muted);font-size:var(--aw-fs-meta);flex-shrink:0;line-height:1.45}
.aw-shell .studio-statusbar__surface{font-weight:var(--zk-fw-semibold);color:var(--aw-text);white-space:nowrap}
.aw-shell .studio-statusbar__connection{display:inline-flex;align-items: center;gap:var(--aw-2);min-block-size:var(--aw-control);padding:var(--aw-1)var(--aw-2);border-radius:var(--aw-r-sm);color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;min-inline-size:0}
.aw-shell .studio-statusbar__connection>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
.aw-shell .studio-statusbar__account{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;margin-inline-start:auto}
@media (hover:hover){.aw-shell .studio-statusbar__connection:hover,.aw-shell .studio-inspector-action:hover{background:var(--aw-hover);color:var(--aw-text)}}
@media (max-width:1023px){.aw-shell .studio-work--split{grid-template-columns:minmax(0,1fr)}.aw-shell .studio-statusbar{display:none}}
@media (prefers-reduced-motion:no-preference){.aw-shell .studio-statusbar__connection,.aw-shell .studio-inspector-action{transition:background-color var(--aw-dur)var(--aw-ease),color var(--aw-dur)var(--aw-ease)}}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__search{display:flex;align-items: center;gap:var(--aw-2);padding:var(--aw-2)var(--aw-3);border:var(--zk-hairline)solid var(--aw-line-strong);border-radius:var(--aw-r-sm);background:var(--aw-panel);color:var(--aw-muted)}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__search{display:flex;align-items: center;gap:var(--aw-2);padding:var(--aw-2)var(--aw-3);border:var(--zk-hairline)solid var(--aw-line-strong);border-radius:var(--aw-r-sm);background:var(--aw-panel);color:var(--aw-muted)}
:is(.aw-shell,.aw-dialog) .studio-palette__search{display:flex;align-items: center;gap:var(--aw-2);padding:var(--aw-2)var(--aw-3);border:var(--zk-hairline)solid var(--aw-line-strong);border-radius:var(--aw-r-sm);background:var(--aw-panel);color:var(--aw-muted)}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__search input{min-block-size:var(--aw-control);color:var(--aw-text);font:inherit;font-size:var(--zk-fs-input);outline:none;background:0 0;border:0;flex:1;min-inline-size:0}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__search input{min-block-size:var(--aw-control);color:var(--aw-text);font:inherit;font-size:var(--zk-fs-input);outline:none;background:0 0;border:0;flex:1;min-inline-size:0}
:is(.aw-shell,.aw-dialog) .studio-palette__search input{min-block-size:var(--aw-control);color:var(--aw-text);font:inherit;font-size:var(--zk-fs-input);outline:none;background:0 0;border:0;flex:1;min-inline-size:0}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__search:focus-within{outline:var(--zk-focus-width)solid var(--aw-focus);outline-offset:var(--zk-focus-offset);border-color:#0000}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__search:focus-within{outline:var(--zk-focus-width)solid var(--aw-focus);outline-offset:var(--zk-focus-offset);border-color:#0000}
:is(.aw-shell,.aw-dialog) .studio-palette__search:focus-within{outline:var(--zk-focus-width)solid var(--aw-focus);outline-offset:var(--zk-focus-offset);border-color:#0000}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__notice{margin:var(--aw-3)0 0;color:var(--aw-muted);font-size:var(--aw-fs-ui);line-height:var(--zk-lh-body)}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__notice{margin:var(--aw-3)0 0;color:var(--aw-muted);font-size:var(--aw-fs-ui);line-height:var(--zk-lh-body)}
:is(.aw-shell,.aw-dialog) .studio-palette__notice{margin:var(--aw-3)0 0;color:var(--aw-muted);font-size:var(--aw-fs-ui);line-height:var(--zk-lh-body)}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__list{margin:var(--aw-3)0 0;list-style:none;max-block-size:min(50dvh,calc(9*var(--aw-control)));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__list{margin:var(--aw-3)0 0;list-style:none;max-block-size:min(50dvh,calc(9*var(--aw-control)));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0}
:is(.aw-shell,.aw-dialog) .studio-palette__list{margin:var(--aw-3)0 0;list-style:none;max-block-size:min(50dvh,calc(9*var(--aw-control)));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__item{display:flex;align-items: center;gap:var(--aw-3);min-block-size:var(--aw-control);padding:var(--aw-2)var(--aw-3);border-radius:var(--aw-r-sm);color:var(--aw-text);font:inherit;font-size:var(--aw-fs-ui);text-align:start;cursor:pointer;background:0 0;border:0;inline-size:100%}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__item{display:flex;align-items: center;gap:var(--aw-3);min-block-size:var(--aw-control);padding:var(--aw-2)var(--aw-3);border-radius:var(--aw-r-sm);color:var(--aw-text);font:inherit;font-size:var(--aw-fs-ui);text-align:start;cursor:pointer;background:0 0;border:0;inline-size:100%}
:is(.aw-shell,.aw-dialog) .studio-palette__item{display:flex;align-items: center;gap:var(--aw-3);min-block-size:var(--aw-control);padding:var(--aw-2)var(--aw-3);border-radius:var(--aw-r-sm);color:var(--aw-text);font:inherit;font-size:var(--aw-fs-ui);text-align:start;cursor:pointer;background:0 0;border:0;inline-size:100%}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__item[data-active]{background:var(--aw-raised);box-shadow:inset 0 0 0 var(--zk-hairline)var(--aw-line-strong)}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__item[data-active]{background:var(--aw-raised);box-shadow:inset 0 0 0 var(--zk-hairline)var(--aw-line-strong)}
:is(.aw-shell,.aw-dialog) .studio-palette__item[data-active]{background:var(--aw-raised);box-shadow:inset 0 0 0 var(--zk-hairline)var(--aw-line-strong)}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__item[data-active] .studio-palette__label{font-weight:var(--zk-fw-semibold)}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__item[data-active] .studio-palette__label{font-weight:var(--zk-fw-semibold)}
:is(.aw-shell,.aw-dialog) .studio-palette__item[data-active] .studio-palette__label{font-weight:var(--zk-fw-semibold)}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
:is(.aw-shell,.aw-dialog) .studio-palette__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__hint{color:var(--aw-muted);font-size:var(--aw-fs-meta);white-space:nowrap;margin-inline-start:auto}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__hint{color:var(--aw-muted);font-size:var(--aw-fs-meta);white-space:nowrap;margin-inline-start:auto}
:is(.aw-shell,.aw-dialog) .studio-palette__hint{color:var(--aw-muted);font-size:var(--aw-fs-meta);white-space:nowrap;margin-inline-start:auto}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__empty{margin-block-start:var(--aw-4)}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__empty{margin-block-start:var(--aw-4)}
:is(.aw-shell,.aw-dialog) .studio-palette__empty{margin-block-start:var(--aw-4)}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__keys{display:flex;gap:var(--aw-2)var(--aw-4);margin:var(--aw-4)0 0;color:var(--aw-muted);font-size:var(--aw-fs-meta);flex-wrap:wrap;line-height:1.6}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__keys{display:flex;gap:var(--aw-2)var(--aw-4);margin:var(--aw-4)0 0;color:var(--aw-muted);font-size:var(--aw-fs-meta);flex-wrap:wrap;line-height:1.6}
:is(.aw-shell,.aw-dialog) .studio-palette__keys{display:flex;gap:var(--aw-2)var(--aw-4);margin:var(--aw-4)0 0;color:var(--aw-muted);font-size:var(--aw-fs-meta);flex-wrap:wrap;line-height:1.6}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__keys kbd{font:inherit;color:var(--aw-text)}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__keys kbd{font:inherit;color:var(--aw-text)}
:is(.aw-shell,.aw-dialog) .studio-palette__keys kbd{font:inherit;color:var(--aw-text)}
:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__empty p{margin:0 0 var(--aw-2);color:var(--aw-muted);font-size:var(--aw-fs-ui)}
:-moz-any(.aw-shell,.aw-dialog) .studio-palette__empty p{margin:0 0 var(--aw-2);color:var(--aw-muted);font-size:var(--aw-fs-ui)}
:is(.aw-shell,.aw-dialog) .studio-palette__empty p{margin:0 0 var(--aw-2);color:var(--aw-muted);font-size:var(--aw-fs-ui)}
.aw-shell .studio-header-palette{display:inline-flex;align-items: center;gap:var(--aw-2);min-block-size:var(--aw-control);padding:var(--aw-1)var(--aw-3);border:var(--zk-hairline)solid var(--aw-line-strong);border-radius:var(--zk-button-radius);background:var(--aw-panel);color:var(--aw-muted);font:inherit;font-size:var(--aw-fs-ui);cursor:pointer}
.aw-shell .studio-header-palette kbd{font:inherit;font-size:var(--aw-fs-meta);color:var(--aw-muted)}
@media (hover:hover){.aw-shell .studio-header-palette:hover{background:var(--aw-hover);color:var(--aw-text)}}
.aw-shell .studio-mobile-nav{display:none}
.aw-shell :-webkit-any(a,button){touch-action:manipulation}
.aw-shell :-moz-any(a,button){touch-action:manipulation}
.aw-shell :is(a,button){touch-action:manipulation}
.aw-shell .aw-main{scroll-padding-block:var(--aw-3)calc(var(--aw-5) + var(--zk-safe-bottom))}
@media (max-width:1023px){.aw-shell .studio-mobile-nav{display:flex;padding:var(--aw-1)var(--aw-2)calc(var(--aw-1) + var(--zk-safe-bottom));border-block-start:var(--zk-hairline)solid var(--aw-line);background:var(--aw-panel);flex-shrink:0;padding-inline-start:calc(var(--aw-2) + var(--zk-safe-left));padding-inline-end:calc(var(--aw-2) + var(--zk-safe-right))}.aw-shell .studio-mobile-nav>:-webkit-any(a,button){display:flex;min-block-size:calc(var(--aw-control) + var(--aw-2));padding:var(--aw-1);border-radius:var(--aw-r-sm);color:var(--aw-muted);font:inherit;font-size:var(--aw-fs-meta);text-decoration:none;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items: center;gap:2px;min-inline-size:0;line-height:1.3}.aw-shell .studio-mobile-nav>:-moz-any(a,button){display:flex;min-block-size:calc(var(--aw-control) + var(--aw-2));padding:var(--aw-1);border-radius:var(--aw-r-sm);color:var(--aw-muted);font:inherit;font-size:var(--aw-fs-meta);text-decoration:none;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items: center;gap:2px;min-inline-size:0;line-height:1.3}.aw-shell .studio-mobile-nav>:is(a,button){display:flex;min-block-size:calc(var(--aw-control) + var(--aw-2));padding:var(--aw-1);border-radius:var(--aw-r-sm);color:var(--aw-muted);font:inherit;font-size:var(--aw-fs-meta);text-decoration:none;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items: center;gap:2px;min-inline-size:0;line-height:1.3}.aw-shell .studio-mobile-nav>:-webkit-any(a,button)>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}.aw-shell .studio-mobile-nav>:-moz-any(a,button)>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}.aw-shell .studio-mobile-nav>:is(a,button)>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}.aw-shell .studio-mobile-nav>[aria-current=page]{color:var(--aw-text);font-weight:var(--zk-fw-semibold);background:var(--aw-hover)}.aw-shell .studio-mobile-nav__create{color:var(--aw-text);font-weight:var(--zk-fw-semibold)}.aw-shell .studio-header-palette>span,.aw-shell .studio-header-palette kbd,.aw-shell .studio-header-connect>span:last-child{display:none}.aw-shell .studio-header-palette,.aw-shell .studio-header-connect{inline-size:var(--aw-control);flex-shrink:0;justify-content:center;padding:0}.aw-shell .studio-work__inspector{padding:var(--aw-3)}}
@media (hover:hover) and (max-width:1023px){.aw-shell .studio-mobile-nav>:-webkit-any(a,button):hover{background:var(--aw-hover);color:var(--aw-text)}.aw-shell .studio-mobile-nav>:-moz-any(a,button):hover{background:var(--aw-hover);color:var(--aw-text)}.aw-shell .studio-mobile-nav>:is(a,button):hover{background:var(--aw-hover);color:var(--aw-text)}}
@media (prefers-reduced-motion:no-preference) and (max-width:1023px){.aw-shell .studio-mobile-nav>:-webkit-any(a,button){transition:background-color var(--aw-dur)var(--aw-ease),color var(--aw-dur)var(--aw-ease)}.aw-shell .studio-mobile-nav>:-moz-any(a,button){transition:background-color var(--aw-dur)var(--aw-ease),color var(--aw-dur)var(--aw-ease)}.aw-shell .studio-mobile-nav>:is(a,button){transition:background-color var(--aw-dur)var(--aw-ease),color var(--aw-dur)var(--aw-ease)}}
@media (forced-colors:active){.aw-shell .aw-status-dot{border:1px solid canvastext}:-webkit-any(.aw-shell,.aw-dialog) .studio-palette__item[data-active]{outline:2px solid highlight}:-moz-any(.aw-shell,.aw-dialog) .studio-palette__item[data-active]{outline:2px solid highlight}:is(.aw-shell,.aw-dialog) .studio-palette__item[data-active]{outline:2px solid highlight}.aw-shell .studio-mobile-nav>[aria-current=page]{outline:2px solid highlight;outline-offset:-2px}}
.ai-shell{background:var(--zk-bg);color:var(--zk-text);font-family:var(--zk-font-sans);letter-spacing:var(--zk-tracking-body);word-break:keep-all;min-height:100dvh}
.ai-header{position:sticky;z-index:var(--zk-z-header);padding-top:var(--zk-safe-top);background:var(--zk-header-bg);border-bottom:var(--zk-hairline)solid var(--zk-line);top:0}
.ai-header__inner{display:flex;align-items: center;gap:var(--zk-space-4);max-width:var(--zk-content-max);height:var(--zk-header-h);padding-inline:var(--zk-gutter);margin:0 auto}
.ai-brand{display:inline-flex;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-touch);color:var(--zk-text);text-decoration:none}
.ai-brand__label{padding-left:var(--zk-space-2);border-left:var(--zk-hairline)solid var(--zk-line-strong);font:var(--zk-fw-bold)var(--zk-fs-label)/1 var(--zk-font-label);letter-spacing:var(--zk-tracking-label)}
.ai-header__nav{display:none;align-self:stretch;gap:var(--zk-space-1)}
.ai-header__nav-item{display:inline-flex;padding:0 var(--zk-space-3);color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-body)/1 var(--zk-font-sans);text-decoration:none;transition:color var(--zk-dur-2)var(--zk-ease-out);align-items: center}
.ai-header__nav-item[aria-current=page]{color:var(--zk-text);box-shadow:inset 0 -3px 0 var(--zk-accent-fg)}
@media (hover:hover){.ai-header__nav-item:hover{color:var(--zk-text)}}
.ai-header__actions{display:flex;align-items: center;gap:var(--zk-space-2);margin-left:auto}
.ai-header__create{display:none}
.ai-header__account-placeholder{width:var(--zk-touch);height:var(--zk-touch)}
@media (min-width:1024px){.ai-header__nav{display:flex}.ai-header__create{display:inline-flex}}
.ai-account{position:relative}
.ai-account__button{display:inline-grid;width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-pill);cursor:pointer;background:0 0;border:0;place-items: center;padding:0}
.ai-account__menu{position:absolute;top:calc(100% + var(--zk-space-1));z-index:var(--zk-z-popover);min-width:calc(240px*var(--zk-ui-scale));padding:var(--zk-space-2);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface-raised);box-shadow:var(--zk-shadow-float);right:0}
.ai-account__name{padding:var(--zk-space-2)var(--zk-space-3)var(--zk-space-3);color:var(--zk-text-2);font-size:var(--zk-fs-meta);border-bottom:var(--zk-hairline)solid var(--zk-line);margin:0;margin-bottom:var(--zk-space-1)}
.ai-account__item{display:flex;align-items: center;gap:var(--zk-space-3);min-height:var(--zk-touch);padding:0 var(--zk-space-3);border-radius:var(--zk-radius-control);color:var(--zk-text);font:var(--zk-fw-medium)var(--zk-fs-body)/1.2 var(--zk-font-sans);text-align:left;text-decoration:none;cursor:pointer;background:0 0;border:0;width:100%}
@media (hover:hover){.ai-account__item:hover{background:var(--zk-surface-hover)}}
.ai-main{display:block;min-height:calc(100dvh - var(--zk-header-block));padding-bottom:calc(var(--zk-dock-offset) + var(--zk-space-6));outline:none}
.ai-shell[data-immersive] .ai-main{padding-bottom:0}
.ai-dock{position:fixed;z-index:var(--zk-z-dock);display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--zk-dock-h) + var(--zk-safe-bottom));padding-bottom:var(--zk-safe-bottom);border-top:var(--zk-hairline)solid var(--zk-line);background:var(--zk-dock-bg);bottom:0;left:0;right:0}
.ai-dock__item{position:relative;display:flex;justify-content:center;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-touch);color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)/1 var(--zk-font-sans);text-decoration:none;cursor:pointer;background:0 0;border:0;flex-direction:column}
.ai-dock__item[aria-current=page]{color:var(--zk-text)}
.ai-dock__item[aria-current=page]:before{content:"";position:absolute;width:var(--zk-space-6);border-radius:0 0 var(--zk-radius-xs)var(--zk-radius-xs);background:var(--zk-accent-fg);height:3px;top:0;left:50%;transform:translate(-50%)}
@media (pointer:coarse) and (max-width:1023px){.ai-shell:has(:-webkit-any(textarea,[contenteditable=true],input:not(:-webkit-any([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=color]))):focus) .ai-dock{display:none}.ai-shell:has(:-moz-any(textarea,[contenteditable=true],input:not(:-moz-any([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=color]))):focus) .ai-dock{display:none}.ai-shell:has(:is(textarea,[contenteditable=true],input:not(:is([type=checkbox],[type=radio],[type=range],[type=button],[type=submit],[type=reset],[type=file],[type=color]))):focus) .ai-dock{display:none}}
@media (min-width:1024px){.ai-dock{display:none}.ai-main{padding-bottom:calc(var(--zk-safe-bottom) + var(--zk-space-12))}}
.ai-create-sheet{display:grid}
.ai-page{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--zk-space-8);max-width:var(--zk-content-max);padding:var(--zk-space-6)var(--zk-gutter)0;margin:0 auto}
.ai-page--narrow>*{max-width:calc(760px*var(--zk-ui-scale))}
.ai-page__head{display:grid;gap:var(--zk-space-2)}
.ai-eyebrow{color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.3 var(--zk-font-sans);margin:0}
.ai-eyebrow a{display:inline-flex;min-height:var(--zk-touch);margin-block:calc((var(--zk-touch) - 1.3em)/-2);color:inherit;text-decoration:none;align-items: center}
@media (hover:hover){.ai-eyebrow a:hover{color:var(--zk-text);text-decoration:underline}}
.ai-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}
.ai-h2{font:var(--zk-fw-bold)var(--zk-fs-title)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
.ai-h3{font:var(--zk-fw-semibold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
.ai-lead{max-width:var(--zk-reading-max);color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);margin:0}
.ai-meta{color:var(--zk-text-3);font-size:var(--zk-fs-meta);font-variant-numeric:tabular-nums}
.ai-section{display:grid;gap:var(--zk-space-4);min-width:0}
.ai-section__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--zk-space-3)}
.ai-section__link{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-touch);color:var(--zk-accent-fg);font:var(--zk-fw-semibold)var(--zk-fs-label)/1 var(--zk-font-sans);text-decoration:none;white-space:nowrap}
@media (hover:hover){.ai-section__link:hover{text-decoration:underline}}
.ai-list{display:grid;list-style:none;border-top:var(--zk-hairline)solid var(--zk-line);margin:0;padding:0}
.ai-list>li{border-bottom:var(--zk-hairline)solid var(--zk-line)}
.ai-error{display:flex;align-items: center;gap:var(--zk-space-3);color:var(--zk-danger);font-size:var(--zk-fs-label);flex-wrap:wrap;margin:0}
.ai-notice{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)}
.ai-notice--warning{border-color:var(--zk-warning);background:var(--zk-warning-soft)}
.ai-notice--danger{border-color:var(--zk-danger);background:var(--zk-danger-soft)}
.ai-notice__title{font:var(--zk-fw-semibold)var(--zk-fs-body)/1.4 var(--zk-font-sans);margin:0}
.ai-notice__body{color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);margin:0}
.ai-notice__actions{display:flex;gap:var(--zk-space-2);margin-top:var(--zk-space-1);flex-wrap:wrap}
.ai-row-actions{display:flex;align-items: center;gap:var(--zk-space-2);flex-wrap:wrap}
.ai-chips{display:flex;gap:var(--zk-space-2);flex-wrap:wrap}
.ai-chips--scroll{overflow-x:auto;scrollbar-width:none;padding-bottom:var(--zk-space-1);flex-wrap:nowrap}
.ai-chips--scroll::-webkit-scrollbar{display:none}
.ai-visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px}
.ai-rating{display:inline-grid;padding:0 var(--zk-space-1);border-radius:var(--zk-radius-pill);font:var(--zk-fw-bold)var(--zk-fs-caption)/1 var(--zk-font-label);font-variant-numeric:tabular-nums;border:1.5px solid;place-items: center;min-width:22px;height:20px}
.ai-rating--teen{color:var(--zk-warning)}
.ai-rating--adult{color:var(--zk-danger)}
.ai-tag{color:var(--zk-text-3);font-size:var(--zk-fs-meta)}
.ai-empty-inline{color:var(--zk-text-3);font-size:var(--zk-fs-label);margin:0}
.ai-field-group{display:grid;gap:var(--zk-space-2);border:0;min-width:0;margin:0;padding:0}
.ai-field-group__label{color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.4 var(--zk-font-sans);margin:0;padding:0}
.ai-input{min-height:var(--zk-field-h);padding:0 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);font:var(--zk-fw-regular)var(--zk-fs-input)/1.4 var(--zk-font-sans);width:100%;min-width:0}
.ai-input--area{min-height:calc(64px*var(--zk-ui-scale));padding:var(--zk-space-2)var(--zk-space-3);resize:vertical}
.ai-input:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-input:disabled{color:var(--zk-text-disabled)}
.ai-inline-add{display:flex;gap:var(--zk-space-2);align-items: center}
.ai-line-list,.ai-pair-list,.ai-kv-list{display:grid;gap:var(--zk-space-3);list-style:none;margin:0;padding:0}
.ai-line-list li{display:grid;gap:var(--zk-space-1)}
.ai-line-list__tools{display:flex;justify-content:flex-end;align-items: center;gap:var(--zk-space-2)}
.ai-pair-list li{display:grid;gap:var(--zk-space-2);padding-bottom:var(--zk-space-3);border-bottom:var(--zk-hairline)solid var(--zk-line)}
.ai-pair-list li>:last-child{justify-self:start}
.ai-kv-list li{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--zk-space-2);padding-bottom:var(--zk-space-3);border-bottom:var(--zk-hairline)solid var(--zk-line);align-items: end}
.ai-kv-list li>:nth-child(2){grid-column:1/2}
.ai-kv-list li>:nth-child(3){grid-column:2;grid-row:1/3;align-self: center}
.ai-word-list{list-style:none;margin:0;padding:0}
.ai-word-list li{display:inline-flex;align-items: center;gap:0}
.ai-accordion{border-bottom:var(--zk-hairline)solid var(--zk-line)}
.ai-accordion>summary{display:flex;align-items: center;gap:var(--zk-space-3);min-height:var(--zk-touch);padding:var(--zk-space-2)0;list-style:none;cursor:pointer}
.ai-accordion>summary::-webkit-details-marker{display:none}
.ai-accordion__title{font:var(--zk-fw-semibold)var(--zk-fs-body)/1.3 var(--zk-font-sans);flex:1}
.ai-accordion__chevron{color:var(--zk-text-3);transition:transform var(--zk-dur-2)var(--zk-ease-out)}
.ai-accordion[open] .ai-accordion__chevron{transform:rotate(180deg)}
.ai-accordion__body{display:grid;gap:var(--zk-space-4);padding:var(--zk-space-2)0 var(--zk-space-5)}
.ai-select{display:grid;gap:var(--zk-space-1)}
.ai-select__label{color:var(--zk-text-2);font:var(--zk-fw-medium)var(--zk-fs-meta)/1.3 var(--zk-font-sans)}
.ai-select select{min-height:var(--zk-field-h);padding:0 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);font:var(--zk-fw-regular)var(--zk-fs-input)/1.3 var(--zk-font-sans)}
.ai-select select:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-narration{color:var(--zk-text-2);font-style:italic}
.ai-trait{display:inline-flex;min-height:calc(28px*var(--zk-ui-scale));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);font:var(--zk-fw-medium)var(--zk-fs-label)/1 var(--zk-font-sans);align-items: center}
.ai-inline-link{color:var(--zk-accent-fg);font-weight:var(--zk-fw-semibold);text-decoration:underline;text-underline-offset:2px}
.ai-grow{flex:1}
.ai-shell :where(a,button,summary,select,input,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-load-error{display:flex;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-control-h-md);padding:var(--zk-space-1)var(--zk-space-1)var(--zk-space-1)var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-control);background:var(--zk-danger-soft);color:var(--zk-text);font-size:var(--zk-fs-label);line-height:var(--zk-lh-caption)}
.ai-load-error>svg{color:var(--zk-danger);flex:none}
.ai-load-error>span{flex:1;min-width:0}
.ai-load-error>.zds-button{flex:none}
.aw-workspace{min-width:0;min-height:0;color:var(--aw-text);font-family:var(--aw-font);display:flex;flex:auto;block-size:100%}
.aw-thread-view{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block-end:12rem;display:flex;overflow:auto;flex-direction:column;flex:auto;min-width:0;min-height:0}
.aw-thread-column{max-inline-size:calc(var(--aw-measure) + 2*var(--aw-5));padding-inline:var(--aw-5);display:flex;flex-direction:column;flex:1 0 auto;inline-size:100%;margin-inline-start:auto;margin-inline-end:auto}
.aw-workspace :focus-visible{outline:var(--zk-focus-width)solid var(--aw-focus);outline-offset:var(--zk-focus-offset)}
.aw-code-sheet :focus-visible{outline:var(--zk-focus-width)solid var(--aw-focus);outline-offset:var(--zk-focus-offset)}
.aw-workspace .aw-icon-button,.aw-code-sheet .aw-icon-button{inline-size:var(--aw-control);block-size:var(--aw-control);border-radius:var(--aw-r-sm);color:var(--aw-muted);display:inline-grid;background:0 0;border:0;flex-shrink:0;place-items: center;padding:0}
.aw-workspace .aw-icon-button.is-small{inline-size:var(--aw-6);block-size:var(--aw-6)}
@media (pointer:coarse),(max-width:767px){.aw-workspace .aw-icon-button.is-small{inline-size:var(--aw-control);block-size:var(--aw-control)}}
@media (hover:hover){.aw-workspace .aw-icon-button:hover:not(:disabled),.aw-code-sheet .aw-icon-button:hover:not(:disabled){background:var(--aw-hover);color:var(--aw-text)}}
.aw-workspace .aw-text-button,.aw-code-sheet .aw-text-button{align-items: center;gap:var(--aw-2);min-block-size:var(--aw-control);padding:0 var(--aw-2);border-radius:var(--aw-r-sm);color:var(--aw-muted);font-size:var(--aw-fs-meta);display:inline-flex;background:0 0;border:0;line-height:1.45}
@media (hover:hover){.aw-workspace .aw-text-button:hover:not(:disabled),.aw-code-sheet .aw-text-button:hover:not(:disabled){background:var(--aw-hover);color:var(--aw-text)}}
.aw-workspace button:disabled{cursor:default;opacity:.5}
.aw-link-button{color:var(--aw-muted);font:inherit;text-underline-offset:.2em;text-decoration:underline;background:0 0;border:0;padding:0}
@media (hover:hover){.aw-link-button:hover{color:var(--aw-text)}}
.aw-mark{align-items: center;gap:var(--aw-1);display:inline-flex;flex-shrink:0}
.aw-mark>i{border-radius:var(--aw-r-pill);display:block;block-size:6px;inline-size:6px}
.aw-mark>i:first-child{background:var(--zk-brand-swipe)}
.aw-mark>i:nth-child(2){background:var(--zk-brand-jump)}
.aw-mark>i:nth-child(3){background:var(--zk-brand-hype)}
.aw-workspace:not(.has-messages) .aw-thread-column{justify-content:center;gap:var(--aw-5);padding-block:var(--aw-8)var(--aw-6)}
.aw-empty,.aw-empty-foot{align-items: center;gap:var(--aw-5);display:flex;flex-direction:column}
.aw-empty>.aw-mark>i{block-size:8px;inline-size:8px}
.aw-empty h1{font-size:var(--aw-fs-hero);font-weight:var(--zk-fw-semibold);letter-spacing:-.01em;text-align:center;word-break:keep-all;overflow-wrap:anywhere;color:var(--aw-text);margin:0;line-height:1.3}
.aw-composer-dock.is-home{inline-size:100%}
.aw-starters{gap:var(--aw-2);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid;inline-size:100%;margin:0;padding:0}
.aw-starter{align-items: center;gap:var(--aw-3);min-block-size:var(--aw-control);padding:var(--aw-3)var(--aw-4);border:var(--zk-hairline)solid var(--aw-line);border-radius:var(--aw-r-md);color:var(--aw-muted);font-size:var(--aw-fs-ui);text-align:start;word-break:keep-all;display:flex;background:0 0;inline-size:100%;line-height:1.45}
.aw-starter>svg{color:var(--aw-soft);flex-shrink:0}
@media (hover:hover){.aw-starter:hover{background:var(--aw-hover);color:var(--aw-text)}}
.aw-partner-note{color:var(--aw-soft);font-size:var(--aw-fs-meta);text-align:center;word-break:keep-all;max-inline-size:60ch;margin:0;line-height:1.6}
.aw-messages{gap:var(--aw-6);padding:var(--aw-6)0 var(--aw-5);list-style:none;display:flex;flex-direction:column;flex:1 0 auto;margin:0}
.aw-message{font-size:var(--aw-fs-body);word-break:keep-all;overflow-wrap:anywhere;color:var(--aw-text);line-height:1.7}
.aw-message.is-user{display:flex;justify-content:flex-end}
.aw-bubble{padding:var(--aw-3)var(--aw-4);border-radius:var(--aw-r-lg);background:var(--aw-raised);max-inline-size:min(85%,60ch)}
.aw-message-label{align-items: center;gap:var(--aw-2);color:var(--aw-text);font-size:var(--aw-fs-ui);font-weight:var(--zk-fw-semibold);display:flex;margin-block-end:var(--aw-2);line-height:1.45}
.aw-streaming,.aw-thinking{color:var(--aw-muted);font-size:var(--aw-fs-meta);font-weight:var(--zk-fw-regular);line-height:1.45}
.aw-streaming{margin-inline-start:var(--aw-1)}
.aw-thinking{margin:0}
.aw-message-status{margin:var(--aw-2)0 0;color:var(--aw-muted);font-size:var(--aw-fs-ui);line-height:1.6}
.aw-message.is-error .aw-message-status{color:var(--aw-danger)}
.aw-message-actions{align-items: center;gap:var(--aw-1);display:flex;flex-wrap:wrap;margin-block-start:var(--aw-2);margin-inline-start:calc(-1*var(--aw-2))}
.aw-retry-confirm{gap:var(--aw-3);padding:var(--aw-3)var(--aw-4);border:var(--zk-hairline)solid var(--aw-line);border-inline-start:calc(2*var(--zk-hairline))solid var(--aw-line-strong);border-radius:var(--aw-r-md);background:var(--aw-panel);color:var(--aw-text);font-size:var(--aw-fs-ui);display:grid;justify-items:start;max-inline-size:60ch;margin-block-start:var(--aw-3);line-height:1.6}
.aw-retry-confirm>p{word-break:keep-all;overflow-wrap:anywhere;margin:0}
.aw-retry-confirm-actions{align-items: center;gap:var(--aw-2);display:flex;flex-wrap:wrap;margin-inline-start:calc(-1*var(--aw-1))}
.aw-retry-confirm-send{align-items: center;gap:var(--aw-2);min-block-size:var(--aw-control);padding:0 var(--aw-4);border:var(--zk-hairline)solid var(--aw-line-strong);border-radius:var(--zk-button-radius);background:var(--aw-panel);color:var(--aw-text);font-size:var(--aw-fs-ui);font-weight:var(--zk-fw-semibold);display:inline-flex;line-height:1.45}
@media (hover:hover){.aw-retry-confirm-send:hover:not(:disabled){background:var(--aw-hover)}}
.aw-markdown>:first-child{margin-block-start:0}
.aw-markdown>:last-child{margin-block-end:0}
.aw-markdown p{margin:0 0 var(--aw-4);white-space:pre-wrap}
.aw-markdown h3{margin:var(--aw-5)0 var(--aw-2);font-size:var(--aw-fs-title);font-weight:var(--zk-fw-semibold);line-height:1.3}
.aw-markdown ul,.aw-markdown ol{margin:0 0 var(--aw-4);padding-inline-start:var(--aw-5)}
.aw-markdown li+li{margin-block-start:var(--aw-1)}
.aw-markdown li::marker{color:var(--aw-soft)}
.aw-markdown code{font-family:var(--aw-mono);font-size:.9em}
.aw-markdown :-webkit-any(p,li,h3)>code{border-radius:var(--aw-r-sm);background:var(--aw-raised);padding:.1em .35em}
.aw-markdown :-moz-any(p,li,h3)>code{border-radius:var(--aw-r-sm);background:var(--aw-raised);padding:.1em .35em}
.aw-markdown :is(p,li,h3)>code{border-radius:var(--aw-r-sm);background:var(--aw-raised);padding:.1em .35em}
.aw-bubble .aw-markdown :-webkit-any(p,li)>code{background:var(--aw-panel)}
.aw-bubble .aw-markdown :-moz-any(p,li)>code{background:var(--aw-panel)}
.aw-bubble .aw-markdown :is(p,li)>code{background:var(--aw-panel)}
.aw-code-block{margin:var(--aw-4)0;border:var(--zk-hairline)solid var(--aw-line);border-radius:var(--aw-r-md);background:var(--aw-side);overflow:hidden}
.aw-code-block-head{justify-content:space-between;align-items: center;gap:var(--aw-2);padding:var(--aw-1)var(--aw-2)var(--aw-1)var(--aw-4);border-block-end:var(--zk-hairline)solid var(--aw-line);color:var(--aw-muted);font-size:var(--aw-fs-meta);display:flex;line-height:1.45}
.aw-code-block pre{padding:var(--aw-4);font-size:var(--aw-fs-meta);white-space:pre;word-break:normal;overflow-wrap:normal;overflow:auto;max-block-size:600px;margin:0;line-height:1.6}
.aw-composer-dock{z-index:var(--zk-z-raised);gap:var(--aw-2);padding-block:var(--aw-2)max(var(--aw-3),env(safe-area-inset-bottom));background:var(--aw-bg);display:grid;position:sticky;bottom:0}
.aw-composer-dock.is-home{position:static;background:0 0;padding:0}
.aw-notice{align-items: center;gap:var(--aw-2);padding:var(--aw-1)var(--aw-1)var(--aw-1)var(--aw-4);border:var(--zk-hairline)solid var(--aw-line);border-radius:var(--aw-r-md);background:var(--aw-panel);color:var(--aw-text);font-size:var(--aw-fs-ui);display:flex;line-height:1.45}
.aw-notice>p{padding-block:var(--aw-2);word-break:keep-all;flex:1;margin:0}
.aw-composer{border:var(--zk-hairline)solid var(--aw-line-strong);border-radius:var(--aw-r-lg);background:var(--aw-panel);display:grid}
.aw-composer:has(textarea:focus-visible){outline:var(--zk-focus-width)solid var(--aw-focus);outline-offset:var(--zk-focus-offset)}
.aw-composer textarea{padding:var(--aw-4)var(--aw-4)var(--aw-1);resize:none;color:var(--aw-text);font-family:inherit;font-size:var(--aw-fs-body);word-break:keep-all;outline:0;display:block;overflow-y:hidden;background:0 0;border:0;inline-size:100%;margin:0;line-height:1.6}
.aw-composer textarea::placeholder{color:var(--aw-soft)}
.aw-composer textarea:focus-visible{outline:0}
.aw-file-chip{align-items: center;gap:var(--aw-2);max-inline-size:calc(100% - 2*var(--aw-4));margin:var(--aw-1)var(--aw-4)0;padding:0 0 0 var(--aw-3);border-radius:var(--aw-r-sm);background:var(--aw-raised);color:var(--aw-muted);font-size:var(--aw-fs-meta);display:inline-flex;justify-self:start;line-height:1.45}
.aw-file-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:0}
.aw-composer-toolbar{align-items: center;gap:var(--aw-1);padding:var(--aw-1)var(--aw-2)var(--aw-2);display:flex;min-width:0}
.aw-toolbar-spacer{flex:1 1 0;min-width:0}
.aw-segmented{padding:var(--aw-1);border-radius:var(--aw-r-sm);background:var(--aw-raised);display:inline-flex}
.aw-segmented>button{align-items: center;gap:var(--aw-1);min-block-size:calc(var(--aw-control) - 2*var(--aw-1));padding:0 var(--aw-3);border-radius:calc(var(--aw-r-sm) - var(--aw-1));color:var(--aw-muted);font-size:var(--aw-fs-meta);font-weight:var(--zk-fw-medium);white-space:nowrap;display:inline-flex;background:0 0;border:0;line-height:1.45}
.aw-segmented>button[aria-pressed=true]{background:var(--aw-panel);color:var(--aw-text);box-shadow:inset 0 0 0 var(--zk-hairline)var(--aw-line-strong)}
.aw-code-toggle{display:none}
.aw-model{position:relative;min-width:0}
.aw-model-button{align-items: center;gap:var(--aw-1);min-block-size:var(--aw-control);padding:0 var(--aw-2)0 var(--aw-3);border-radius:var(--aw-r-sm);color:var(--aw-muted);font-size:var(--aw-fs-meta);display:inline-flex;background:0 0;border:0;max-inline-size:15rem;line-height:1.45}
.aw-model-button.is-ready{color:var(--aw-text)}
.aw-model-button[aria-expanded=true]{background:var(--aw-hover);color:var(--aw-text)}
@media (hover:hover){.aw-model-button:hover:not(:disabled){background:var(--aw-hover);color:var(--aw-text)}}
.aw-model-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:0}
.aw-model-popover{z-index:var(--zk-z-popover);max-inline-size:min(20rem,calc(100vw - 2*var(--aw-4)));padding:var(--aw-1);border:var(--zk-hairline)solid var(--aw-line);border-radius:var(--aw-r-md);background:var(--aw-panel);box-shadow:var(--zk-shadow-float);position:absolute;overflow:auto;max-block-size:min(24rem,60vh);inline-size:max-content;min-inline-size:15rem;bottom:calc(100% + var(--aw-2))}
.aw-model-popover: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))){right:0}
.aw-model-popover: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))){right:0}
.aw-model-popover: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))){right:0}
.aw-model-popover:-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}
.aw-model-popover:-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}
.aw-model-popover: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}
.aw-model-popover [role=listbox]:focus-visible{outline:0}
.aw-model-group+.aw-model-group,.aw-model-foot{border-block-start:var(--zk-hairline)solid var(--aw-line);margin-block-start:var(--aw-1);padding-block-start:var(--aw-1)}
.aw-model-group-label{justify-content:space-between;align-items: center;gap:var(--aw-2);padding:var(--aw-2)var(--aw-3)var(--aw-1);color:var(--aw-soft);font-size:var(--aw-fs-meta);font-weight:var(--zk-fw-semibold);display:flex;line-height:1.45}
.aw-model-current{font-weight:var(--zk-fw-regular);color:var(--aw-ready)}
.aw-model-group-status{padding:var(--aw-1)var(--aw-3)var(--aw-2);color:var(--aw-muted);font-size:var(--aw-fs-meta);line-height:1.45}
.aw-model-option{justify-content:space-between;align-items: center;gap:var(--aw-3);min-block-size:var(--aw-control);padding:0 var(--aw-3);border-radius:var(--aw-r-sm);color:var(--aw-text);font-size:var(--aw-fs-ui);cursor:pointer;display:flex;line-height:1.45}
.aw-model-option.is-active{background:var(--aw-hover);outline:var(--zk-focus-width)solid var(--aw-focus);outline-offset:calc(-1*var(--zk-focus-width))}
.aw-model-option[aria-selected=true]{font-weight:var(--zk-fw-semibold)}
.aw-model-option>svg{color:var(--aw-text)}
.aw-send{inline-size:var(--aw-control);block-size:var(--aw-control);border-radius:var(--aw-r-pill);background:var(--zk-accent);color:var(--zk-on-accent);display:inline-grid;border:0;flex-shrink:0;place-items: center;padding:0}
@media (hover:hover){.aw-send:not(.is-stop):hover:not(:disabled){background:var(--zk-accent-hover)}}
.aw-send:not(.is-stop):active:not(:disabled){background:var(--zk-accent-hover)}
.aw-send.is-stop{background:var(--aw-ink);color:var(--aw-on-ink)}
@media (hover:hover){.aw-send.is-stop:hover:not(:disabled){background:color-mix(in srgb,var(--aw-ink)85%,var(--aw-panel))}}
.aw-send.is-stop:active:not(:disabled){background:color-mix(in srgb,var(--aw-ink)85%,var(--aw-panel))}
.aw-workspace .aw-send:disabled{opacity:1;background:var(--aw-raised);color:var(--aw-soft)}
.aw-composer-note{color:var(--aw-soft);font-size:var(--aw-fs-meta);text-align:center;word-break:keep-all;margin:0;line-height:1.45}
.aw-code-pane{border-inline-start:var(--zk-hairline)solid var(--aw-line);background:var(--aw-panel);display:none;overflow:hidden;flex-direction:column;min-height:0}
.aw-code-pane-head{align-items: center;gap:var(--aw-2);min-block-size:var(--aw-header-h);padding:0 var(--aw-2)0 var(--aw-4);border-block-end:var(--zk-hairline)solid var(--aw-line);color:var(--aw-muted);display:flex}
.aw-code-pane-head h2{color:var(--aw-text);font-size:var(--aw-fs-ui);font-weight:var(--zk-fw-semibold);flex:1;margin:0;line-height:1.45}
.aw-code-lang{font-size:var(--aw-fs-meta);color:var(--aw-soft)}
.aw-code-pane-body{padding:var(--aw-4);color:var(--aw-text);font-family:var(--aw-mono);font-size:var(--aw-fs-meta);white-space:pre;overflow:auto;flex:1;min-height:0;margin:0;line-height:1.6}
.aw-code-empty{gap:var(--aw-2);padding:var(--aw-6);color:var(--aw-muted);font-size:var(--aw-fs-ui);word-break:keep-all;display:grid;margin-block-start:auto;margin-block-end:auto;line-height:1.6}
.aw-code-empty p{margin:0}
.aw-code-empty strong{color:var(--aw-text);font-weight:var(--zk-fw-semibold)}
.aw-code-sheet{inline-size:min(40rem,calc(100vw - 2*var(--aw-4)));block-size:min(48rem,calc(100% - 2*var(--aw-6)));border:var(--zk-hairline)solid var(--aw-line);border-radius:var(--aw-r-lg);background:var(--aw-panel);color:var(--aw-text);font-family:var(--aw-font);overflow:hidden;max-block-size:none;max-inline-size:none;margin:auto;padding:0}
.aw-code-sheet[open]{display:flex;flex-direction:column}
.aw-code-sheet::backdrop{background:var(--zk-scrim)}
@media (min-width:1280px){.aw-workspace.is-code-mode .aw-code-pane{display:flex;flex:0 0 40%;max-inline-size:480px}}
@media (max-width:1279px){.aw-workspace.is-code-mode .aw-code-toggle{display:inline-grid}}
@media (min-width:1024px){.aw-message{font-size:var(--aw-fs-read)}}
@media (max-width:767px){.aw-thread-column{padding-inline:var(--aw-4)}.aw-bubble{max-inline-size:92%}.aw-starters{grid-template-columns:minmax(0,1fr)}.aw-segmented>button{padding:0 var(--aw-2)}.aw-model-button{max-inline-size:9rem}}
@media (pointer:coarse),(max-width:767px){.aw-composer textarea{font-size:var(--zk-fs-input)}.aw-segmented{padding:0}.aw-segmented>button{min-block-size:var(--aw-control);border-radius:var(--aw-r-sm)}}
@media (prefers-reduced-motion:no-preference){.aw-starter,.aw-model-button,.aw-segmented>button,.aw-send,.aw-composer,.aw-retry-confirm-send,.aw-workspace .aw-icon-button,.aw-workspace .aw-text-button{transition:background-color var(--aw-dur)var(--aw-ease),color var(--aw-dur)var(--aw-ease),border-color var(--aw-dur)var(--aw-ease)}.aw-mark.is-pulsing>i{animation:aw-hub-pulse 1.2s var(--aw-ease)infinite}.aw-mark.is-pulsing>i:nth-child(2){animation-delay:.15s}.aw-mark.is-pulsing>i:nth-child(3){animation-delay:.3s}}
@keyframes aw-hub-pulse{0%,to{opacity:1;transform:none}50%{opacity:.35;transform:translateY(-1px)}}
:where(.aw-shell,.aw-dialog,.aw-code-sheet){--aw-bg:var(--zk-bg);--aw-panel:var(--zk-surface);--aw-side:var(--zk-surface-2);--aw-raised:var(--zk-surface-2);--aw-line:var(--zk-line);--aw-line-strong:var(--zk-line-strong);--aw-text:var(--zk-text);--aw-muted:var(--zk-text-2);--aw-soft:var(--zk-text-3);--aw-ink:var(--zk-text);--aw-on-ink:var(--zk-surface);--aw-hover:var(--zk-surface-hover);--aw-focus:var(--zk-focus);--aw-ready:var(--zk-success);--aw-danger:var(--zk-danger);--aw-font:var(--zk-font-sans);--aw-mono:var(--zk-font-mono);--aw-fs-ui:var(--zk-fs-label);--aw-fs-body:var(--zk-fs-body);--aw-fs-read:var(--zk-fs-reading);--aw-fs-meta:var(--zk-fs-meta);--aw-fs-title:var(--zk-fs-title);--aw-fs-hero:var(--zk-fs-display);--aw-1:var(--zk-space-1);--aw-2:var(--zk-space-2);--aw-3:var(--zk-space-3);--aw-4:var(--zk-space-4);--aw-5:var(--zk-space-6);--aw-6:var(--zk-space-8);--aw-7:var(--zk-space-10);--aw-8:var(--zk-space-12);--aw-r-sm:var(--zk-radius-control);--aw-r-md:var(--zk-radius-panel);--aw-r-lg:var(--zk-radius-panel);--aw-r-pill:var(--zk-radius-pill);--aw-control:var(--zk-touch);--aw-header-h:calc(56px*var(--zk-ui-scale));--aw-measure:calc(760px*var(--zk-ui-scale));--aw-dur:var(--zk-dur-2);--aw-ease:var(--zk-ease-out);color:var(--aw-text);font-family:var(--aw-font);color-scheme:var(--zk-color-scheme)}
.aw-shell,.aw-shell *,.aw-dialog,.aw-dialog *,.aw-code-sheet,.aw-code-sheet *{box-sizing:border-box}
.aw-shell{display:grid;grid-template-columns:var(--zk-sidebar-w)minmax(0,1fr);overflow:hidden;background:var(--aw-bg);block-size:100dvh;min-block-size:0}
.aw-sidebar{display:flex;padding:var(--aw-2);border-inline-end:var(--zk-hairline)solid var(--aw-line);background:var(--aw-side);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;block-size:100%;min-block-size:0;min-inline-size:0;padding-block-start:calc(var(--aw-2) + var(--zk-safe-top));padding-block-end:calc(var(--aw-2) + var(--zk-safe-bottom))}
.aw-brand-row{display:flex;align-items: center;gap:var(--aw-2);min-block-size:var(--aw-header-h);padding-inline:var(--aw-3);flex-shrink:0}
.aw-brand{display:inline-flex;align-items: center;gap:var(--aw-2);min-block-size:var(--aw-control);color:var(--aw-text);text-decoration:none;min-inline-size:0}
.aw-brand>span:not(.zuku-lockup){border-inline-start:var(--zk-hairline)solid var(--aw-line-strong);font-size:var(--aw-fs-ui);font-weight:var(--zk-fw-semibold);padding-inline-start:var(--aw-2)}
.aw-primary-actions{display:grid;gap:var(--aw-1);margin-block:var(--aw-2)var(--aw-4);flex-shrink:0}
.aw-row,.aw-new-chat,.aw-thread{display:flex;align-items: center;gap:var(--aw-3);min-block-size:var(--aw-control);padding:var(--aw-2)var(--aw-3);border-radius:var(--aw-r-sm);color:var(--aw-text);font:var(--zk-fw-medium)var(--aw-fs-ui)/1.45 var(--aw-font);text-align:start;text-decoration:none;cursor:pointer;background:0 0;border:0;inline-size:100%;min-inline-size:0}
.aw-new-chat{background:var(--aw-panel);border:var(--zk-hairline)solid var(--aw-line-strong);font-weight:var(--zk-fw-semibold)}
.aw-row>svg,.aw-new-chat>svg,.aw-thread>svg{flex-shrink:0}
.aw-row>span:not(.aw-status-dot),.aw-new-chat>span,.aw-thread>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}