.ai-cover{position:relative;display:block;overflow:hidden;background:var(--zk-surface-2);color:var(--zk-text-2)}
.ai-cover img{display:block;object-fit:cover;width:100%;height:100%}
.ai-cover__monogram{display:grid;font:var(--zk-fw-bold)calc(var(--zk-fs-display)*1.2)/1 var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);place-items: center;width:100%;height:100%}
.ai-cover--card{aspect-ratio:3/4;border-radius:var(--zk-radius-media)}
.ai-cover--profile{aspect-ratio:1;border-radius:var(--zk-radius-media)}
.ai-cover--thumb{width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);flex:none}
.ai-cover--thumb .ai-cover__monogram{font-size:var(--zk-fs-body)}
.ai-char-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zk-space-6)var(--zk-space-3);list-style:none;margin:0;padding:0}
@media (min-width:600px){.ai-char-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--zk-space-6)var(--zk-space-4)}}
@media (min-width:1024px){.ai-char-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ai-char-grid--row{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(calc(136px*var(--zk-ui-scale)),1fr);overflow-x:auto;scrollbar-width:none}
.ai-char-grid--row::-webkit-scrollbar{display:none}
@media (min-width:1024px){.ai-char-grid--row{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}}
.ai-char-card{display:grid;gap:var(--zk-space-1);align-content: start;min-width:0}
.ai-char-card__link{display:grid;gap:var(--zk-space-2);color:var(--zk-text);text-decoration:none;border-radius:var(--zk-radius-media)}
.ai-char-card__frame{position:relative;display:block}
.ai-char-card__rating{position:absolute;top:var(--zk-space-2);left:var(--zk-space-2);display:inline-flex;border-radius:var(--zk-radius-pill);background:var(--zk-surface);padding:2px}
.ai-char-card__name{overflow:hidden;font:var(--zk-fw-semibold)var(--zk-fs-body)/1.35 var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);text-overflow:ellipsis;white-space:nowrap}
.ai-char-card__tagline{display:-webkit-box;overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-label);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45}
.ai-char-card__meta{display:flex;gap:var(--zk-space-1)var(--zk-space-2);color:var(--zk-text-3);font-size:var(--zk-fs-meta);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0}
@media (hover:hover){.ai-char-card__link:hover .ai-cover{opacity:.92}.ai-char-card__link:hover .ai-char-card__name{text-decoration:underline}}
.ai-discover__search{position:relative;display:flex;align-items: center;gap:var(--zk-space-2);max-width:calc(560px*var(--zk-ui-scale))}
.ai-discover__search-icon{position:absolute;left:var(--zk-space-3);color:var(--zk-text-3);pointer-events:none}
.ai-discover__search-input{min-height:var(--zk-field-h);padding:0 var(--zk-space-3)0 calc(var(--zk-space-3) + 26px);border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-input)/1.4 var(--zk-font-sans);flex:1;min-width:0}
.ai-discover__search-input:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-discover__filters{display:grid;gap:var(--zk-space-3);border-bottom:var(--zk-hairline)solid var(--zk-line);min-width:0}
.ai-discover__filters .ai-chips--scroll{padding-bottom:var(--zk-space-3)}
.ai-discover__more{display:flex;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-touch);flex-direction:column}
.ai-discover__adult-note{margin:0}
.ai-profile{display:grid;gap:var(--zk-space-8);align-items: start}
@media (min-width:1024px){.ai-profile{grid-template-columns:calc(340px*var(--zk-ui-scale))minmax(0,1fr);gap:var(--zk-space-10)}.ai-profile__side{position:sticky;top:calc(var(--zk-header-block) + var(--zk-space-6))}}
.ai-profile__side{display:grid;gap:var(--zk-space-4);min-width:0}
.ai-profile__side .ai-cover--profile{width:min(100%,calc(340px*var(--zk-ui-scale)))}
@media (max-width:599px){.ai-profile__side .ai-cover--profile{width:calc(180px*var(--zk-ui-scale))}}
.ai-profile__identity{display:grid;gap:var(--zk-space-2)}
.ai-profile__name{display:flex;align-items: center;gap:var(--zk-space-2);flex-wrap:wrap}
.ai-profile__actions{display:grid;gap:var(--zk-space-3)}
.ai-profile__adult{font-size:var(--zk-fs-label);margin:0}
.ai-profile__main{display:grid;gap:var(--zk-space-8);min-width:0}
.ai-missing{display:grid;gap:var(--zk-space-1);padding-left:var(--zk-space-5);color:var(--zk-text-2);font-size:var(--zk-fs-label);margin:0}
.ai-greeting-preview{max-width:calc(560px*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);font-size:var(--zk-fs-reading);line-height:var(--zk-lh-reading);white-space:pre-wrap}
.ai-facts{display:grid;border-top:var(--zk-hairline)solid var(--zk-line);margin:0}
.ai-facts__row{display:grid;gap:var(--zk-space-1);padding:var(--zk-space-3)0;border-bottom:var(--zk-hairline)solid var(--zk-line)}
@media (min-width:600px){.ai-facts__row{grid-template-columns:calc(160px*var(--zk-ui-scale))minmax(0,1fr);gap:var(--zk-space-4)}}
.ai-facts dt{color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.5 var(--zk-font-sans)}
.ai-facts dd{display:grid;gap:var(--zk-space-2);min-width:0;margin:0}
.ai-facts dd p{color:var(--zk-text);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.ai-quotes{display:grid;gap:var(--zk-space-2);list-style:none;margin:0;padding:0}
.ai-quotes li{padding-left:var(--zk-space-3);border-left:2px solid var(--zk-line-strong);line-height:var(--zk-lh-body);white-space:pre-wrap}
.ai-examples{display:grid;gap:var(--zk-space-4);list-style:none;margin:0;padding:0}
.ai-examples li{display:grid;gap:var(--zk-space-1);padding-bottom:var(--zk-space-3);border-bottom:var(--zk-hairline)solid var(--zk-line)}
.ai-examples p{line-height:var(--zk-lh-body);white-space:pre-wrap;margin:0}
.ai-examples__who{display:inline-block;margin-right:var(--zk-space-2);color:var(--zk-text-3);font-size:var(--zk-fs-meta);font-weight:var(--zk-fw-semibold);min-width:4em}
.ai-tag-link{display:inline-flex;min-height:var(--zk-touch);color:var(--zk-text-2);font-size:var(--zk-fs-label);text-decoration:none;align-items: center}
@media (hover:hover){.ai-tag-link:hover{color:var(--zk-text);text-decoration:underline}}
.ai-age-gate{gap:var(--zk-space-3);margin-top:var(--zk-space-6)}
.ai-age-gate__mark{margin:0}
.ai-age-gate__mark .ai-rating{min-width:calc(36px*var(--zk-ui-scale));height:calc(36px*var(--zk-ui-scale));font-size:var(--zk-fs-title-sm)}
.ai-radio-list{display:grid;margin:0 0 var(--zk-space-4);border:0;gap:0;padding:0}
.ai-radio{display:flex;align-items: center;gap:var(--zk-space-3);min-height:var(--zk-touch);border-bottom:var(--zk-hairline)solid var(--zk-line);font-size:var(--zk-fs-body);cursor:pointer}
.ai-radio input{accent-color:var(--zk-accent);width:20px;height:20px}
.ai-me__panel{display:grid;gap:var(--zk-space-4);padding-top:var(--zk-space-2);min-width:0}
.ai-mine-row{display:flex;align-items: center;gap:var(--zk-space-2)}
.ai-mine-row>.zds-list-row{flex:1;min-width:0}
.ai-mine-row__badges{display:flex;justify-content:flex-end;gap:var(--zk-space-1);flex-wrap:wrap}
.ai-wizard__layout{display:grid;gap:var(--zk-space-6);align-items: start}
@media (min-width:1024px){.ai-wizard__layout{grid-template-columns:calc(200px*var(--zk-ui-scale))minmax(0,calc(760px*var(--zk-ui-scale)))calc(260px*var(--zk-ui-scale));justify-content:center;gap:var(--zk-space-8)}.ai-wizard__steps,.ai-wizard__aside{position:sticky;top:calc(var(--zk-header-block) + var(--zk-space-6))}}
.ai-wizard__steps ol{display:flex;gap:var(--zk-space-1);overflow-x:auto;list-style:none;scrollbar-width:none;border-bottom:var(--zk-hairline)solid var(--zk-line);margin:0;padding:0}
.ai-wizard__steps ol::-webkit-scrollbar{display:none}
@media (min-width:1024px){.ai-wizard__steps ol{overflow:visible;border-bottom:0;flex-direction:column}}
.ai-wizard__step{display:flex;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-touch);padding:0 var(--zk-space-3);border-radius:var(--zk-radius-control);color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.2 var(--zk-font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;width:100%}
.ai-wizard__step-no{display:inline-grid;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;width:22px;height:22px}
.ai-wizard__step[data-state=done] .ai-wizard__step-no{border-color:var(--zk-success);color:var(--zk-success)}
.ai-wizard__step[data-state=error] .ai-wizard__step-no{border-color:var(--zk-danger);color:var(--zk-danger)}
.ai-wizard__step[aria-current=step]{color:var(--zk-text);box-shadow:inset 0 -3px 0 var(--zk-accent-fg)}
@media (min-width:1024px){.ai-wizard__step[aria-current=step]{background:var(--zk-accent-soft);box-shadow:inset 3px 0 0 var(--zk-accent-fg)}}
@media (hover:hover){.ai-wizard__step:hover{color:var(--zk-text)}}
.ai-wizard__form{display:grid;gap:var(--zk-space-6);min-width:0}
.ai-wizard__form-head{display:grid;gap:var(--zk-space-1)}
.ai-wizard__form-head .ai-h2{outline:none;scroll-margin-top:calc(var(--zk-header-block) + var(--zk-space-4))}
.ai-wizard__fields{display:grid;gap:var(--zk-space-6)}
.ai-wizard__nav{position:sticky;bottom:var(--zk-dock-offset);z-index:var(--zk-z-sticky);display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:var(--zk-space-2);margin-inline:calc(-1*var(--zk-gutter));padding:var(--zk-space-3)var(--zk-gutter);border-top:var(--zk-hairline)solid var(--zk-line);background:var(--zk-surface)}
.ai-wizard__nav>:nth-child(2){justify-self:end}
@media (min-width:1024px){.ai-wizard__nav{margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0;bottom:0}}
.ai-checklist{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)}
.ai-checklist__title{font:var(--zk-fw-semibold)var(--zk-fs-body)/1.4 var(--zk-font-sans);margin:0}
.ai-checklist ul{display:grid;list-style:none;margin:0;padding:0}
.ai-checklist__item{display:flex;align-items: center;gap:var(--zk-space-2);min-height:calc(36px*var(--zk-ui-scale));color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-label)/1.3 var(--zk-font-sans);text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}
.ai-checklist li[data-done=true] .ai-checklist__item{color:var(--zk-text-3)}
.ai-checklist li[data-done=true] .ai-checklist__item svg{color:var(--zk-success)}
.ai-checklist li[data-done=false] .ai-checklist__item svg{color:var(--zk-warning)}
@media (pointer:coarse){.ai-checklist__item{min-height:var(--zk-touch)}}
.ai-wizard__layout>*{min-width:0}
.ai-wizard__checklist-compact{display:none}
@media (max-width:1023px){.ai-wizard__aside{display:none}.ai-wizard__checklist-compact{display:block;border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);order:-1}.ai-wizard__steps{order:-2}.ai-wizard__checklist-compact>summary{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-touch);padding:0 var(--zk-space-4);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.3 var(--zk-font-sans);list-style:none;cursor:pointer}.ai-wizard__checklist-compact>summary::-webkit-details-marker{display:none}.ai-wizard__checklist-compact[open] .ai-accordion__chevron{transform:rotate(180deg)}.ai-wizard__checklist-compact .ai-checklist{background:0 0;border:0;padding-top:0}.ai-wizard__checklist-compact .ai-checklist__title{display:none}}
.ai-avatar-field{display:flex;align-items: center;gap:var(--zk-space-3);flex-wrap:wrap}
.ai-avatar-field .ai-cover--thumb{width:calc(64px*var(--zk-ui-scale));height:calc(64px*var(--zk-ui-scale))}
.ai-avatar-field label{cursor:pointer}
.ai-avatar-field label:focus-within{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-choice-cards{display:grid;gap:var(--zk-space-2)}
@media (min-width:600px){.ai-choice-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ai-choice-card{position:relative;display:grid;gap:var(--zk-space-1);padding:var(--zk-space-3)var(--zk-space-4)var(--zk-space-3)calc(var(--zk-space-4) + 28px);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-control);background:var(--zk-surface);cursor:pointer}
.ai-choice-card input{position:absolute;top:var(--zk-space-3);left:var(--zk-space-3);accent-color:var(--zk-accent);width:20px;height:20px;margin:0}
.ai-choice-card:has(input:checked){border-color:var(--zk-accent-fg);background:var(--zk-accent-soft)}
.ai-choice-card:has(input:focus-visible){outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-choice-card[data-disabled]{cursor:not-allowed;opacity:.6}
.ai-choice-card__title{display:flex;align-items: center;gap:var(--zk-space-2);font:var(--zk-fw-semibold)var(--zk-fs-body)/1.3 var(--zk-font-sans)}
.ai-choice-card__body{color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:1.5}
.ai-token-field{display:grid;gap:var(--zk-space-1)}
.ai-token-field__tools{display:flex;align-items: center;gap:var(--zk-space-2);flex-wrap:wrap}
.ai-summary-card{display:flex;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-3)var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface)}
.ai-summary-card p{margin:0}
.ai-summary-card__name{display:flex;align-items: center;gap:var(--zk-space-2);font:var(--zk-fw-semibold)var(--zk-fs-body)/1.3 var(--zk-font-sans)}
.card_2kTqcA{box-sizing:border-box;color:var(--text-primary,#eaf2f5);background:var(--bg-primary,#101820);border:1px solid var(--border-primary,#40515d);border-radius:16px;max-width:760px;margin:clamp(24px,8vh,80px) auto;padding:clamp(20px,4vw,40px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}
.card_2kTqcA h1{margin:8px 0 24px;font-size:clamp(22px,4vw,32px);line-height:1.3}
.card_2kTqcA h2{margin:0 0 8px;font-size:15px;line-height:1.5}
.card_2kTqcA p,.card_2kTqcA li{overflow-wrap:anywhere;font-size:14px;line-height:1.7}
.mark_2kTqcA{color:#fff;display:grid;background:0 0;border-radius:14px;place-items: center;width:52px;height:52px;margin-bottom:16px;font-size:22px;font-weight:800}
.label_2kTqcA{color:var(--text-secondary,#c2cbd1);font-family:monospace!important}
.user_2kTqcA,.trace_2kTqcA,.developer_2kTqcA{border-top:1px solid var(--border-primary,#40515d);padding:16px 0}
.trace_2kTqcA ol{margin-bottom:0;padding-left:24px}
.actions_2kTqcA{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.actions_2kTqcA :-webkit-any(button,a){background:var(--bg-secondary,#1a2630);border:1px solid var(--border-primary,#40515d);color:inherit;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;border-radius:8px;justify-content:center;align-items: center;min-height:44px;padding:0 18px}
.actions_2kTqcA :-moz-any(button,a){background:var(--bg-secondary,#1a2630);border:1px solid var(--border-primary,#40515d);color:inherit;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;border-radius:8px;justify-content:center;align-items: center;min-height:44px;padding:0 18px}
.actions_2kTqcA :is(button,a){background:var(--bg-secondary,#1a2630);border:1px solid var(--border-primary,#40515d);color:inherit;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;border-radius:8px;justify-content:center;align-items: center;min-height:44px;padding:0 18px}
.actions_2kTqcA button{color:#fff;background:#007ba4;border-color:#007ba4}
.card_2kTqcA :-webkit-any(button,a,summary):focus-visible{outline-offset:3px;outline:3px solid #00bcf2}
.card_2kTqcA :-moz-any(button,a,summary):focus-visible{outline-offset:3px;outline:3px solid #00bcf2}
.card_2kTqcA :is(button,a,summary):focus-visible{outline-offset:3px;outline:3px solid #00bcf2}
.developer_2kTqcA summary{cursor:pointer;min-height:44px;font-size:14px;line-height:44px}
.developer_2kTqcA pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg-secondary,#1a2630);border-radius:8px;padding:12px;font:12px/1.7 monospace}
@media (max-width:600px){.card_2kTqcA{border-radius:12px;margin:24px 12px;padding:20px}}
.jump-surface{--jump-canvas:var(--neon-canvas);--jump-panel:var(--neon-surface);--jump-elevated:var(--neon-surface-muted);--jump-accent:var(--neon-accent);--jump-accent-strong:var(--neon-accent);--jump-cyan:var(--neon-accent);--jump-pink:var(--neon-accent);--jump-text:var(--neon-text-primary);--jump-muted:var(--neon-text-secondary);--jump-faint:var(--neon-text-muted);--jump-border:var(--neon-border-subtle);--jump-glow:none;--jump-radius:8px;--jump-radius-sm:6px;--jump-max:calc(1180px*var(--zk-ui-scale));color:var(--jump-text);background:var(--neon-canvas);width:100%;min-width:0;min-height:100%}
[data-theme=light] .jump-surface{--jump-canvas:var(--neon-canvas);--jump-panel:var(--neon-surface);--jump-elevated:var(--neon-surface-muted);--jump-accent:var(--neon-accent);--jump-accent-strong:var(--neon-accent);--jump-text:var(--neon-text-primary);--jump-muted:var(--neon-text-secondary);--jump-faint:var(--neon-text-muted)}
.jump-page{display:flex;width:min(100%,var(--jump-max));flex-direction:column;gap:28px;margin-inline-start:auto;margin-inline-end:auto}
.jump-page.page-content{flex-direction:column}
.jump-subnav{position:sticky;top:var(--neon-header-height);z-index:20;border-bottom:1px solid var(--jump-border);background:var(--jump-panel);backdrop-filter:none;margin-bottom:8px}
.jump-subnav__inner{display:flex;width:min(100%,var(--jump-max));align-items: center;gap:8px;margin:0 auto;padding:8px 16px}
.jump-subnav__mark{font-family:Space Grotesk,Apple SD Gothic Neo,Noto Sans KR,Noto Sans CJK KR,Malgun Gothic,맑은 고딕,Dotum,돋움,Gulim,굴림,sans-serif;font-family:"Space Grotesk",var(--font-english,var(--zk-font-sans,"Apple SD Gothic Neo")),"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic","맑은 고딕",Dotum,"돋움",Gulim,"굴림",sans-serif;font-style:italic;font-weight:800;font-size:calc(22px*var(--zk-ui-scale));letter-spacing:-.05em;color:var(--jump-text);text-decoration:none;text-shadow:none;flex:none}
.jump-subnav__mark:focus-visible{outline:2px solid var(--jump-cyan);outline-offset:3px}
.jump-subnav__list{display:flex;list-style:none;overflow-x:auto;scrollbar-width:none;flex:1;gap:4px;min-width:0;margin:0;padding:0}
.jump-subnav__list::-webkit-scrollbar{display:none}
.jump-subnav__link{display:inline-flex;color:var(--jump-muted);font-size:calc(13px*var(--zk-ui-scale));text-decoration:none;white-space:nowrap;border-radius:8px;align-items: center;gap:8px;padding:8px 14px;transition:background .16s,color .16s;font-weight:600}
.jump-subnav__link:hover{color:var(--jump-text);background:color-mix(in srgb,var(--jump-accent)12%,transparent)}
.jump-subnav__link[data-current]{color:var(--jump-accent);background:color-mix(in srgb,var(--jump-accent)16%,transparent)}
.jump-subnav__link:focus-visible{outline:2px solid var(--jump-accent);outline-offset:2px}
.jump-hero{position:relative;isolation:isolate;min-height:min(42vh,calc(420px*var(--zk-ui-scale)));overflow:hidden;border:1px solid var(--jump-border);background:var(--jump-elevated);border-radius:8px}
.jump-hero__media,.jump-hero__media .thumb{position:absolute;inset:0}
.jump-hero__shade{position:absolute;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080610eb 0%,#08061073 48%,#08061033 100%),linear-gradient(#0000 58%,#0806108c);inset:0}
.jump-hero__copy{position:relative;z-index:2;display:flex;max-width:calc(560px*var(--zk-ui-scale));flex-direction:column;gap:12px;padding:clamp(20px,4vw,48px)}
.jump-hero__kicker{font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.16em;text-transform:uppercase;color:var(--jump-cyan);font-weight:700}
.jump-hero__title{font-family:Space Grotesk,Apple SD Gothic Neo,Noto Sans KR,Noto Sans CJK KR,Malgun Gothic,맑은 고딕,Dotum,돋움,Gulim,굴림,sans-serif;font-family:"Space Grotesk",var(--font-english,var(--zk-font-sans,"Apple SD Gothic Neo")),"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic","맑은 고딕",Dotum,"돋움",Gulim,"굴림",sans-serif;letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(1.8rem,4vw,3rem);font-style:italic;font-weight:700;line-height:1.05}
.jump-hero__tagline{color:#ffffffd1;font-size:calc(15px*var(--zk-ui-scale));margin:0;line-height:1.5}
.jump-hero__tags{display:flex;flex-wrap:wrap;gap:8px}
.jump-chip{display:inline-flex;color:#fff;font-size:calc(12px*var(--zk-ui-scale));background:#00000047;border:1px solid #ffffff2e;border-radius:8px;align-items: center;padding:4px 10px;font-weight:600}
.jump-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.jump-btn{display:inline-flex;min-height:calc(44px*var(--zk-ui-scale));font-size:calc(14px*var(--zk-ui-scale));text-decoration:none;cursor:pointer;border-radius:8px;justify-content:center;align-items: center;gap:8px;padding:10px 20px;transition:transform .16s,box-shadow .16s,background .16s;font-weight:700}
.jump-btn:focus-visible{outline:2px solid var(--jump-cyan);outline-offset:3px}
.jump-btn--primary{background:var(--jump-accent);color:var(--neon-text-on-accent);box-shadow:var(--jump-glow);border:0}
.jump-btn--primary:hover{background:var(--jump-accent-strong);color:#fff;transform:translateY(-1px)}
.jump-btn--ghost{color:var(--jump-text);background:#00000047;border:1px solid #ffffff73}
.jump-btn--ghost:hover{border-color:#fff}
.jump-btn--icon{width:calc(44px*var(--zk-ui-scale));min-width:calc(44px*var(--zk-ui-scale));padding:0}
.jump-hero__arrow{position:absolute;z-index:2;width:calc(44px*var(--zk-ui-scale));min-width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale));color:#fff;box-shadow:var(--jump-glow);background:#0000006b;border:1px solid #ffffff47;border-radius:50%;padding:0;top:50%;transform:translateY(-50%)}
.jump-hero__arrow--prev{left:14px}
.jump-hero__arrow--next{right:14px}
.jump-hero__arrow:hover{background:color-mix(in srgb,var(--jump-accent)35%,#000);border-color:#fff;transform:translateY(-50%)}
.jump-hero--empty,.jump-hero--skeleton{min-height:calc(220px*var(--zk-ui-scale))}
.jump-hero--skeleton .jump-hero__copy{gap:10px}
.jump-skel{display:block;background:color-mix(in srgb,var(--jump-accent)14%,var(--jump-panel));animation:1.2s ease-in-out infinite jump-pulse;border-radius:8px}
@keyframes jump-pulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.jump-skel,.jump-btn,.jump-card,.jump-hero__arrow{animation:none;transition:none}}
.jump-genres{display:flex;overflow-x:auto;scrollbar-width:none;gap:14px;padding:4px 2px 10px}
.jump-genres::-webkit-scrollbar{display:none}
.jump-genre{display:flex;min-width:calc(68px*var(--zk-ui-scale));color:var(--jump-muted);font:inherit;font-size:calc(12px*var(--zk-ui-scale));text-decoration:none;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items: center;gap:8px;padding:0;font-weight:600}
.jump-genre__orb{display:grid;width:calc(56px*var(--zk-ui-scale));height:calc(56px*var(--zk-ui-scale));border:1px solid var(--jump-border);background:var(--jump-elevated);color:var(--jump-text);font-size:calc(18px*var(--zk-ui-scale));box-shadow:none;border-radius:8px;place-items: center}
.jump-genre:hover .jump-genre__orb,.jump-genre[data-current] .jump-genre__orb{border-color:var(--jump-accent);box-shadow:none;background:var(--jump-elevated);border-radius:8px}
.jump-genre[data-current]{color:var(--jump-accent)}
.jump-genre:focus-visible{outline:none}
.jump-genre:focus-visible .jump-genre__orb{outline:2px solid var(--jump-cyan);outline-offset:3px;background:var(--jump-elevated);box-shadow:none;border-radius:8px}
.jump-hub__body{display:grid;grid-template-columns:minmax(0,1fr)calc(300px*var(--zk-ui-scale));align-items: start;gap:24px}
.jump-hub__main{display:flex;flex-direction:column;gap:16px;min-width:0}
.jump-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.jump-section-title{display:flex;font-size:calc(18px*var(--zk-ui-scale));color:var(--jump-text);align-items: center;gap:8px;margin:0;font-weight:700}
.jump-section-link{color:var(--jump-accent);font-size:calc(13px*var(--zk-ui-scale));text-decoration:none;font-weight:600}
.jump-mobile-tabs{display:none;overflow-x:auto;scrollbar-width:none;gap:8px}
.jump-mobile-tabs::-webkit-scrollbar{display:none}
.jump-mobile-tab{border:1px solid var(--jump-border);background:var(--jump-panel);color:var(--jump-muted);font-size:calc(13px*var(--zk-ui-scale));cursor:pointer;border-radius:8px;flex:none;padding:8px 14px;font-weight:600}
.jump-mobile-tab[data-current]{background:var(--jump-accent);color:var(--neon-text-on-accent);border-color:#0000}
.jump-surface .jump-catalog,.jump-surface .jump-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jump-surface .jump-card{display:flex;overflow:hidden;border:1px solid var(--jump-border);border-radius:var(--jump-radius);background:var(--jump-panel);text-decoration:none;color:inherit;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}
.jump-surface .jump-card:hover{border-color:var(--jump-accent);box-shadow:var(--jump-glow);transform:none}
.jump-surface .jump-card:focus-visible{border-color:var(--jump-accent);box-shadow:var(--jump-glow);transform:none}
.jump-surface .jump-card:focus-visible{outline:2px solid var(--jump-cyan);outline-offset:3px}
.jump-card__thumb{position:relative;aspect-ratio:16/10;background:var(--jump-elevated)}
.jump-card__thumb .thumb{position:absolute;inset:0}
.jump-card__body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 14px 14px}
.jump-card__title{font-size:calc(14px*var(--zk-ui-scale));color:var(--jump-text);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;font-weight:700;line-height:1.35}
.jump-card__meta{display:flex;color:var(--jump-muted);font-size:calc(12px*var(--zk-ui-scale));flex-wrap:wrap;align-items: center;gap:8px}
.jump-card__genre{background:color-mix(in srgb,var(--jump-accent)16%,transparent);color:var(--jump-accent);border-radius:8px;padding:2px 8px;font-weight:700}
.jump-card--skeleton{pointer-events:none}
.jump-card--skeleton .jump-card__thumb{background:color-mix(in srgb,var(--jump-accent)10%,var(--jump-panel))}
.jump-rail{display:flex;position:sticky;top:calc(var(--neon-header-height) + 56px);flex-direction:column;gap:16px}
.jump-widget{border:1px solid var(--jump-border);border-radius:var(--jump-radius);background:var(--jump-panel);padding:16px}
.jump-widget__title{font-size:calc(14px*var(--zk-ui-scale));color:var(--jump-text);margin:0 0 12px;font-weight:700}
.jump-rank{display:grid;grid-template-columns:22px calc(56px*var(--zk-ui-scale))minmax(0,1fr);text-decoration:none;color:inherit;border-radius:8px;align-items: center;gap:10px;padding:6px 0}
.jump-rank:hover .jump-rank__title{color:var(--jump-accent)}
.jump-rank__n{font-family:Space Grotesk,Apple SD Gothic Neo,Noto Sans KR,Noto Sans CJK KR,Malgun Gothic,맑은 고딕,Dotum,돋움,Gulim,굴림,sans-serif;font-family:"Space Grotesk",var(--zk-font-sans,"Apple SD Gothic Neo"),"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic","맑은 고딕",Dotum,"돋움",Gulim,"굴림",sans-serif;font-size:calc(15px*var(--zk-ui-scale));color:var(--jump-accent);text-align:center;font-style:italic;font-weight:700}
.jump-rank:first-child .jump-rank__n{color:var(--jump-pink)}
.jump-rank:nth-child(2) .jump-rank__n{color:var(--jump-cyan)}
.jump-rank__thumb{position:relative;width:calc(56px*var(--zk-ui-scale));aspect-ratio:1;overflow:hidden;background:var(--jump-elevated);border-radius:8px}
.jump-rank__title{display:block;font-size:calc(13px*var(--zk-ui-scale));color:var(--jump-text);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;font-weight:700;line-height:1.3}
.jump-rank__meta{display:block;color:var(--jump-muted);font-size:calc(12px*var(--zk-ui-scale));margin-top:2px}
.jump-friend{display:grid;grid-template-columns:calc(36px*var(--zk-ui-scale))minmax(0,1fr);text-decoration:none;color:inherit;align-items: center;gap:10px;padding:7px 0}
.jump-friend__avatar{position:relative;display:grid;width:calc(36px*var(--zk-ui-scale));height:calc(36px*var(--zk-ui-scale));background:var(--jump-elevated);color:var(--jump-text);font-size:calc(14px*var(--zk-ui-scale));border-radius:50%;place-items: center;font-weight:700}
.jump-friend__dot{position:absolute;border:2px solid var(--jump-panel);background:#34d399;border-radius:50%;width:9px;height:9px;bottom:0;right:0}
.jump-friend__name{display:block;font-size:calc(13px*var(--zk-ui-scale));color:var(--jump-text);font-weight:700}
.jump-friend__game{display:block;color:var(--jump-muted);font-size:calc(12px*var(--zk-ui-scale))}
.jump-empty{color:var(--jump-muted);font-size:calc(13px*var(--zk-ui-scale));margin:0;line-height:1.6}
.jump-notice{display:flex;border:1px solid var(--jump-border);border-radius:var(--jump-radius);background:var(--jump-panel);gap:10px;padding:14px 16px}
.jump-page-head h1{font-family:Space Grotesk,Apple SD Gothic Neo,Noto Sans KR,Noto Sans CJK KR,Malgun Gothic,맑은 고딕,Dotum,돋움,Gulim,굴림,sans-serif;font-family:"Space Grotesk",var(--zk-font-sans,"Apple SD Gothic Neo"),"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic","맑은 고딕",Dotum,"돋움",Gulim,"굴림",sans-serif;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(1.5rem,3vw,2rem);font-style:italic}
.jump-page-head p{color:var(--jump-muted);margin:0}
.jump-catalog-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:16px;margin:28px 0}
.jump-catalog-pagination p{font-size:calc(13px*var(--zk-ui-scale));color:var(--text-secondary);margin:0}
.jump-forum{display:flex;border:1px solid var(--jump-border);border-radius:var(--jump-radius);background:var(--jump-panel);overflow:hidden;flex-direction:column}
.jump-forum__row{display:grid;grid-template-columns:minmax(0,1fr)auto;border-top:1px solid var(--jump-border);text-decoration:none;color:inherit;align-items: center;gap:12px;padding:12px 16px}
.jump-forum__row:first-child{border-top:0}
.jump-forum__row:hover{background:color-mix(in srgb,var(--jump-accent)8%,transparent)}
.jump-forum__tag{justify-self:start}
.jump-forum__title{display:block;font-size:calc(14px*var(--zk-ui-scale));font-weight:700}
.jump-forum__by{display:block;color:var(--jump-muted);font-size:calc(12px*var(--zk-ui-scale));margin-top:2px}
.jump-forum__stats{color:var(--jump-faint);font-size:calc(12px*var(--zk-ui-scale));white-space:nowrap}
.jump-write{position:sticky;bottom:calc(var(--neon-bottom-nav-height,64px) + 16px);z-index:5;align-self: flex-end}
.jump-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jump-stat{border:1px solid var(--jump-border);border-radius:var(--jump-radius);background:var(--jump-panel);padding:16px}
.jump-stat__label{display:block;color:var(--jump-muted);font-size:calc(12px*var(--zk-ui-scale))}
.jump-stat__value{display:block;font-family:Space Grotesk,Apple SD Gothic Neo,Noto Sans KR,Noto Sans CJK KR,Malgun Gothic,맑은 고딕,Dotum,돋움,Gulim,굴림,sans-serif;font-family:"Space Grotesk",var(--zk-font-sans,"Apple SD Gothic Neo"),"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic","맑은 고딕",Dotum,"돋움",Gulim,"굴림",sans-serif;font-size:calc(22px*var(--zk-ui-scale));margin-top:6px;font-weight:700}
.jump-detail-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(240px*var(--zk-ui-scale));background:var(--jump-elevated);border-radius:8px}
.jump-detail-hero__media,.jump-detail-hero__media .thumb{position:absolute;inset:0}
.jump-detail-hero__shade{position:absolute;z-index:1;pointer-events:none;background:linear-gradient(#08061033,#080610e0);inset:0}
.jump-detail-hero__copy{position:relative;z-index:2;display:flex;color:#fff;flex-direction:column;gap:12px;padding:clamp(20px,4vw,40px)}
.jump-detail-hero__copy h1{font-family:Space Grotesk,Apple SD Gothic Neo,Noto Sans KR,Noto Sans CJK KR,Malgun Gothic,맑은 고딕,Dotum,돋움,Gulim,굴림,sans-serif;font-family:"Space Grotesk",var(--zk-font-sans,"Apple SD Gothic Neo"),"Apple SD Gothic Neo","Noto Sans KR","Noto Sans CJK KR","Malgun Gothic","맑은 고딕",Dotum,"돋움",Gulim,"굴림",sans-serif;letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3.4vw,2.6rem);font-style:italic}
.jump-detail-layout{display:grid;grid-template-columns:minmax(0,1fr)calc(300px*var(--zk-ui-scale));align-items: start;gap:24px}
.jump-req{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--jump-border);border-radius:var(--jump-radius);background:var(--jump-panel);font-size:calc(13px*var(--zk-ui-scale));gap:0}
.jump-req__col{padding:14px}
.jump-req__col+.jump-req__col{border-left:1px solid var(--jump-border)}
.jump-req__col h3{font-size:calc(12px*var(--zk-ui-scale));color:var(--jump-accent);margin:0 0 10px}
.jump-req dt{color:var(--jump-muted)}
.jump-req dd{margin:0 0 8px;font-weight:600}
.jump-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(160px*var(--zk-ui-scale)),1fr));gap:10px}
.jump-shot{aspect-ratio:16/10;overflow:hidden;border-radius:var(--jump-radius-sm);background:var(--jump-elevated)}
.jump-shot img,.jump-shot .thumb{object-fit:cover;width:100%;height:100%}
.jump-tabs{display:flex;flex-wrap:wrap;gap:6px}
.jump-tab{display:inline-flex;border:1px solid var(--jump-border);color:var(--jump-muted);font-size:calc(13px*var(--zk-ui-scale));cursor:pointer;background:0 0;border-radius:8px;align-items: center;gap:6px;padding:8px 14px;font-weight:600}
.jump-tab[aria-selected=true]{background:var(--jump-accent);color:var(--neon-text-on-accent);border-color:#0000}
.jump-player-anchor{scroll-margin-top:calc(var(--neon-header-height) + 72px)}
@media (max-width:1100px){.jump-hub__body,.jump-detail-layout{grid-template-columns:minmax(0,1fr)}.jump-rail{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(260px*var(--zk-ui-scale)),1fr))}.jump-surface .jump-catalog,.jump-surface .jump-grid,.jump-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.jump-mobile-tabs{display:flex}.jump-surface .jump-catalog,.jump-surface .jump-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jump-forum__row{grid-template-columns:minmax(0,1fr)}.jump-forum__stats{grid-column:1}.jump-req{grid-template-columns:1fr}.jump-req__col+.jump-req__col{border-left:0;border-top:1px solid var(--jump-border)}.jump-hero__arrow--prev{left:8px}.jump-hero__arrow--next{right:8px}}
[data-surface=vine] :focus-visible{outline:2px solid var(--s-focus);outline-offset:2px;border-radius:var(--s-radius-sm)}
[data-surface=vine] main a{color:var(--s-text);text-decoration:none}
[data-surface=vine] main a:hover{color:var(--s-accent)}
[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] .vine-main{box-sizing:border-box;max-width:var(--s-shell-max);padding-top:28px;padding-inline:var(--s-page-inline);flex:auto;width:100%;min-width:0;margin:0 auto;padding-bottom:120px}
[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-card__face,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar){position:relative;overflow:hidden}
[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-card__face,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar){position:relative;overflow:hidden}
[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-card__face,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar){position:relative;overflow:hidden}
[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-card__face,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) img{position:absolute;object-fit:cover;display:block;width:100%;max-width:none;height:100%;max-height:none;inset:0}
[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-card__face,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) img{position:absolute;object-fit:cover;display:block;width:100%;max-width:none;height:100%;max-height:none;inset:0}
[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-card__face,.vine-asset-preview__cover,.vine-mini-player__cover,.vine-idol-profile__avatar) img{position:absolute;object-fit:cover;display:block;width:100%;max-width:none;height:100%;max-height:none;inset:0}
@media (min-width:1120px){[data-surface-root][data-surface=vine] .vine-main{padding-inline-end:clamp(2.25rem,4vw,3rem);padding-bottom:calc(var(--s-player-h) + var(--s-section-gap-sm))}}
.vine-page{display:grid;gap:24px}
.vine-discovery{display:grid;gap:32px}
.vine-discover-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;gap:20px}
.vine-discover-intro>div{flex:20rem;min-width:0}
.vine-discover-intro h1{overflow-wrap:anywhere;margin-block-start:8px;margin-block-end:12px;font-size:clamp(26px,4vw,40px);line-height:1.25}
.vine-discover-intro p{line-height:var(--s-line-normal);max-width:60ch}
.vine-home-search{display:flex;flex-wrap:wrap;align-items: center;gap:12px 20px}
.vine-home-search>:first-child{flex:18rem;min-width:0}
.vine-category-section,.vine-home-catalog{display:grid;gap:16px;min-width:0}
.vine-category-section>h2{margin:0;font-size:clamp(18px,2vw,24px);line-height:1.4}
.vine-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:12px}
.vine-category-tile{display:flex;border:1px solid var(--s-border);border-radius:var(--s-radius-sm);background:var(--s-surface);align-items: center;gap:12px;min-width:0;min-height:88px;padding:16px}
.vine-category-tile>svg{flex-shrink:0}
.vine-category-tile>span{display:grid;overflow-wrap:anywhere;flex:1;gap:4px;min-width:0}
.vine-category-tile strong{font-size:14px;line-height:1.5}
.vine-category-tile small{color:var(--s-text-secondary);font-size:12px;line-height:1.6}
.vine-pagehead{display:grid;gap:.5rem;padding-block-end:var(--s-section-gap-sm)}
.vine-pagehead__title{font-family:var(--s-display-font);font-size:calc(clamp(28px,2.5vw,36px)*var(--zk-ui-scale));line-height:var(--s-line-tight);letter-spacing:-.01em;font-weight:800}
.vine-kicker,.vine-hero__kicker{font-family:var(--s-body-font);font-size:var(--s-kicker);letter-spacing:0;text-transform:none;color:var(--s-accent);margin:0}
.vine-pagehead__lead{color:var(--s-text-secondary);font-size:1.0625rem;line-height:var(--s-line-normal);text-wrap:pretty;max-width:56ch;margin:0}
.vine-section{display:grid;gap:1rem}
.vine-section__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-block-end:.25rem}
.vine-status{font-family:var(--s-body-font);font-size:var(--s-meta-mono);color:var(--s-text-muted);letter-spacing:0;text-transform:none;margin:0}
.vine-notice{border-radius:var(--s-radius-md);background:var(--s-surface);border:1px solid var(--s-danger);color:var(--s-danger);margin:0;padding:.75rem 1rem;font-weight:600}
.vine-explore-sort{display:inline-flex;color:var(--s-text-secondary);font-family:var(--s-body-font);font-size:var(--s-meta-mono);text-transform:none;letter-spacing:0;align-items: center;gap:.5rem}
.vine-explore-sort select{min-height:calc(44px*var(--zk-ui-scale));border:1px solid var(--s-border);background:var(--s-surface);color:var(--s-text);font:inherit;border-radius:8px;padding:0 2.5rem 0 .75rem}
.vine-hero{display:grid;gap:var(--s-section-gap-sm);padding:var(--s-section-gap-sm);background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:none;align-items: center}
@media (min-width:768px){.vine-hero{grid-template-columns:calc(220px*var(--zk-ui-scale))1fr;padding:var(--s-section-gap);gap:var(--s-section-gap)}}
.vine-hero__cover{aspect-ratio:1;border-radius:var(--s-radius-md);overflow:hidden;display:block;background:var(--s-panel);box-shadow:none}
.vine-hero__cover img{object-fit:cover;display:block;width:100%;height:100%}
.vine-hero__copy{display:grid;gap:.75rem}
.vine-hero__title{font-size:var(--s-h2);font-family:var(--s-display-font);color:var(--s-text);font-weight:700}
.vine-hero__title a{color:inherit}
.vine-hero__meta{color:var(--s-text-secondary);margin:0}
.vine-hero__duration{font-family:var(--s-body-font);font-size:var(--s-meta-mono);letter-spacing:0;text-transform:none;color:var(--s-text-muted);margin:0}
.vine-hero__wave{height:calc(64px*var(--zk-ui-scale));border-radius:var(--s-radius-sm);background:var(--s-panel);border:1px solid var(--s-border);overflow:hidden}
.vine-hero__wave canvas{display:block;width:100%;height:100%}
.vine-hero__cta{display:inline-flex;background:var(--s-accent);color:var(--s-accent-contrast);font:inherit;cursor:pointer;min-height:calc(44px*var(--zk-ui-scale));border:0;border-radius:8px;justify-self:start;align-items: center;gap:.5rem;padding:.625rem 1rem;font-weight:700}
.vine-hero__cta:hover{background:var(--s-accent-strong)}
.vine-albums{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0}
@media (min-width:900px){.vine-albums{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vine-album-card{display:grid;background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-md);gap:.5rem;padding:.75rem;transition:transform .18s,box-shadow .18s,border-color .18s}
.vine-album-card:hover{box-shadow:none;border-color:var(--s-border-strong)}
.vine-album-card__cover{position:relative;aspect-ratio:1;border-radius:var(--s-radius-sm);overflow:hidden;display:block;background:var(--s-panel);box-shadow:none}
.vine-album-card__cover img{object-fit:cover;display:block;width:100%;height:100%}
.vine-album-card__play{position:absolute;width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale));background:var(--s-accent);color:var(--s-accent-contrast);display:grid;cursor:pointer;box-shadow:none;border:0;border-radius:8px;place-items: center;bottom:.5rem;right:.5rem}
.vine-album-card__play:hover{background:var(--s-accent-strong)}
.vine-album-card__title{color:var(--s-text);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600}
.vine-album-card__title a{color:inherit}
.vine-album-card__creator{color:var(--s-text-secondary);font-size:.875rem}
.vine-tracks{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}
.vine-track-row{display:grid;grid-template-columns:calc(48px*var(--zk-ui-scale))minmax(0,1fr)calc(44px*var(--zk-ui-scale))calc(44px*var(--zk-ui-scale));border-radius:var(--s-radius-sm);background:var(--s-surface);border:1px solid var(--s-border);align-items: center;gap:.75rem;padding:.625rem;transition:background .18s,border-color .18s}
.vine-track-row:hover{background:var(--s-surface-raised);border-color:var(--s-border-strong)}
@media (min-width:768px){.vine-track-row{grid-template-columns:calc(48px*var(--zk-ui-scale))minmax(0,1fr)calc(44px*var(--zk-ui-scale))calc(44px*var(--zk-ui-scale))}}
.vine-track-row__cover{display:block;width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));aspect-ratio:1;overflow:hidden;background:var(--s-panel);border-radius:6px}
@media (min-width:768px){.vine-track-row__cover{width:calc(56px*var(--zk-ui-scale));height:calc(56px*var(--zk-ui-scale))}}
.vine-track-row__cover img{object-fit:cover;display:block;width:100%;height:100%}
.vine-track-row__body{display:grid;gap:.25rem;min-width:0}
.vine-track-row__title{font-size:inherit;color:var(--s-text);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin:0;font-weight:500}
.vine-track-row__title a{color:inherit}
.vine-track-row__meta{color:var(--s-text-muted);margin:0;font-size:.875rem}
.vine-track-row__duration{font-family:var(--s-body-font);font-size:var(--s-meta-mono);color:var(--s-text-muted);text-transform:none;letter-spacing:0}
.vine-track-row__play{width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale));border:1px solid var(--s-border);background:var(--s-surface-raised);color:var(--s-text);cursor:pointer;display:grid;border-radius:8px;place-items: center}
.vine-track-row__play[aria-pressed=true]{background:var(--s-accent);color:var(--s-accent-contrast);border-color:var(--s-accent)}
.vine-wave{display:block;border-radius:var(--s-radius-sm);width:100%}
.vine-wave--flat{background:var(--s-panel);border:1px solid var(--s-border);position:relative}
.vine-wave__flat{position:absolute;background:var(--s-text-muted);border-radius:1px;height:2px;top:50%;bottom:50%;left:0;right:0;transform:translateY(-50%)}
.vine-wave__bar{fill:var(--s-text-muted)}
.vine-wave__bar.is-played{fill:var(--s-accent)}
.vine-idols{list-style:none;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin:0;margin-inline-start:-.25rem;margin-inline-end:-.25rem;padding:0;padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-start:.25rem;padding-inline-end:.25rem}
.vine-idol-card{scroll-snap-align:start;display:grid;background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-md);flex:0 0 160px;gap:.5rem;padding:.75rem;transition:transform .18s,border-color .18s}
.vine-idol-card:hover{border-color:var(--s-border-strong)}
.vine-idol-card__cover{display:block;aspect-ratio:1;border-radius:var(--s-radius-sm);overflow:hidden;background:var(--s-panel)}
.vine-idol-card__cover img{object-fit:cover;display:block;width:100%;height:100%}
.vine-idol-card__name{font-size:inherit;color:var(--s-text);margin:0;font-weight:600}
.vine-idol-card__name a{color:inherit}
.vine-idol-card__handle{color:var(--s-text-muted);font-size:.875rem}
.vine-rack{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0}
@media (min-width:900px){.vine-rack{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vine-asset-card{display:grid;background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-md);gap:.5rem;padding:.75rem}
.vine-asset-card__face{display:block;aspect-ratio:1;border-radius:var(--s-radius-sm);overflow:hidden;background:var(--s-panel)}
.vine-asset-card__face img{object-fit:cover;display:block;width:100%;height:100%}
.vine-asset-card__title{font-size:calc(15px*var(--zk-ui-scale));font-weight:600}
.vine-asset-card__creator{color:var(--s-text-secondary);margin:0;font-size:.875rem}
.vine-license{display:inline-flex;background:var(--s-accent-soft);color:var(--s-accent);font-family:var(--s-body-font);font-size:var(--s-meta-mono);letter-spacing:0;text-transform:none;border-radius:8px;align-items: center;padding:.125rem .5rem}
.vine-empty{display:grid;text-align:center;padding:var(--s-section-gap);background:var(--s-surface);border:1px dashed var(--s-border-strong);border-radius:var(--s-radius-lg);color:var(--s-text-secondary);justify-items:center;gap:.75rem}
.vine-empty__title{font-size:var(--s-h2);font-family:var(--s-display-font);color:var(--s-text)}
.vine-empty__desc{max-width:48ch;margin:0}
.vine-empty__cta{display:inline-flex;min-height:calc(44px*var(--zk-ui-scale));background:var(--s-accent);color:var(--s-accent-contrast);border-radius:8px;align-items: center;padding:.625rem 1.25rem;font-weight:700}
.vine-empty__cta:hover{background:var(--s-accent-strong)}
.vine-mini-player{position:fixed;inset-inline:calc(var(--social-sidebar,0px) + 20px)20px;background:var(--s-glass);backdrop-filter:saturate(160%)blur(20px);-webkit-backdrop-filter:saturate(160%)blur(20px);border:1px solid var(--s-border);box-shadow:none;display:grid;grid-template-columns:auto 1fr auto;min-height:var(--s-player-h);z-index:60;border-radius:8px;align-items: center;gap:.75rem;padding:.5rem clamp(.75rem,2vw,1.5rem);bottom:16px}
@media (min-width:768px){.vine-mini-player{grid-template-columns:calc(48px*var(--zk-ui-scale))minmax(calc(100px*var(--zk-ui-scale)),1fr)minmax(calc(80px*var(--zk-ui-scale)),1fr)auto auto;gap:1rem}}
@media (min-width:1120px){.vine-mini-player{padding-block-end:calc(.5rem + env(safe-area-inset-bottom,0px));bottom:16px}}
.vine-mini-player--idle{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;pointer-events:none;background:0 0;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;inset:auto}
.vine-mini-player__queue{grid-column:1/-1;overflow:auto;border-top:1px solid var(--s-border);max-height:min(40vh,18rem);padding-top:.5rem}
.vine-mini-player__queue-list{list-style:none;display:grid;gap:.25rem;margin:0;padding:0}
.vine-mini-player__queue-item{display:flex;align-items: center;gap:.5rem}
.vine-mini-player__queue-play{min-height:calc(44px*var(--zk-ui-scale));text-align:start;color:var(--s-text);font:inherit;cursor:pointer;border-radius:var(--s-radius-sm);background:0 0;border:0;flex:1;padding:.375rem .5rem}
.vine-mini-player__queue-play[aria-current=true]{background:var(--s-accent-soft);color:var(--s-accent);font-weight:700}
.vine-mini-player__queue-artist{color:var(--s-text-secondary);font-weight:400}
.vine-mini-player__queue-remove{width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale));color:var(--s-text-secondary);cursor:pointer;background:0 0;border:0;font-size:1.25rem;line-height:1}
.vine-mini-player__queue-empty{color:var(--s-text-secondary);margin:0;padding:.5rem}
.vine-mini-player__cover{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));border-radius:var(--s-radius-sm);overflow:hidden;background:var(--s-panel);display:block}
@media (min-width:768px){.vine-mini-player__cover{width:calc(56px*var(--zk-ui-scale));height:calc(56px*var(--zk-ui-scale))}}
.vine-mini-player__cover img,.vine-mini-player__cover-fallback{object-fit:cover;display:block;width:100%;height:100%}
.vine-mini-player__meta{display:grid;gap:.125rem;min-width:0}
.vine-mini-player__title{color:var(--s-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.vine-mini-player__artist{color:var(--s-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem}
.vine-mini-player__transport{display:none}
@media (min-width:768px){.vine-mini-player__transport{display:grid;gap:.25rem;min-width:0}}
.vine-mini-player__progress{appearance:none;background:var(--s-surface);cursor:pointer;border:0;border-radius:8px;width:100%;height:4px}
.vine-mini-player__progress::-webkit-slider-thumb{appearance:none;background:var(--s-accent);border:0;border-radius:50%;width:12px;height:12px}
.vine-mini-player__progress::-moz-range-thumb{background:var(--s-accent);border:0;border-radius:50%;width:12px;height:12px}
.vine-mini-player__time{display:flex;font-family:var(--s-body-font);font-size:var(--s-meta-mono);letter-spacing:0;color:var(--s-text-muted);text-transform:none;justify-content:space-between}
.vine-mini-player__controls{display:flex;align-items: center;gap:.25rem}
.vine-mini-player__btn{color:var(--s-text);width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale));display:grid;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items: center}
.vine-mini-player__btn:hover:not(:disabled){background:var(--s-accent-soft)}
.vine-mini-player__btn:disabled{opacity:.4;cursor:not-allowed}
.vine-mini-player__btn.is-active{background:var(--s-accent-soft);color:var(--s-accent)}
.vine-mini-player__btn--primary{background:var(--s-accent);color:var(--s-accent-contrast);width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale))}
.vine-mini-player__btn--primary:hover:not(:disabled){background:var(--s-accent-strong)}
.vine-mini-player__volume{display:none;align-items: center;gap:.25rem}
@media (min-width:768px){.vine-mini-player__volume{display:flex}}
.vine-mini-player__volume-slider{width:calc(88px*var(--zk-ui-scale));appearance:none;background:var(--s-surface);cursor:pointer;border:0;border-radius:8px;height:4px}
.vine-mini-player__volume-slider::-webkit-slider-thumb{appearance:none;background:var(--s-accent);border:0;border-radius:50%;width:10px;height:10px}
.vine-mini-player__volume-slider::-moz-range-thumb{background:var(--s-accent);border:0;border-radius:50%;width:10px;height:10px}
.vine-stage__canvas{display:block;width:100%;height:100%}
[data-surface=vine] .skip-link{position:absolute;background:var(--s-accent);color:var(--s-accent-contrast);z-index:1000;border-radius:var(--s-radius-sm);padding:.5rem 1rem;font-weight:700;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:1rem}
[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:1rem}
[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:1rem}
[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:1rem}
[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:1rem}
[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:1rem}
[data-surface=vine] .skip-link:focus-visible{top:1rem}
[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}
@media (prefers-reduced-motion:reduce){.vine-album-card,.vine-idol-card,.vine-track-row,.vine-asset-card{transition:none!important}.vine-mini-player{backdrop-filter:none;-webkit-backdrop-filter:none}}
.vine-track-detail{display:grid;gap:var(--s-section-gap);padding-block:var(--s-section-gap-sm)}
.vine-track-detail__hero{display:grid;gap:var(--s-section-gap);grid-template-columns:1fr}
@media (min-width:768px){.vine-track-detail__hero{grid-template-columns:calc(180px*var(--zk-ui-scale))minmax(0,1fr);align-items: center}}
.vine-track-detail__cover{aspect-ratio:1;border-radius:var(--s-radius-md);overflow:hidden;background:var(--s-panel)}
.vine-track-detail__cover img{object-fit:cover;display:block;width:100%;height:100%}
.vine-track-detail__title{font-family:var(--s-display-font);font-size:calc(clamp(28px,2.5vw,36px)*var(--zk-ui-scale));color:var(--s-text);margin:0;line-height:1.1}
.vine-track-detail__creator{color:var(--s-text-secondary);margin:.25rem 0 0}
.vine-track-detail__meta{display:flex;font-family:var(--s-body-font);font-size:var(--s-meta-mono);text-transform:none;letter-spacing:0;color:var(--s-text-muted);flex-wrap:wrap;gap:1rem;margin:.75rem 0 0;padding:0}
.vine-track-detail__meta-item{display:inline-flex;align-items: center;gap:.25rem}
.vine-track-detail__meta dt{margin:0}
.vine-track-detail__meta dd{color:var(--s-text);margin:0}
.vine-track-detail__player{display:grid;background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);gap:.75rem;padding:1rem}
.vine-track-detail__actions{display:flex;flex-wrap:wrap;gap:.5rem}
.vine-track-detail__btn{cursor:pointer;min-height:calc(40px*var(--zk-ui-scale));border:1px solid var(--s-border);background:var(--s-surface-raised);color:var(--s-text);font:inherit;border-radius:8px;padding:.5rem 1rem}
.vine-track-detail__btn--primary{background:var(--s-accent);color:var(--s-accent-contrast);border-color:var(--s-accent);font-weight:600}
.vine-track-detail__btn[disabled]{opacity:.5;cursor:not-allowed}
.vine-track-detail__tabs{display:flex;border-bottom:1px solid var(--s-border);flex-wrap:wrap;gap:.5rem}
.vine-track-detail__tab-btn{color:var(--s-text-secondary);cursor:pointer;min-height:calc(44px*var(--zk-ui-scale));font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;padding:.75rem 1rem}
.vine-track-detail__tab-btn[aria-selected=true]{color:var(--s-accent);border-bottom-color:var(--s-accent);font-weight:600}
.vine-track-detail__tab-panel{padding-block-start:0;padding-block-end:0}
.vine-track-detail__tab-panel[hidden]{display:none}
.vine-track-detail__lyrics{white-space:pre-wrap;font-family:var(--s-body-font);color:var(--s-text);margin:0;line-height:1.7}
.vine-license-block{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-md);display:grid;gap:.5rem;padding:1rem}
.vine-license-block__type{color:var(--s-text);margin:0;font-weight:600}
.vine-license-block__attr{color:var(--s-text-secondary);margin:0;font-size:.875rem}
.vine-license-block__link{color:var(--s-accent);word-break:break-all}
.vine-idol-profile{display:grid;gap:var(--s-section-gap);padding-block:var(--s-section-gap)}
.vine-idol-profile__hero{display:grid;gap:var(--s-section-gap);grid-template-columns:1fr;align-items: center}
@media (min-width:768px){.vine-idol-profile__hero{grid-template-columns:calc(160px*var(--zk-ui-scale))1fr}}
.vine-idol-profile__avatar{aspect-ratio:1;overflow:hidden;width:calc(160px*var(--zk-ui-scale));height:calc(160px*var(--zk-ui-scale));background:var(--s-panel);border-radius:50%}
.vine-idol-profile__avatar img{object-fit:cover;display:block;width:100%;height:100%}
.vine-idol-profile__name{font-family:var(--s-display-font);font-size:calc(clamp(28px,2.5vw,36px)*var(--zk-ui-scale));color:var(--s-text);margin:0}
.vine-idol-profile__handle{color:var(--s-text-secondary);font-family:var(--s-body-font);margin:0}
.vine-idol-profile__bio{color:var(--s-text-secondary);max-width:60ch;margin:0;line-height:1.6}
.vine-idol-profile__follow-btn{background:var(--s-accent);color:var(--s-accent-contrast);cursor:pointer;min-height:calc(40px*var(--zk-ui-scale));font-weight:600;font:inherit;border:0;border-radius:8px;margin-top:.5rem;padding:.5rem 1.5rem}
.vine-idol-profile__follow-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.vine-idol-discography__group{margin-block:var(--s-section-gap-sm)}
.vine-idol-discography h3{font-family:var(--s-display-font);margin:0 0 .5rem}
.vine-upload{display:grid;gap:var(--s-section-gap);padding-block:var(--s-section-gap);max-width:calc(720px*var(--zk-ui-scale));margin:0 auto}
.vine-upload__title{font-family:var(--s-display-font);font-size:calc(clamp(28px,2.5vw,36px)*var(--zk-ui-scale));color:var(--s-text);margin:0}
.vine-upload__dropzone{border:2px dashed var(--s-border-strong);border-radius:var(--s-radius-lg);padding:var(--s-section-gap);text-align:center;color:var(--s-text-secondary);cursor:pointer;min-height:calc(160px*var(--zk-ui-scale));display:grid;background:var(--s-surface);place-items: center;gap:.25rem}
.vine-upload__dropzone:hover,.vine-upload__dropzone:focus-within{border-color:var(--s-accent);color:var(--s-accent)}
.vine-upload__dropzone label{display:grid;cursor:pointer;gap:.25rem;width:100%}
.vine-upload__dropzone[data-active=true]{border-color:var(--s-accent);color:var(--s-accent);background:var(--s-accent-soft)}
.vine-upload__hint{color:var(--s-text-muted);margin:0;font-size:.875rem}
.vine-upload__files{list-style:none;display:grid;gap:var(--s-section-gap-sm);margin:0;padding:0}
.vine-upload__file-card{background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-md);display:grid;gap:.75rem;padding:1rem}
.vine-upload__file-head{display:flex;justify-content:space-between;align-items: center;gap:1rem}
.vine-upload__file-name{color:var(--s-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.vine-upload__file-size{color:var(--s-text-muted);font-family:var(--s-body-font);font-size:var(--s-meta-mono);text-transform:none;letter-spacing:0}
.vine-upload__field{display:grid;gap:.5rem}
.vine-upload__field-label{color:var(--s-text);margin:0;font-weight:500}
.vine-upload__field label{color:var(--s-text);font-weight:500}
.vine-upload__field input,.vine-upload__field textarea,.vine-upload__field select{background:var(--s-surface-raised);color:var(--s-text);border:1px solid var(--s-border);border-radius:var(--s-radius-md);font:inherit;width:100%;padding:.5rem .75rem}
.vine-upload__field--required label{font-weight:500}
.vine-upload__required{color:var(--s-danger)}
.vine-upload__field-error{color:var(--s-danger);margin:-.25rem 0 0;font-size:.875rem}
.vine-upload__progress{background:var(--s-border);overflow:hidden;border-radius:2px;height:4px}
.vine-upload__progress-bar{background:var(--s-accent);display:block;height:100%;transition:width .2s}
.vine-upload__submit{background:var(--s-accent);color:var(--s-accent-contrast);cursor:pointer;min-height:calc(44px*var(--zk-ui-scale));font-weight:600;font:inherit;border:0;border-radius:8px;padding:.625rem 1.5rem}
.vine-upload__submit[disabled]{opacity:.5;cursor:not-allowed}
.vine-upload__remove{color:var(--s-text-secondary);border:1px solid var(--s-border);cursor:pointer;font:inherit;min-height:calc(36px*var(--zk-ui-scale));background:0 0;border-radius:8px;padding:.375rem .75rem}
.vine-upload__status{color:var(--s-text-secondary);font-family:var(--s-body-font);font-size:var(--s-meta-mono)}
.vine-upload__audio-preview{width:100%}
.vine-upload__image-preview{max-width:calc(200px*var(--zk-ui-scale));border-radius:var(--s-radius-sm);display:block}
.vine-upload__suggestion-wrap{position:relative;display:inline-block}
.vine-upload__suggestion{display:inline-flex;background:var(--s-accent-soft);color:var(--s-accent);border-radius:8px;align-items: center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem}
.vine-upload__suggestion button{color:inherit;cursor:pointer;text-decoration:underline;font:inherit;background:0 0;border:0}
.vine-upload__type-list{position:absolute;background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-md);list-style:none;display:grid;min-width:calc(180px*var(--zk-ui-scale));z-index:10;gap:.125rem;margin:0;padding:.25rem;top:calc(100% + .25rem)}
.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}
.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}
.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}
.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}
.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}
.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}
.vine-upload__type-list button{color:var(--s-text);cursor:pointer;font:inherit;text-align:start;border-radius:var(--s-radius-sm);background:0 0;border:0;width:100%;padding:.5rem .75rem}
.vine-upload__type-list button:hover{background:var(--s-accent-soft)}
.vine-upload__visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0}
.vine-license-picker{display:grid;gap:.5rem}
.vine-license-picker__option{display:grid;border:1px solid var(--s-border);border-radius:var(--s-radius-md);cursor:pointer;min-height:calc(56px*var(--zk-ui-scale));gap:.25rem;padding:.75rem}
.vine-license-picker__option.is-selected{border-color:var(--s-accent);background:var(--s-accent-soft)}
.vine-license-picker__option:focus-within{outline:2px solid var(--s-focus);outline-offset:2px}
.vine-license-picker__option-name{color:var(--s-text);font-weight:600}
.vine-license-picker__option-desc{color:var(--s-text-secondary);font-size:.875rem}
.vine-asset-preview{display:grid;background:var(--s-surface);border:1px solid var(--s-border);border-radius:var(--s-radius-md);gap:.5rem;padding:.75rem}
.vine-asset-preview__cover{aspect-ratio:1;border-radius:var(--s-radius-sm);overflow:hidden;background:var(--s-panel)}
.vine-asset-preview__cover img{object-fit:cover;display:block;width:100%;height:100%}
.vine-asset-preview__title{color:var(--s-text);font-weight:600;font-size:calc(15px*var(--zk-ui-scale));margin:0}
.vine-asset-preview__title a{color:inherit}
.vine-asset-preview__creator{color:var(--s-text-secondary);margin:0;font-size:.875rem}
.vine-asset-preview__meta{display:flex;font-family:var(--s-body-font);font-size:var(--s-meta-mono);text-transform:none;letter-spacing:0;color:var(--s-text-muted);flex-wrap:wrap;align-items: center;gap:.5rem}
.vine-asset-preview__license{background:var(--s-accent-soft);color:var(--s-accent);font-family:var(--s-body-font);text-transform:none;letter-spacing:0;border-radius:8px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}
.vine-asset-preview__demo{display:flex;align-items: center;gap:.5rem}
.vine-asset-preview__audio{display:none}
.vine-asset-preview__play-btn{border:1px solid var(--s-border);color:var(--s-text);cursor:pointer;min-height:calc(36px*var(--zk-ui-scale));font-size:.875rem;font:inherit;background:0 0;border-radius:8px;padding:.375rem .75rem}
.vine-asset-preview__play-btn[aria-pressed=true]{background:var(--s-accent);color:var(--s-accent-contrast);border-color:var(--s-accent)}
.vine-assets-controls{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem}
.vine-assets-controls select{background:var(--s-surface-raised);color:var(--s-text);border:1px solid var(--s-border);border-radius:var(--s-radius-md);min-height:calc(40px*var(--zk-ui-scale));font:inherit;padding:.5rem .75rem}
.vine-assets-controls__count{color:var(--s-text-muted);font-family:var(--s-body-font);font-size:var(--s-meta-mono);text-transform:none;letter-spacing:0;margin:0}
@media (prefers-reduced-motion:reduce){.vine-upload__progress-bar{transition:none!important}.vine-album-card,.vine-idol-card,.vine-track-row{transition:none}.vine-album-card:hover,.vine-idol-card:hover{transform:none}}
[data-surface-root][data-surface=vine]{--s-section-gap:28px;--s-section-gap-sm:20px;--s-radius-sm:8px;--s-radius-md:12px;--s-radius-lg:12px}
[data-surface=vine] :-webkit-any(h1,h2,h3,p){overflow-wrap:anywhere}
[data-surface=vine] :-moz-any(h1,h2,h3,p){overflow-wrap:anywhere}
[data-surface=vine] :is(h1,h2,h3,p){overflow-wrap:anywhere}
[data-surface=vine] .vine-main{padding-inline-start:28px;padding-inline-end:28px}
.vine-section__head h2,.vine-track-detail>section>h2,.vine-idol-profile>section>h2{font-size:calc(20px*var(--zk-ui-scale));letter-spacing:-.025em;margin:0;font-weight:700}
.vine-section__head{align-items: center;padding:0}
.vine-section__link{display:inline-flex;font-size:calc(13px*var(--zk-ui-scale));align-items: center;gap:5px;color:var(--s-text-secondary)!important}
.vine-section__link:hover{color:var(--s-accent)!important}
.vine-action{display:inline-flex;min-height:calc(42px*var(--zk-ui-scale));border:1px solid var(--s-border);background:var(--s-surface);font-size:calc(13px*var(--zk-ui-scale));white-space:nowrap;border-radius:8px;justify-content:center;align-items: center;gap:7px;padding:10px 14px;font-weight:600}
[data-surface=vine] main .vine-action--primary{color:var(--s-accent-contrast);background:var(--s-accent);border-color:var(--s-accent)}
[data-surface=vine] main .vine-action--primary:hover{background:var(--s-accent-strong)}
.vine-discovery-controls{display:flex;justify-content:space-between;align-items: center;gap:16px}
.vine-discovery-controls>:first-child{flex:1;min-width:0}
.vine-sort-tabs{display:flex;background:var(--s-surface);border:1px solid var(--s-border);border-radius:8px;flex-shrink:0;gap:2px;padding:3px}
.vine-sort-tabs button{min-height:max(44px,calc(44px*var(--zk-ui-scale)));color:var(--s-text-secondary);font:inherit;font-size:calc(13px*var(--zk-ui-scale));cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 13px}
.vine-sort-tabs button[aria-pressed=true]{background:var(--s-accent-soft);color:var(--s-text);font-weight:600}
.vine-search-controls{display:flex;align-items: center;gap:12px}
.vine-search-controls>:first-child{flex:1;min-width:0}
.vine-assets-controls>form{min-width:min(100%,calc(220px*var(--zk-ui-scale)));flex:1}
.vine-search-controls input,.vine-assets-controls input{min-height:calc(44px*var(--zk-ui-scale))}
.vine-pagehead{padding:0}
.vine-pagehead__lead{font-size:calc(14px*var(--zk-ui-scale))}
.vine-kicker{color:var(--s-text-secondary);font-size:calc(12px*var(--zk-ui-scale));font-weight:600}
.vine-albums{gap:18px}
.vine-album-card{box-shadow:none;align-content: start;gap:7px;min-width:0;padding:10px}
.vine-album-card__cover{box-shadow:none}
.vine-album-card__cover-link{display:block;width:100%;height:100%}
.vine-album-card__title{font-size:calc(14px*var(--zk-ui-scale));font-weight:650;line-height:1.45}
.vine-album-card__creator{font-size:calc(12px*var(--zk-ui-scale));margin:0}
[data-surface=vine] main .vine-album-card__creator a{color:var(--s-text-secondary)}
.vine-album-card__play{width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale));box-shadow:none;border-radius:50%}
.vine-album-card__meta{display:flex;color:var(--s-text-muted);font-size:calc(12px*var(--zk-ui-scale));align-items: center;gap:6px;margin:2px 0 0}
.vine-album-card__meta svg{flex-shrink:0}
.vine-tracks{overflow:hidden;border:1px solid var(--s-border);background:var(--s-surface);border-radius:8px;gap:0}
.vine-track-row{border:0;border-radius:0;gap:12px;padding:12px}
.vine-track-row+.vine-track-row{border-top:1px solid var(--s-border)}
.vine-track-row[data-playing=true]{background:var(--s-accent-soft)}
.vine-track-row__cover{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale))}
.vine-track-row__meta{font-size:calc(12px*var(--zk-ui-scale))}
.vine-track-row__title{font-size:calc(14px*var(--zk-ui-scale));font-weight:600}
.vine-track-row__duration{text-align:end;font-variant-numeric:tabular-nums;font-size:calc(12px*var(--zk-ui-scale))}
.vine-track-row__body>.vine-wave{max-width:calc(360px*var(--zk-ui-scale));margin-top:5px}
.vine-idol-card{min-width:0;padding:10px}
.vine-idol-card__handle{font-size:calc(12px*var(--zk-ui-scale));margin:0}
.vine-asset-preview{align-content: start;min-width:0;height:100%;padding:10px}
.vine-asset-preview__meta{font-size:calc(12px*var(--zk-ui-scale))}
.vine-asset-preview__demo{margin-top:5px}
.vine-asset-preview__play-btn{min-height:calc(40px*var(--zk-ui-scale));width:100%}
.vine-track-detail{gap:24px;padding:0}
.vine-track-detail__hero{border:1px solid var(--s-border);background:var(--s-surface);border-radius:8px;padding:20px}
.vine-track-detail__cover{max-width:calc(180px*var(--zk-ui-scale));width:100%}
.vine-track-detail__title{letter-spacing:-.035em;line-height:1.2}
.vine-track-detail__hero-text{min-width:0}
.vine-track-detail__creator{font-size:calc(14px*var(--zk-ui-scale));line-height:1.65}
.vine-track-detail__description{font-size:calc(14px*var(--zk-ui-scale));color:var(--s-text-secondary);white-space:pre-wrap;margin:0;line-height:1.75}
.vine-track-detail__meta{font-size:calc(12px*var(--zk-ui-scale));gap:8px 16px}
.vine-track-detail__player{padding:16px}
.vine-track-detail>section>h2{margin-bottom:16px}
.vine-track-detail__breadcrumbs{font-size:calc(13px*var(--zk-ui-scale));color:var(--s-text-secondary)}
.vine-track-detail__actions{margin-top:4px}
.vine-track-detail__btn{font-size:calc(13px*var(--zk-ui-scale));min-height:calc(42px*var(--zk-ui-scale))}
.vine-track-detail__tab-btn{font-size:calc(14px*var(--zk-ui-scale));padding:10px 14px}
.vine-idol-profile{gap:28px;padding:0}
.vine-idol-profile__hero{background:var(--s-surface);border:1px solid var(--s-border);border-radius:8px;padding:24px}
.vine-idol-profile__hero-text{display:grid;gap:8px}
.vine-idol-profile__handle{font-size:calc(13px*var(--zk-ui-scale))}
.vine-idol-profile__bio{font-size:calc(14px*var(--zk-ui-scale))}
.vine-idol-profile__count{color:var(--s-text-muted);font-size:calc(12px*var(--zk-ui-scale));margin:0}
.vine-upload{max-width:calc(840px*var(--zk-ui-scale));gap:24px;width:100%;padding:0}
.vine-upload__header{display:grid;gap:10px}
.vine-upload__header p{color:var(--s-text-secondary);font-size:calc(14px*var(--zk-ui-scale));margin:0}
.vine-upload__dropzone{min-height:calc(210px*var(--zk-ui-scale));border-width:1px;align-content: center;gap:10px;padding:28px}
.vine-upload__dropzone>svg{color:var(--s-accent);margin-bottom:8px}
.vine-upload__dropzone>span:first-of-type{color:var(--s-text);font-weight:600}
.vine-upload__hint{font-size:calc(12px*var(--zk-ui-scale));line-height:1.6}
.vine-upload__file-card{gap:18px;padding:20px}
.vine-upload__field input,.vine-upload__field select,.vine-upload__field textarea{min-height:calc(42px*var(--zk-ui-scale));font-size:calc(14px*var(--zk-ui-scale));box-sizing:border-box;border-radius:8px}
.vine-upload__field label{font-size:calc(13px*var(--zk-ui-scale))}
.vine-upload__actions{display:flex;border-top:1px solid var(--s-border);justify-content:flex-end;padding-top:16px}
.vine-upload__submit{min-width:calc(140px*var(--zk-ui-scale))}
.vine-upload__remove{font-size:calc(12px*var(--zk-ui-scale));justify-self:start}
.vine-upload__audio-preview{position:static;height:calc(42px*var(--zk-ui-scale));width:100%}
.vine-license-picker{border:0;margin:0;padding:0}
.vine-mini-player{min-height:calc(72px*var(--zk-ui-scale));background:var(--s-surface);box-sizing:border-box;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:45;gap:12px}
.vine-mini-player__cover{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale))}
.vine-mini-player__title{font-size:calc(13px*var(--zk-ui-scale));text-decoration:none}
.vine-mini-player__artist{font-size:calc(12px*var(--zk-ui-scale))}
.vine-mini-player__time{font-size:calc(12px*var(--zk-ui-scale));font-variant-numeric:tabular-nums}
.vine-mini-player__btn{width:calc(34px*var(--zk-ui-scale));height:calc(38px*var(--zk-ui-scale))}
.vine-mini-player__btn--primary{width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale));border-radius:50%}
.vine-mini-player__volume-slider{width:calc(64px*var(--zk-ui-scale))}
.vine-mini-player__error{grid-column:1/-1;color:var(--s-danger);font-size:calc(12px*var(--zk-ui-scale));margin:0}
.vine-mini-player--idle{display:none}
@media (min-width:1400px){.vine-albums,.vine-rack{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1100px){.vine-mini-player__volume{display:none}.vine-mini-player{grid-template-columns:calc(48px*var(--zk-ui-scale))minmax(calc(100px*var(--zk-ui-scale)),1fr)minmax(calc(80px*var(--zk-ui-scale)),1fr)auto}}
@media (max-width:1023px){[data-surface-root][data-surface=vine] .vine-main{padding:24px 24px 156px}.vine-mini-player{bottom:calc(var(--social-dock,64px) + env(safe-area-inset-bottom,0px) + 8px);left:12px;right:12px}}
@media (max-width:767px){[data-surface-root][data-surface=vine] .vine-main{padding:20px 16px 160px}.vine-page{gap:20px}.vine-discovery{gap:26px}.vine-discovery-controls{display:grid;gap:12px}.vine-sort-tabs{justify-self:start}.vine-search-controls{gap:8px}.vine-albums,.vine-rack{gap:12px}.vine-album-card{padding:8px}.vine-album-card__play{width:calc(36px*var(--zk-ui-scale));height:calc(36px*var(--zk-ui-scale))}.vine-section__head h2{font-size:calc(18px*var(--zk-ui-scale))}.vine-track-row{grid-template-columns:calc(44px*var(--zk-ui-scale))minmax(0,1fr)calc(40px*var(--zk-ui-scale));gap:10px;padding:10px}.vine-track-row__cover{width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale))}.vine-track-row__duration,.vine-track-row__body>.vine-wave{display:none}.vine-track-row__play{width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale))}.vine-track-detail__hero{grid-template-columns:calc(100px*var(--zk-ui-scale))minmax(0,1fr);align-items: center;gap:16px;padding:16px}.vine-track-detail__title{font-size:calc(24px*var(--zk-ui-scale))}.vine-track-detail__meta{gap:5px 10px}.vine-idol-profile__hero{grid-template-columns:calc(80px*var(--zk-ui-scale))minmax(0,1fr);align-items: start;gap:16px;padding:16px}.vine-idol-profile__avatar{width:calc(80px*var(--zk-ui-scale));height:calc(80px*var(--zk-ui-scale))}.vine-idol-profile__name{font-size:calc(26px*var(--zk-ui-scale))}.vine-upload__dropzone{min-height:calc(190px*var(--zk-ui-scale));padding:20px}.vine-upload__file-card{padding:16px}.vine-mini-player{grid-template-columns:calc(40px*var(--zk-ui-scale))minmax(0,1fr)auto;min-height:calc(64px*var(--zk-ui-scale));gap:8px;padding:10px}.vine-mini-player__cover{width:calc(40px*var(--zk-ui-scale));height:calc(40px*var(--zk-ui-scale))}.vine-mini-player__transport{display:none}.vine-mini-player__controls{gap:0}.vine-mini-player__btn--secondary{display:none}.vine-mini-player__btn{width:calc(32px*var(--zk-ui-scale))}.vine-mini-player__btn--primary{width:calc(38px*var(--zk-ui-scale));height:calc(38px*var(--zk-ui-scale))}}
.vine-load-more{display:flex;justify-content:center;padding-block-start:8px;padding-block-end:8px}
.vine-load-more .vine-action{min-width:calc(160px*var(--zk-ui-scale));color:var(--s-text);font:inherit;font-size:calc(13px*var(--zk-ui-scale));cursor:pointer}
.vine-load-more .vine-action:disabled,.vine-track-row__play:disabled{opacity:.45;cursor:default}
[data-family=creative] [data-surface-root][data-surface=vine] .vine-main{max-width:none;padding-inline-start:0;padding-inline-end:0}
.vine-page{grid-template-columns:minmax(0,1fr);min-width:0}
.vine-page>*{min-width:0}
.vine-search-controls input{width:100%;min-width:0}
[data-surface-root][data-surface=vine]{--s-radius-pill:8px;--s-h2:1.125rem}
@media (max-width:767px){.vine-discovery-controls [role=radiogroup]{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;margin:-2px;padding:2px 2px 6px}.vine-discovery-controls [role=radio]{white-space:nowrap;flex-shrink:0}.vine-sort-tabs button,.vine-action,.vine-asset-preview__play-btn{min-height:calc(44px*var(--zk-ui-scale))}.vine-sort-tabs{justify-self:stretch}.vine-sort-tabs button{flex:1}.vine-album-card__play,.vine-track-row__play{width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale))}.vine-track-row{grid-template-columns:calc(44px*var(--zk-ui-scale))minmax(0,1fr)calc(44px*var(--zk-ui-scale))}.vine-mini-player__btn,.vine-mini-player__btn--primary{width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale));min-width:calc(44px*var(--zk-ui-scale))}.vine-mini-player__controls{gap:2px}}
@media (max-width:1023px){[data-surface-root][data-surface=vine] .vine-main{padding-bottom:24px}[data-surface-root][data-surface=vine]:has(.vine-mini-player:not(.vine-mini-player--idle)) .vine-main{padding-bottom:104px}}
@media (max-width:639px){.vine-page>header .vine-action--primary{display:none}}
@media (pointer:coarse){html .vine-action,html .vine-explore-sort select{min-height:var(--zk-touch)}:is(.vine-section__link,.vine-album-card__title a,.vine-album-card__creator a){position:relative}:is(.vine-section__link,.vine-album-card__title a,.vine-album-card__creator a):after{content:"";position:absolute;inset:min(0px,calc((100% - var(--zk-touch))/2))}}
.studio-shell--aist.aist-shell{--studio-cyan:var(--zk-accent-fg);--studio-ink:var(--zk-text);--aist-ink:var(--zk-text);--aist-muted:var(--zk-text-2);--aist-line:var(--zk-line);--aist-panel:var(--zk-bg);--aist-rail:var(--zk-surface);--aist-surface:var(--zk-surface);--aist-surface-raised:var(--zk-surface-2);--aist-accent:var(--zk-accent-fg);--aist-accent-strong:color-mix(in srgb,var(--zk-accent-fg)84%,var(--zk-bg));--aist-wash:var(--zk-accent-soft);--aist-on-accent:var(--zk-on-accent-fg);--aist-warn:var(--zk-warning);--aist-radius:var(--zk-radius-control);--aist-radius-sm:var(--zk-radius-xs);--aist-safe-bottom:env(safe-area-inset-bottom,0px);--aist-bottomnav-h:calc(56px + var(--aist-safe-bottom));--aist-topbar-h:var(--zk-header-h);--neon-canvas:var(--aist-panel);--neon-surface:var(--aist-surface);--neon-surface-muted:var(--aist-surface-raised);--neon-solid:var(--aist-surface);--neon-glass:color-mix(in srgb,var(--aist-rail)92%,transparent);--neon-dynamic:var(--aist-surface);--neon-text-primary:var(--aist-ink);--neon-text-secondary:var(--aist-muted);--neon-text-muted:var(--aist-muted);--neon-text-on-accent:var(--aist-on-accent);--neon-border-subtle:var(--aist-line);--neon-border-strong:var(--family-border-strong,var(--aist-line));--neon-border-glass:var(--aist-line);--neon-accent:var(--aist-accent);--neon-accent-soft:var(--aist-wash);--neon-accent-hover:var(--aist-accent-strong);--neon-focus-color:var(--aist-accent);--neon-color-bg:var(--aist-panel);--neon-color-fg:var(--aist-ink);--neon-color-fg-dim:var(--aist-muted);--neon-color-brand:var(--aist-accent);--neon-color-border:var(--aist-line);--neon-color-border-strong:var(--aist-line);--neon-color-divider:var(--aist-line);--neon-color-surface:var(--aist-surface);--neon-color-surface-muted:var(--aist-surface-raised);--neon-radius-pill:999px;--neon-radius-sm:var(--aist-radius-sm);--neon-radius-lg:var(--aist-radius);--neon-radius-card:var(--aist-radius);--neon-shadow-sm:none;--neon-shadow-lg:none;--neon-elevation-card:none;--neon-elevation-overlay:none;--bg-primary:var(--aist-panel);--bg-secondary:var(--aist-surface);--bg-card:var(--aist-surface);--text-primary:var(--aist-ink);--text-secondary:var(--aist-muted);--text-muted:var(--aist-muted);--text-link:var(--aist-accent);--border-primary:var(--aist-line);--color-cyan:var(--aist-accent);color-scheme:normal;isolation:isolate;display:grid;grid-template-columns:calc(208px*var(--zk-ui-scale))minmax(0,1fr);grid-template-rows:minmax(0,1fr);color:var(--aist-ink);background:var(--aist-panel);align-items:stretch;gap:0;width:100%;max-width:none;min-height:100dvh;margin:0}
.aist-codex-experimental{border-inline-start:3px solid var(--aist-warn);padding-inline-start:10px}
.aist-codex-device{display:grid;border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);background:var(--aist-surface-raised);gap:9px;padding:12px}
.aist-codex-device p,.aist-codex-device small{color:var(--aist-muted);margin:0}
.aist-codex-device code{color:var(--aist-ink);background:var(--aist-wash);font-size:calc(17px*var(--zk-ui-scale));letter-spacing:.12em;user-select:all;width:-moz-fit-content;width:fit-content;padding:7px 10px;font-weight:700}
.aist-codex-quota{display:grid;border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);gap:8px;padding:12px}
.aist-codex-quota__head{display:flex;font-size:calc(12px*var(--zk-ui-scale));flex-wrap:wrap;justify-content:space-between;gap:6px}
.aist-codex-quota__head span{color:var(--aist-muted)}
.aist-codex-quota ul{display:grid;list-style:none;gap:7px;margin:0;padding:0}
.aist-codex-quota li{display:grid;grid-template-columns:minmax(0,1fr)auto;border-top:1px solid var(--aist-line);font-size:calc(12px*var(--zk-ui-scale));gap:2px 8px;padding-top:7px}
.aist-codex-quota li strong{color:var(--aist-accent)}
.aist-codex-quota li small{grid-column:1/-1;color:var(--aist-muted)}
.aist-codex-usage-strip{width:100%}
.aist-codex-usage-strip .aist-codex-quota ul{grid-template-columns:repeat(auto-fit,minmax(calc(170px*var(--zk-ui-scale)),1fr))}
:root[data-theme=light] .studio-shell--aist.aist-shell{--buncss-light:initial;--buncss-dark: ;color-scheme:light}
body:has(.aist-shell){background:var(--zk-bg)}
:root[data-theme=light] body:has(.aist-shell){background:var(--zk-bg)}
.studio-shell--aist .studio-rail,.studio-shell--aist .aist-rail{position:sticky;z-index:4;display:flex;gap:var(--neon-space-3);padding:var(--neon-space-5)var(--neon-space-4);border:0;border-right:1px solid var(--aist-line);background:color-mix(in srgb,var(--aist-rail)94%,transparent);box-shadow:none;border-radius:0;flex-direction:column;height:100dvh;min-height:100dvh;margin:0;top:0}
.studio-shell--aist .studio-rail__brand-mark,.studio-shell--aist .studio-rail__user-avatar,.studio-shell--aist .studio-rail__item,.studio-shell--aist .studio-rail__item[data-active=true]:before,.studio-shell--aist .aist-chip,.studio-shell--aist .aist-preset-card__icon,.studio-shell--aist .aist-preview-card__dot,.studio-shell--aist .aist-preview-card__bar,.studio-shell--aist .aist-preview-card__bar:after,.studio-shell--aist .aist-chat__bubble,.studio-shell--aist .aist-live-dot{box-shadow:none}
.studio-shell--aist .studio-rail__brand-mark{border-radius:var(--aist-radius-sm);background:var(--aist-wash);color:var(--aist-accent);overflow:hidden}
.studio-shell--aist .studio-rail__brand-mark img,.aist-topbar__mark img{object-fit:contain;width:22px;height:22px}
.studio-shell--aist .studio-rail__brand-name{color:var(--aist-ink)}
.studio-shell--aist .studio-rail__cta,.studio-shell--aist .studio-button{min-height:calc(40px*var(--zk-ui-scale));border:1px solid color-mix(in srgb,var(--aist-accent)42%,transparent);border-radius:var(--aist-radius-sm);background:color-mix(in srgb,var(--aist-accent)16%,transparent);color:var(--aist-ink);box-shadow:none}
.studio-shell--aist .studio-rail__cta:hover,.studio-shell--aist .studio-button:hover{background:color-mix(in srgb,var(--aist-accent)26%,transparent)}
.studio-shell--aist .studio-button--start{border-color:color-mix(in srgb,var(--aist-accent)55%,transparent);background:color-mix(in srgb,var(--aist-accent)22%,transparent);color:var(--aist-ink)}
.studio-shell--aist .studio-button--ghost{border-color:var(--aist-line);background:0 0}
.studio-shell--aist .studio-rail__item{border-radius:var(--aist-radius-sm);color:var(--aist-muted)}
.studio-shell--aist .studio-rail__item:hover{background:color-mix(in srgb,var(--aist-ink)5%,transparent);color:var(--aist-ink)}
.studio-shell--aist .studio-rail__item[data-active=true]{border-color:color-mix(in srgb,var(--aist-accent)35%,transparent);background:var(--aist-wash);color:var(--aist-ink)}
.studio-shell--aist .studio-rail__item[data-active=true]:before{background:var(--aist-accent);box-shadow:none;border-radius:0;width:2px;left:0}
.studio-shell--aist .studio-rail__brand-caption{color:var(--aist-accent)}
.studio-shell--aist .studio-rail__user-name,.studio-shell--aist .studio-link{color:var(--aist-ink)}
.studio-shell--aist .studio-rail__user-role,.studio-shell--aist .studio-desc,.studio-shell--aist .studio-eyebrow{color:var(--aist-muted)}
.studio-shell--aist .studio-title{color:var(--aist-ink)}
.studio-shell--aist .studio-error{color:var(--zk-danger)}
.aist-topbar,.aist-bottomnav{display:none}
.aist-topbar{position:sticky;z-index:6;justify-content:space-between;align-items: center;gap:var(--neon-space-3);min-height:var(--aist-topbar-h);padding:max(10px,env(safe-area-inset-top,0px))var(--neon-space-4)10px;border-bottom:1px solid var(--aist-line);background:color-mix(in srgb,var(--aist-rail)92%,transparent);top:0}
.aist-topbar__brand{display:flex;align-items: center;gap:var(--neon-space-2);text-decoration:none;color:inherit;min-width:0}
.aist-topbar__mark{display:inline-flex;width:calc(32px*var(--zk-ui-scale));height:calc(32px*var(--zk-ui-scale));border-radius:var(--aist-radius-sm);background:var(--aist-wash);color:var(--aist-accent);justify-content:center;align-items: center}
.aist-topbar__copy{min-width:0}
.aist-topbar__name{color:var(--aist-ink);font-family:var(--font-display);font-size:calc(15px*var(--zk-ui-scale));font-weight:var(--neon-weight-black);letter-spacing:-.02em;margin:0;line-height:1.1}
.aist-topbar__caption{color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.08em;text-transform:uppercase;margin:0}
.aist-topbar__actions{display:flex;align-items: center;gap:var(--neon-space-2);flex-shrink:0}
.aist-topbar__cta{min-height:calc(36px*var(--zk-ui-scale));padding-inline:var(--neon-space-3);border:1px solid color-mix(in srgb,var(--aist-accent)40%,transparent);border-radius:var(--aist-radius-sm);background:var(--aist-wash);color:var(--aist-ink);font-size:calc(13px*var(--zk-ui-scale));font-weight:var(--neon-weight-semibold);text-decoration:none;flex-shrink:0}
.aist-topbar__cta--ghost{border-color:var(--aist-line);color:var(--aist-muted);background:0 0}
.aist-bottomnav{position:sticky;z-index:6;min-height:var(--aist-bottomnav-h);padding:6px var(--neon-space-2)var(--aist-safe-bottom);border-top:1px solid var(--aist-line);background:color-mix(in srgb,var(--aist-rail)94%,transparent);justify-content:space-around;align-items:stretch;gap:2px;bottom:0}
.aist-bottomnav__item{display:flex;border-radius:var(--aist-radius-sm);color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-medium);text-decoration:none;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:2px;min-width:0;padding:6px 4px;line-height:1.2}
.aist-bottomnav__item[data-active=true]{color:var(--aist-accent);background:var(--aist-wash)}
.aist-bottomnav__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.studio-shell--aist .studio-main,.studio-shell--aist .aist-main{padding:var(--neon-space-5)var(--neon-space-6);min-width:0}
.aist-page{display:flex;gap:var(--neon-space-5);max-width:calc(1120px*var(--zk-ui-scale));flex-direction:column}
.aist-page--new{padding-bottom:var(--neon-space-4)}
.aist-landing{gap:var(--neon-space-6);max-width:calc(720px*var(--zk-ui-scale))}
.aist-landing__hero{display:grid;gap:var(--neon-space-3);padding:var(--neon-space-5)0 var(--neon-space-4);border-bottom:1px solid var(--aist-line)}
.aist-landing__brand{display:flex;color:var(--aist-ink);font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:var(--neon-weight-black);letter-spacing:-.04em;align-items: center;gap:14px;margin:0;line-height:1}
.aist-landing__brand .zuku-lockup{--zuku-lockup-height:calc(36px*var(--zk-ui-scale))}
.aist-landing__headline{color:var(--aist-ink);font-size:clamp(1.2rem,3.2vw,1.65rem);font-weight:var(--neon-weight-semibold);letter-spacing:-.02em;overflow-wrap:anywhere;max-width:min(24ch,100%);margin:0;line-height:1.3}
.aist-landing__support{color:var(--aist-muted);font-size:var(--neon-text-sm);overflow-wrap:anywhere;max-width:min(42ch,100%);margin:0;line-height:1.6}
.aist-landing__cta{display:flex;align-items: center;gap:var(--neon-space-3);margin-top:var(--neon-space-2);flex-wrap:wrap}
.aist-landing__hint{color:var(--aist-muted);font-size:var(--neon-text-xs);margin:0}
.aist-landing__features,.aist-hero-grid,.aist-create-grid,.aist-home-grid,.aist-workspace-meta,.aist-steps,.aist-project-list,.aist-preset-grid{display:grid;border:1px solid var(--aist-line);border-radius:var(--aist-radius);overflow:hidden;background:color-mix(in srgb,var(--aist-surface)70%,transparent);gap:0}
.aist-landing__features.surface-grid,.aist-project-list.surface-grid{gap:0}
.aist-landing__features{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(180px*var(--zk-ui-scale))),1fr))}
.aist-landing__feature,.aist-metric,.aist-side-panel,.aist-step,.aist-project-card,.aist-preset-card,.aist-preview,.aist-chat,.aist-landing__features>*{border-right:1px solid var(--aist-line);border-bottom:1px solid var(--aist-line);background:0 0}
.aist-landing__feature{display:flex;gap:var(--neon-space-2);padding:var(--neon-space-4);flex-direction:column}
.aist-landing__feature-icon{display:inline-flex;width:calc(34px*var(--zk-ui-scale));height:calc(34px*var(--zk-ui-scale));border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);color:var(--aist-accent);justify-content:center;align-items: center}
.aist-landing__feature-title{color:var(--aist-ink);font-size:var(--neon-text-base);font-weight:var(--neon-weight-semibold);margin:0}
.aist-landing__feature-desc{color:var(--aist-muted);font-size:var(--neon-text-xs);margin:0;line-height:1.55}
.aist-hero-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(220px*var(--zk-ui-scale))),1fr))}
.aist-home-grid{grid-template-columns:minmax(0,1fr)minmax(calc(260px*var(--zk-ui-scale)),.72fr)}
.aist-create-grid{grid-template-columns:minmax(0,1.15fr)minmax(calc(300px*var(--zk-ui-scale)),.85fr);align-items: start}
.aist-workspace{display:grid;grid-template-columns:minmax(calc(300px*var(--zk-ui-scale)),.95fr)minmax(0,1.3fr);border:1px solid var(--aist-line);border-radius:var(--aist-radius);overflow:hidden;gap:0;min-height:0}
.aist-workspace>*{border-right:1px solid var(--aist-line);border-bottom:1px solid var(--aist-line);min-height:calc(560px*var(--zk-ui-scale))}
.aist-metric,.aist-side-panel,.aist-step,.aist-project-card{display:flex;gap:var(--neon-space-3);padding:var(--neon-space-4);flex-direction:column}
.aist-metric__label,.aist-chip,.aist-project-card__eyebrow,.aist-preview__label{color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-semibold);letter-spacing:.1em;text-transform:uppercase}
.aist-metric__value{color:var(--aist-ink);font-size:var(--neon-text-xl);font-weight:var(--neon-weight-bold);letter-spacing:-.02em}
.aist-metric__hint,.aist-project-card__meta,.aist-preview__desc,.aist-step__desc{color:var(--aist-muted);font-size:var(--neon-text-xs);margin:0;line-height:1.55}
.aist-side-panel__title,.aist-project-card__title,.aist-step__title,.aist-preview__title{color:var(--aist-ink);font-size:var(--neon-text-base);font-weight:var(--neon-weight-semibold);margin:0}
.aist-side-panel__list{display:grid;gap:var(--neon-space-2)}
.aist-side-panel__item{display:flex;align-items: flex-start;gap:var(--neon-space-2);color:var(--aist-muted);font-size:var(--neon-text-xs);line-height:1.5}
.aist-side-panel__item svg{color:var(--aist-accent);margin-top:2px}
.aist-project-list{list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(260px*var(--zk-ui-scale))),1fr));margin:0;padding:0}
.aist-project-card{text-decoration:none;color:inherit;transition:background var(--neon-motion-control)var(--neon-ease-standard);min-width:0}
.aist-project-card:hover,.aist-preset-card:hover,.aist-step[data-active=true]{background:var(--aist-wash)}
.aist-project-card:focus-visible{background:var(--aist-wash)}
.aist-preset-card:focus-visible{background:var(--aist-wash)}
.aist-project-card__badges,.aist-badge-row{display:flex;gap:var(--neon-space-2);flex-wrap:wrap}
.aist-chip{display:inline-flex;border:1px solid var(--aist-line);border-radius:999px;justify-content:center;align-items: center;padding:3px 8px}
.aist-chip--accent{border-color:color-mix(in srgb,var(--aist-accent)40%,transparent);color:var(--aist-accent);background:var(--aist-wash)}
.aist-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.aist-step__index{color:var(--aist-accent);font-size:var(--neon-text-xs);font-weight:var(--neon-weight-bold)}
.aist-flow{display:flex;gap:var(--neon-space-2);list-style:none;flex-wrap:wrap;margin:0;padding:0}
.aist-flow__item{display:inline-flex;border:1px solid var(--aist-line);background:color-mix(in srgb,var(--aist-surface)80%,transparent);color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));border-radius:999px;align-items: center;gap:8px;padding:8px 12px}
.aist-flow__item[data-active=true]{border-color:color-mix(in srgb,var(--aist-accent)40%,transparent);color:var(--aist-ink);background:var(--aist-wash)}
.aist-flow__link{color:inherit;text-decoration:none}
.aist-flow__link:hover{color:var(--aist-accent)}
.aist-flow__index{color:var(--aist-accent);font-weight:var(--neon-weight-bold);font-variant-numeric:tabular-nums}
.aist-badge-row{display:flex;margin-top:var(--neon-space-2);flex-wrap:wrap;gap:6px}
.aist-badge{display:inline-flex;border:1px solid var(--aist-line);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-semibold);letter-spacing:.02em;border-radius:999px;align-items: center;min-height:22px;padding:2px 8px}
.aist-badge--demo{border-color:color-mix(in srgb,var(--aist-warn)50%,transparent);color:var(--aist-warn);background:color-mix(in srgb,var(--aist-warn)12%,transparent)}
.aist-badge--stub{border-color:color-mix(in srgb,var(--aist-muted)40%,transparent);color:var(--aist-muted);background:color-mix(in srgb,var(--aist-surface-raised)80%,transparent)}
.aist-panel-lead{padding-inline:var(--neon-space-4);margin-block:0 var(--neon-space-3)}
.aist-recipes-panel .studio-panel__head,.aist-presets-section .studio-panel__head{display:flex;justify-content:space-between;align-items: center;gap:var(--neon-space-3)}
.aist-recipe-card{display:flex;gap:var(--neon-space-2);padding:var(--neon-space-4);scroll-snap-align:start;border:1px solid color-mix(in srgb,var(--aist-accent)35%,var(--aist-line));border-radius:var(--aist-radius);background:color-mix(in srgb,var(--aist-accent)8%,var(--aist-surface));color:inherit;text-align:left;cursor:pointer;flex-direction:column}
.aist-recipe-card:hover:not(:disabled){background:color-mix(in srgb,var(--aist-accent)14%,var(--aist-surface))}
.aist-recipe-card:disabled{opacity:.6;cursor:not-allowed}
.aist-recipe-card__cta{color:var(--aist-accent);font-size:calc(12px*var(--zk-ui-scale));font-weight:var(--neon-weight-semibold);margin-top:auto}
.aist-presets-section .aist-preset-card{border:1px solid var(--aist-line);border-radius:var(--aist-radius);background:color-mix(in srgb,var(--aist-surface)88%,transparent)}
.aist-workspace__side{display:flex;gap:var(--neon-space-3);flex-direction:column;min-width:0}
.aist-workspace-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(180px*var(--zk-ui-scale))),1fr));gap:var(--neon-space-3)}
.aist-file-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}
.aist-file-list__item{border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));word-break:break-all;margin:0;padding:6px 8px}
.aist-file-list__item code{font-family:var(--font-mono,ui-monospace,monospace);color:var(--aist-ink)}
.aist-validation--ok{color:var(--aist-accent)}
.aist-project-card__draft-link{display:inline-flex;font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-accent);text-decoration:none;margin-top:6px}
.aist-project-card__draft-link:hover{text-decoration:underline}
.aist-landing__flow{margin-block:var(--neon-space-4)}
.studio-shell--aist .studio-rail__item--primary{border:1px solid color-mix(in srgb,var(--zk-jump-fg)35%,transparent);background:color-mix(in srgb,var(--zk-jump-fg)10%,transparent)}
.aist-preset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(200px*var(--zk-ui-scale))),1fr));padding:0}
.aist-preset-card{display:flex;gap:var(--neon-space-2);padding:var(--neon-space-4);cursor:pointer;text-align:left;color:inherit;background:0 0;border:0;flex-direction:column}
.aist-preset-card[aria-pressed=true]{background:var(--aist-wash)}
.aist-preset-card__icon{display:inline-flex;width:calc(38px*var(--zk-ui-scale));height:calc(38px*var(--zk-ui-scale));border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);color:var(--aist-accent);background:0 0;justify-content:center;align-items: center}
.aist-preset-card__meta{color:var(--aist-muted);font-size:var(--neon-text-xs);margin:0}
.aist-recipe-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(calc(200px*var(--zk-ui-scale)),calc(240px*var(--zk-ui-scale)));gap:var(--neon-space-3);padding:2px var(--neon-space-4)var(--neon-space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0}
.aist-recipe-rail .aist-recipe-card{min-width:calc(200px*var(--zk-ui-scale))}
.aist-create-sidebar{display:flex;border:1px solid var(--aist-line);border-radius:var(--aist-radius);overflow:hidden;background:color-mix(in srgb,var(--aist-surface)80%,transparent);flex-direction:column;gap:0}
.aist-create-sidebar>*{border-bottom:1px solid var(--aist-line)}
.aist-create-sidebar>:last-child{border-bottom:0}
.aist-preview-card{display:flex;gap:var(--neon-space-3);padding:var(--neon-space-4);background:0 0;border:0;flex-direction:column}
.aist-preview-card__screen{min-height:calc(200px*var(--zk-ui-scale));padding:var(--neon-space-4);border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);background:var(--aist-surface-raised)}
.aist-preview-card__title{color:var(--aist-ink);font-size:var(--neon-text-lg);font-weight:var(--neon-weight-semibold);margin:0}
.aist-preview-card__hud{display:flex;gap:var(--neon-space-2);margin-top:var(--neon-space-3);flex-wrap:wrap}
.aist-preview-card__dot{background:var(--aist-accent);border-radius:50%;width:10px;height:10px}
.aist-preview-card__rows{display:grid;gap:var(--neon-space-2);margin-top:var(--neon-space-4)}
.aist-preview-card__row{display:grid;grid-template-columns:1fr auto;gap:var(--neon-space-2);color:var(--aist-muted);font-size:var(--neon-text-xs)}
.aist-preview-card__bar{display:block;background:color-mix(in srgb,var(--aist-ink)8%,transparent);overflow:hidden;border-radius:999px;width:100%;height:6px}
.aist-preview-card__bar:after{content:"";display:block;width:var(--fill,64%);border-radius:inherit;background:var(--aist-accent);height:100%}
.aist-create-dock{display:flex;gap:var(--neon-space-3);padding:var(--neon-space-4);flex-direction:column}
.aist-create-dock .studio-button--start{width:100%}
.aist-chat{display:flex;flex-direction:column;min-width:0;min-height:0}
.aist-chat__header{display:flex;justify-content:space-between;align-items: flex-start;gap:var(--neon-space-3);padding:var(--neon-space-4);border-bottom:1px solid var(--aist-line)}
.aist-chat__header-copy{display:flex;flex-direction:column;gap:4px}
.aist-chat__messages{overflow-y:auto;padding:var(--neon-space-4);display:flex;gap:var(--neon-space-3);flex-direction:column;flex:1}
.aist-chat__bubble{border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);white-space:pre-wrap;max-width:95%;padding:.75rem .85rem;line-height:1.45}
.aist-chat__bubble--user{background:var(--aist-wash);align-self: flex-end}
.aist-chat__bubble--assistant{background:color-mix(in srgb,var(--aist-ink)4%,transparent);align-self: flex-start}
.aist-chat__footer{display:flex;gap:var(--neon-space-3);padding:var(--neon-space-4);border-top:1px solid var(--aist-line);flex-direction:column}
.aist-chat__form{display:flex;gap:var(--neon-space-2)}
.aist-chat__input{flex:1}
.aist-preview{display:flex;flex-direction:column;min-height:0}
.aist-preview__toolbar{display:flex;justify-content:space-between;align-items: center;gap:var(--neon-space-3);padding:var(--neon-space-4);border-bottom:1px solid var(--aist-line)}
.aist-preview__toolbar-copy{display:flex;flex-direction:column;gap:4px}
.aist-preview__canvas{position:relative;display:flex;min-height:calc(460px*var(--zk-ui-scale));background:var(--aist-surface-raised);flex:1}
.aist-preview__empty{display:grid;padding:var(--neon-space-6);place-items: center;width:100%}
.aist-preview__frame{min-height:calc(460px*var(--zk-ui-scale));background:var(--zk-media-stage);border:0;flex:1;width:100%}
.aist-chat__hints{display:flex;gap:var(--neon-space-2);flex-wrap:wrap}
.aist-preview__empty-title{margin:0 0 var(--neon-space-2);color:var(--aist-ink);font-size:var(--neon-text-lg);font-weight:var(--neon-weight-semibold)}
.aist-preview__sandbox-note{color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));margin:0;line-height:1.4}
.aist-live-dot{display:inline-block;background:var(--aist-accent);border-radius:50%;width:8px;height:8px;margin-right:6px}
.aist-preset-card__art{display:block;height:calc(72px*var(--zk-ui-scale));border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);background:var(--aist-surface-raised);width:100%;margin-bottom:4px}
.aist-preset-card[data-genre=rpg] .aist-preset-card__art,.aist-preset-card__art[data-genre=rpg],.aist-preset-card[data-genre=arcade] .aist-preset-card__art,.aist-preset-card__art[data-genre=arcade],.aist-preset-card[data-genre=story] .aist-preset-card__art,.aist-preset-card__art[data-genre=story],.aist-preset-card[data-genre=vn] .aist-preset-card__art,.aist-preset-card__art[data-genre=vn]{background:var(--aist-surface-raised)}
.studio-shell--aist .studio-panel{border:1px solid var(--aist-line);border-radius:var(--aist-radius);background:color-mix(in srgb,var(--aist-surface)78%,transparent);box-shadow:none}
.studio-shell--aist .studio-panel--flush{border:1px solid var(--aist-line);border-radius:var(--aist-radius);overflow:hidden}
.studio-shell--aist .studio-field span{color:var(--aist-muted)}
.studio-shell--aist .studio-field input,.studio-shell--aist .neon-input{border-radius:var(--aist-radius-sm);border-color:var(--aist-line);background:var(--aist-surface-raised);color:var(--aist-ink);box-shadow:none}
.studio-shell--aist .neon-input:focus{border-color:color-mix(in srgb,var(--aist-accent)55%,transparent);background:var(--aist-surface-raised);box-shadow:0 0 0 2px var(--aist-wash)}
.studio-shell--aist .filter-chip{border:1px solid var(--aist-line);border-radius:var(--aist-radius-sm);background:color-mix(in srgb,var(--aist-ink)4%,transparent);color:var(--aist-ink)}
.studio-shell--aist .filter-chip:hover{border-color:color-mix(in srgb,var(--aist-accent)40%,transparent);background:var(--aist-wash)}
.studio-shell--aist .filter-chip:focus-visible{border-color:color-mix(in srgb,var(--aist-accent)40%,transparent);background:var(--aist-wash)}
.studio-shell--aist :-webkit-any(a,button,input,textarea,select,[role=button]):focus-visible{outline:2px solid var(--aist-accent);outline-offset:3px}
.studio-shell--aist :-moz-any(a,button,input,textarea,select,[role=button]):focus-visible{outline:2px solid var(--aist-accent);outline-offset:3px}
.studio-shell--aist :is(a,button,input,textarea,select,[role=button]):focus-visible{outline:2px solid var(--aist-accent);outline-offset:3px}
.studio-shell--aist .filter-chip.active{border-color:color-mix(in srgb,var(--aist-accent)50%,transparent);background:var(--aist-wash);color:var(--aist-ink)}
.studio-shell--aist .profile-panel__link,.studio-shell--aist .studio-link{color:var(--aist-accent)}
.studio-shell--aist .design-cell,.studio-shell--aist .design-cell--action{border-color:var(--aist-line);background:var(--aist-surface);color:var(--aist-ink);box-shadow:none}
.studio-shell--aist .design-cell--action:hover{border-color:color-mix(in srgb,var(--aist-accent)40%,transparent);background:var(--aist-wash)}
.studio-shell--aist .design-cell--action:focus-visible{border-color:color-mix(in srgb,var(--aist-accent)40%,transparent);background:var(--aist-wash)}
.studio-shell--aist .studio-panel__title,.studio-shell--aist .neon-empty-state__title{color:var(--aist-ink)}
.studio-shell--aist .studio-panel__title-icon{color:var(--aist-accent)}
.aist-only-desktop{display:block}
.aist-only-mobile{display:none}
@media (max-width:1099px) and (min-width:900px){.studio-shell--aist.aist-shell{grid-template-columns:calc(188px*var(--zk-ui-scale))minmax(0,1fr)}.aist-create-grid{grid-template-columns:minmax(0,1fr)minmax(calc(280px*var(--zk-ui-scale)),.9fr)}}
@media (max-width:899px){.studio-shell--aist.aist-shell{display:block;min-height:100dvh}.studio-shell--aist .studio-rail,.studio-shell--aist .aist-rail--side{display:none}.aist-topbar,.aist-bottomnav{display:flex}.aist-topbar{position:fixed;width:100%;top:0;left:0;right:0}.aist-bottomnav{position:fixed;width:100%;bottom:0;left:0;right:0}.studio-shell--aist .studio-main,.studio-shell--aist .aist-main{padding:calc(var(--aist-topbar-h) + max(10px,env(safe-area-inset-top,0px)) + var(--neon-space-3))var(--neon-space-4)calc(var(--aist-bottomnav-h) + var(--neon-space-4))}.aist-only-desktop{display:none}.aist-only-mobile{display:block}.aist-landing__cta{flex-direction:column;align-items:stretch}.aist-landing__cta .studio-button{width:100%}.aist-landing__features,.aist-home-grid,.aist-create-grid,.aist-workspace,.aist-steps{grid-template-columns:1fr}.aist-landing__features{border-radius:var(--aist-radius)}.aist-landing__feature,.aist-metric,.aist-step,.aist-project-card,.aist-preset-card{border-right:0}.aist-workspace>*{min-height:calc(320px*var(--zk-ui-scale))}.aist-workspace__side{min-height:0}.aist-workspace-panels{grid-template-columns:1fr}.aist-preview__canvas,.aist-preview__frame{min-height:calc(320px*var(--zk-ui-scale))}.aist-create-sidebar{position:sticky;bottom:calc(var(--aist-bottomnav-h) + 8px);z-index:3;margin-top:var(--neon-space-2);box-shadow:none}:root[data-theme=light] .aist-create-sidebar{box-shadow:none}.aist-page--new .aist-preview-card__screen,.aist-page--new .aist-side-panel,.aist-create-sidebar .aist-side-panel{display:none}.aist-workspace-panels .aist-side-panel{display:block}.aist-page--new .studio-page__head{gap:var(--neon-space-2)}.aist-page--new .studio-title{font-size:clamp(1.45rem,6vw,1.85rem)}}
@media (max-width:520px){.aist-recipe-rail{grid-auto-columns:minmax(72vw,calc(220px*var(--zk-ui-scale)))}.aist-preset-grid{grid-template-columns:1fr}.aist-flow__item{flex:auto}}
@media (prefers-reduced-motion:reduce){.aist-project-card,.aist-preset-card,.studio-shell--aist .studio-rail__item,.studio-shell--aist .studio-button{transition:none}}
.aist-token-usage{display:grid;border:1px solid var(--aist-line);border-radius:var(--zk-radius-panel);background:var(--aist-panel);font-size:calc(13px*var(--zk-ui-scale));gap:6px;padding:14px 16px;line-height:1.5}
.aist-token-usage p{overflow-wrap:anywhere;margin:0}
.aist-token-usage__heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.aist-token-usage__heading span{opacity:.75}
.aist-token-usage progress{accent-color:var(--studio-cyan);width:100%;height:10px}
.aist-token-usage time{opacity:.75}
.aist-studio-surface{--aist-ink:var(--zk-text);--aist-muted:var(--zk-text-2);--aist-line:var(--zk-line);--aist-panel:var(--zk-bg);--aist-rail:var(--zk-surface);--aist-surface:var(--zk-surface);--aist-surface-raised:var(--zk-surface-2);--aist-accent:var(--zk-accent-fg);--aist-accent-strong:color-mix(in srgb,var(--zk-accent-fg)84%,var(--zk-bg));--aist-wash:var(--zk-accent-soft);--aist-on-accent:var(--zk-on-accent-fg)}
.aist-workbench,.aist-create-page{max-width:calc(1600px*var(--zk-ui-scale));gap:24px;width:100%}
.aist-workbench__header{display:flex;justify-content:space-between;align-items: flex-start;gap:24px}
.aist-workbench__header .studio-title{font-size:calc(clamp(25px,2.6vw,38px)*var(--zk-ui-scale));letter-spacing:var(--zk-tracking-tight);overflow-wrap:anywhere;margin:8px 0;line-height:1.2}
.aist-workbench__header .studio-desc{max-width:calc(740px*var(--zk-ui-scale));margin:0}
.aist-breadcrumb{font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.1em;text-transform:uppercase;color:var(--aist-muted);text-decoration:none;font-weight:650}
.aist-breadcrumb:hover{color:var(--aist-accent)}
.aist-mode-switch{display:inline-flex;border:1px solid var(--aist-line);background:var(--aist-surface);border-radius:var(--zk-radius-control);flex-shrink:0;gap:3px;padding:4px}
.aist-mode-switch button{color:var(--aist-muted);border-radius:calc(var(--zk-radius-control) - 2px);min-height:calc(42px*var(--zk-ui-scale));font:inherit;font-size:calc(13px*var(--zk-ui-scale));cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:8px 14px;font-weight:650}
.aist-mode-switch button[aria-pressed=true]{border-color:color-mix(in srgb,var(--aist-accent)45%,transparent);color:var(--aist-ink);background:var(--aist-wash)}
.aist-mode-switch button span{color:var(--aist-accent);margin-right:5px}
.aist-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;border-bottom:1px solid var(--aist-line);gap:0;margin:0;padding:0}
.aist-process li{display:flex;color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));border-bottom:2px solid #0000;align-items: center;gap:10px;margin-bottom:-1px;padding:14px 8px 16px}
.aist-process li span{font-family:var(--zk-font-mono);color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale))}
.aist-process li[data-active=true]{border-color:var(--aist-accent);color:var(--aist-ink)}
.aist-process li[data-active=true] span{color:var(--aist-accent)}
.aist-workbench__grid{display:grid;grid-template-columns:minmax(calc(310px*var(--zk-ui-scale)),.84fr)minmax(0,1.16fr);align-items: start;gap:24px}
.aist-workbench__controls,.aist-workbench__output{display:flex;flex-direction:column;gap:20px;min-width:0}
.aist-wb-panel{display:flex;border:1px solid var(--aist-line);border-radius:var(--zk-radius-panel);background:var(--aist-surface);flex-direction:column;gap:16px;min-width:0;padding:22px}
.aist-wb-panel__head{display:flex;justify-content:space-between;align-items: center;gap:14px}
.aist-wb-panel h2,.aist-wb-panel__head h2,.aist-starter-panel h2,.aist-handoff-panel h2,.aist-handoff-dialog h2{font-size:calc(17px*var(--zk-ui-scale));letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.4}
.aist-wb-panel h3{font-size:calc(13px*var(--zk-ui-scale));margin:12px 0 8px}
.aist-wb-panel .studio-field,.aist-handoff-dialog .studio-field{display:flex;font-size:calc(12px*var(--zk-ui-scale));flex-direction:column;gap:8px;min-width:0;margin:0;font-weight:550}
.aist-wb-panel .studio-desc{margin:0}
.aist-control,.aist-prompt-input,.aist-source-input{box-sizing:border-box;border:1px solid var(--aist-line);border-radius:calc(var(--zk-radius-control) - 2px);background:var(--aist-panel);color:var(--aist-ink);min-height:calc(44px*var(--zk-ui-scale));font:inherit;font-size:calc(13px*var(--zk-ui-scale));width:100%;padding:11px 12px;line-height:1.55}
.aist-control::placeholder,.aist-prompt-input::placeholder{color:var(--aist-muted);opacity:.75}
.aist-control:focus,.aist-prompt-input:focus,.aist-source-input:focus{outline:2px solid var(--aist-accent);outline-offset:2px}
.aist-prompt-input{min-height:calc(175px*var(--zk-ui-scale));resize:vertical;font-size:calc(14px*var(--zk-ui-scale))}
.aist-connection-fields{display:grid;grid-template-columns:minmax(calc(115px*var(--zk-ui-scale)),.75fr)minmax(0,1.25fr);gap:12px}
.aist-connection-state{display:flex;font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-muted);flex-shrink:0;align-items: center;gap:6px}
.aist-connection-state>span{background:currentColor;border-radius:50%;width:6px;height:6px}
.aist-connection-state[data-connected=true]{color:var(--aist-accent)}
.aist-wb-note{color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));overflow-wrap:anywhere;margin:0;font-weight:400;line-height:1.7}
.aist-inline-actions{display:flex;flex-wrap:wrap;align-items: center;gap:10px}
.aist-text-button{display:inline-flex;color:var(--aist-accent);font:inherit;font-size:calc(12px*var(--zk-ui-scale));text-decoration:none;cursor:pointer;text-align:left;background:0 0;border:0;align-items: center;padding:8px 0;line-height:1.5}
.aist-wb-details{border-top:1px solid var(--aist-line);border-bottom:1px solid var(--aist-line);font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-muted);padding:12px 0}
.aist-wb-details>summary{cursor:pointer;overflow-wrap:anywhere}
.aist-wb-details>summary code{color:var(--aist-ink);font-size:calc(12px*var(--zk-ui-scale))}
.aist-wb-details[open]>summary{margin-bottom:14px}
.aist-skill-instructions{white-space:pre-wrap;overflow-wrap:anywhere;font:calc(12px*var(--zk-ui-scale))/1.7 var(--zk-font-mono);max-height:calc(270px*var(--zk-ui-scale));overflow:auto;margin:0}
.aist-skill-checks{font-size:calc(12px*var(--zk-ui-scale));margin:0;padding-left:18px;line-height:1.8}
.aist-brief-panel form,.aist-create-brief form{display:flex;flex-direction:column;gap:14px}
.aist-studio-surface .studio-button.aist-primary-action{border:1px solid var(--aist-accent);background:var(--aist-accent);color:var(--aist-on-accent);min-height:calc(46px*var(--zk-ui-scale));border-radius:calc(var(--zk-radius-control) - 2px);justify-content:center;font-weight:700}
.aist-studio-surface .studio-button.aist-primary-action:hover:not(:disabled){background:var(--aist-accent-strong)}
.aist-studio-surface button:disabled,.aist-studio-surface input:disabled,.aist-studio-surface select:disabled,.aist-studio-surface textarea:disabled{opacity:.5;cursor:not-allowed}
.aist-studio-surface button:focus-visible{outline:2px solid var(--aist-accent);outline-offset:3px}
.aist-studio-surface a:focus-visible{outline:2px solid var(--aist-accent);outline-offset:3px}
.aist-studio-surface summary:focus-visible{outline:2px solid var(--aist-accent);outline-offset:3px}
.aist-run-status{color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));text-align:right}
.aist-run-status[data-status=ready]{color:var(--aist-accent)}
.aist-run-status[data-status=needs_attention]{color:var(--aist-warn)}
.aist-working{display:flex;color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));align-items: flex-start;gap:12px;margin:0;line-height:1.8}
.aist-working__indicator{border:2px solid var(--aist-line);border-top-color:var(--aist-accent);animation:1s linear infinite aist-working;border-radius:50%;flex-shrink:0;width:17px;height:17px;margin-top:4px}
@keyframes aist-working{to{transform:rotate(360deg)}}
.aist-check-list{display:flex;list-style:none;flex-direction:column;gap:12px;margin:0;padding:0}
.aist-check-list li{display:grid;grid-template-columns:22px minmax(0,1fr)auto;font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-muted);align-items: start;gap:8px}
.aist-check-list strong{color:var(--aist-ink);font-size:calc(12px*var(--zk-ui-scale));font-weight:550}
.aist-check-list p{overflow-wrap:anywhere;margin:3px 0 0;line-height:1.6}
.aist-check-symbol{display:grid;background:var(--aist-surface-raised);border-radius:50%;place-items: center;width:20px;height:20px}
.aist-check-list li[data-status=passed] .aist-check-symbol{color:var(--aist-accent);background:var(--aist-wash)}
.aist-check-list li[data-status=failed] .aist-check-symbol{color:var(--aist-warn)}
.aist-play-panel{display:flex;flex-direction:column;gap:14px;min-width:0}
.aist-play-panel>.aist-wb-panel__head{padding:2px 0}
.aist-play-panel .aist-preview{border-radius:var(--zk-radius-panel);overflow:hidden}
.aist-play-panel .aist-preview__canvas{height:calc(430px*var(--zk-ui-scale));min-height:calc(300px*var(--zk-ui-scale))}
.aist-live-dot[data-ready=false]{background:var(--aist-muted);animation:none}
.aist-play-panel__footer{display:flex;flex-direction:column;gap:10px}
.aist-play-confirm{display:flex;font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-ink);cursor:pointer;align-items: flex-start;gap:10px;line-height:1.7}
.aist-play-confirm input{accent-color:var(--aist-accent);flex-shrink:0;width:16px;height:16px;margin:3px 0 0}
.aist-handoff-panel{display:flex;border-top:1px solid var(--aist-line);flex-direction:column;align-items: flex-start;gap:13px;padding-top:20px}
.aist-handoff-panel h2{margin-bottom:5px}
.aist-history>summary{cursor:pointer;display:flex;font-size:calc(13px*var(--zk-ui-scale));justify-content:space-between;align-items: center;font-weight:550}
.aist-history>summary span{font-family:var(--zk-font-mono);color:var(--aist-muted)}
.aist-history[open]>summary{margin-bottom:18px}
.aist-history__messages{display:flex;max-height:calc(450px*var(--zk-ui-scale));overflow-y:auto;flex-direction:column;gap:14px}
.aist-history__messages article{border-left:2px solid var(--aist-line);font-size:calc(12px*var(--zk-ui-scale));padding-left:12px}
.aist-history__messages article[data-role=user]{border-color:var(--aist-accent)}
.aist-history__messages strong{color:var(--aist-muted);font-weight:550}
.aist-history__messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;line-height:1.8}
.aist-expert-grid{display:grid;grid-template-columns:minmax(0,1fr)calc(290px*var(--zk-ui-scale));align-items: start;gap:24px}
.aist-source-input{font:calc(12px*var(--zk-ui-scale))/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:calc(420px*var(--zk-ui-scale));resize:vertical;tab-size:2}
.aist-export-panel>code{color:var(--aist-muted);line-height:2;font-size:calc(12px*var(--zk-ui-scale));background:var(--aist-panel);border:1px solid var(--aist-line);border-radius:calc(var(--zk-radius-control) - 2px);padding:14px}
.aist-handoff-dialog{max-width:calc(530px*var(--zk-ui-scale));width:calc(100% - calc(32px*var(--zk-ui-scale)));max-height:calc(100dvh - calc(48px*var(--zk-ui-scale)));overflow:auto;border:1px solid var(--aist-line);border-radius:var(--zk-radius-panel);color:var(--aist-ink);background:var(--aist-surface);margin:auto;padding:0}
.aist-handoff-dialog::backdrop{background:var(--zk-scrim)}
.aist-handoff-dialog__body{display:flex;flex-direction:column;gap:18px;padding:28px}
.aist-handoff-dialog__body .studio-desc{margin:0}
.aist-draft-success{display:flex;color:var(--aist-accent);flex-direction:column;align-items: flex-start;gap:10px}
.aist-create-workbench{display:grid;grid-template-columns:minmax(0,1.25fr)minmax(calc(280px*var(--zk-ui-scale)),.75fr);align-items: start;gap:36px}
.aist-create-brief{padding:28px}
.aist-create-brief .aist-prompt-input{min-height:calc(195px*var(--zk-ui-scale))}
.aist-foundation{border:0;min-width:0;margin:8px 0;padding:0}
.aist-foundation legend{font-size:calc(12px*var(--zk-ui-scale));margin-bottom:6px;padding:0;font-weight:550}
.aist-foundation__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.aist-foundation__option{display:grid;grid-template-columns:22px minmax(0,1fr);border:1px solid var(--aist-line);border-radius:var(--zk-radius-control);background:var(--aist-panel);color:var(--aist-muted);font:inherit;text-align:left;cursor:pointer;gap:8px 10px;padding:15px}
.aist-foundation__option strong{font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-ink);font-weight:550}
.aist-foundation__option>span:last-child{grid-column:2;font-size:calc(12px*var(--zk-ui-scale));line-height:1.6}
.aist-foundation__option[aria-pressed=true]{background:var(--aist-wash);border-color:var(--aist-accent)}
.aist-foundation__option[aria-pressed=true]>svg{color:var(--aist-accent)}
.aist-starter-panel{padding-top:8px}
.aist-starter-panel .studio-desc{margin:10px 0 24px}
.aist-starter-list{display:flex;flex-direction:column;gap:0}
.aist-starter-card{display:grid;grid-template-columns:22px minmax(0,1fr)18px;color:var(--aist-muted);text-align:left;font:inherit;border:0;border-bottom:1px solid var(--aist-line);cursor:pointer;background:0 0;gap:16px;padding:19px 0}
.aist-starter-card:first-child{border-top:1px solid var(--aist-line)}
.aist-starter-card:hover{color:var(--aist-accent)}
.aist-starter-card__number{font:calc(12px*var(--zk-ui-scale))/1.8 var(--zk-font-mono)}
.aist-starter-card strong{display:block;color:var(--aist-ink);font-size:calc(14px*var(--zk-ui-scale));margin-bottom:6px;font-weight:550}
.aist-starter-card strong+span{display:block;color:var(--aist-muted);font-size:calc(12px*var(--zk-ui-scale));line-height:1.7}
.aist-studio-surface .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}
@media (max-width:1200px){.aist-workbench__header{flex-direction:column;gap:18px}.aist-workbench__grid{grid-template-columns:minmax(calc(290px*var(--zk-ui-scale)),.95fr)minmax(0,1.05fr);gap:18px}.aist-wb-panel{padding:18px}.aist-wb-panel__head{flex-wrap:wrap;align-items: flex-start;gap:8px}.aist-create-workbench{gap:24px}}
@media (max-width:980px){.aist-workbench__grid,.aist-create-workbench,.aist-expert-grid{grid-template-columns:minmax(0,1fr)}.aist-starter-panel{padding:0}.aist-starter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.aist-starter-card:nth-child(2){border-top:1px solid var(--aist-line)}.aist-play-panel .aist-preview__canvas{height:calc(480px*var(--zk-ui-scale))}}
@media (max-width:600px){.aist-workbench,.aist-create-page{gap:20px}.aist-mode-switch{width:100%}.aist-mode-switch button{font-size:calc(12px*var(--zk-ui-scale));flex:1;padding:8px}.aist-process li{font-size:calc(12px*var(--zk-ui-scale));flex-direction:column;align-items: flex-start;gap:5px;padding:10px 5px}.aist-wb-panel,.aist-create-brief{padding:17px}.aist-connection-fields,.aist-foundation__options,.aist-starter-list{grid-template-columns:minmax(0,1fr)}.aist-starter-card:nth-child(2){border-top:0}.aist-play-panel .aist-preview__canvas{height:calc(390px*var(--zk-ui-scale));min-height:calc(300px*var(--zk-ui-scale))}.aist-check-list li{grid-template-columns:20px minmax(0,1fr)}.aist-check-list li>span:last-child{grid-column:2}.aist-handoff-dialog__body{padding:22px}.aist-handoff-panel .aist-primary-action{width:100%}.aist-source-input{font-size:calc(12px*var(--zk-ui-scale));min-height:calc(340px*var(--zk-ui-scale))}}
@media (prefers-reduced-motion:reduce){.aist-working__indicator{animation:none}}
.aist-studio-surface{--studio-cyan:var(--zk-accent-fg);--aist-soft-cyan:var(--zk-accent-soft);--aist-stage:var(--zk-surface-2);--aist-stage-ink:var(--zk-text);--aist-jump:var(--zk-jump-fg);--aist-warn:var(--zk-warning);--aist-radius:var(--zk-radius-control);--aist-radius-sm:var(--zk-radius-xs);color:var(--aist-ink);width:100%;min-width:0}
.aist-page.aist-maker,.aist-page.aist-library,.aist-page.aist-idea-studio{max-width:calc(1740px*var(--zk-ui-scale));width:100%;margin-inline-start:auto;margin-inline-end:auto;padding:6px 0 32px}
.aist-maker{gap:22px}
.aist-mobile-views{display:none}
.aist-studio-surface .studio-error{overflow-wrap:anywhere}
.aist-maker__header{display:flex;justify-content:space-between;align-items: center;gap:22px}
.aist-maker__identity{display:grid;grid-template-columns:auto auto;align-items: center;column-gap:16px;min-width:0}
.aist-maker__identity .aist-breadcrumb{grid-column:1/-1;font-size:calc(12px*var(--zk-ui-scale));letter-spacing:.12em;margin-bottom:9px}
.aist-maker__identity h1{font-size:calc(clamp(22px,2.25vw,34px)*var(--zk-ui-scale));letter-spacing:var(--zk-tracking-tight);overflow-wrap:anywhere;margin:0;font-weight:730;line-height:1.25}
.aist-maker__private{display:flex;font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-muted);white-space:nowrap;align-items: center;gap:6px}
.aist-maker__private>span{background:var(--aist-muted);border-radius:50%;width:5px;height:5px}
.aist-mode-switch{border-radius:calc(var(--zk-radius-control) - 2px);background:var(--aist-surface);padding:3px}
.aist-mode-switch button{min-height:calc(37px*var(--zk-ui-scale));font-size:calc(12px*var(--zk-ui-scale));border-radius:calc(var(--zk-radius-control) - 2px);padding:7px 12px}
.aist-mode-switch button[aria-pressed=true]{background:var(--aist-accent);border-color:var(--aist-accent);color:var(--aist-on-accent)}
.aist-mode-switch button[aria-pressed=true]>span{color:var(--aist-on-accent)}
.aist-maker__toolbar{display:flex;min-height:calc(35px*var(--zk-ui-scale));border-bottom:1px solid var(--aist-line);flex-wrap:wrap;align-items: center;gap:12px;padding-bottom:14px}
.aist-maker__foundation{color:var(--aist-muted);font:calc(12px*var(--zk-ui-scale))/1.5 var(--zk-font-mono);letter-spacing:.025em}
.aist-maker__toolbar-rule{background:var(--aist-line);width:1px;height:12px}
.aist-maker__toolbar .aist-run-status{display:flex;font-size:calc(12px*var(--zk-ui-scale));text-align:left;align-items: center;gap:7px;margin-right:auto}
.aist-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}
.aist-maker__toolbar .aist-working__indicator{width:11px;height:11px;margin:0}
.aist-toolbar-button{display:inline-flex;font:inherit;font-size:calc(12px*var(--zk-ui-scale));color:var(--aist-ink);cursor:pointer;background:0 0;border:0;align-items: center;gap:6px;padding:7px 0 7px 12px}
.aist-toolbar-button:hover{color:var(--aist-accent)}