.aist-source-editor-mode button,.aist-source-mode-btn{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:999px;min-height:28px;padding:3px 10px;font-size:12px}
.aist-source-editor .aist-source-input{box-sizing:border-box;tab-size:2;background:var(--studio-bg-card,var(--zk-bg));font-family:var(--studio-font-mono,var(--zk-font-mono));border:0;border-radius:0;width:100%;min-width:0;padding:12px 14px;font-size:12.5px;line-height:1.65}
.aist-monaco-editor{overflow:hidden;border:0;border-radius:0;width:100%;min-width:0;height:clamp(280px,48vh,560px)}
.aist-monaco-editor:focus-within{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:-2px}
.aist-source-footer{border-block-start:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));padding:8px 12px}
@media (max-width:700px){.aist-source-workspace{grid-template-columns:minmax(0,1fr)}.aist-source-browser{overflow:auto;border-inline-end:0;border-block-end:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));max-height:220px}.aist-source-tree summary,.aist-source-tree button{min-height:36px}}
.aist-source-versions{border-top:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));margin-top:12px;padding-top:10px}
.aist-source-versions summary{cursor:pointer;display:flex;align-items: center;min-height:36px;font-size:12.5px;font-weight:600}
.aist-source-versions ul{margin:8px 0;padding-inline-start:18px}
.aist-source-versions li button{overflow-wrap:anywhere;border-radius:8px;max-width:100%;min-height:32px;font-size:12.5px}
.aist-source-versions textarea{box-sizing:border-box;width:100%}
.aist-editor-preferences{position:relative;border:0;min-inline-size:0}
.aist-editor-preferences>summary{box-sizing:border-box;display:inline-flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));color:var(--studio-text-secondary,var(--studio-muted,var(--zk-text-2)));list-style:none;cursor:pointer;user-select:none;border-radius:999px;align-items: center;gap:6px;min-block-size:28px;padding:3px 10px;transition:background-color .12s,color .12s,border-color .12s;font-size:12px;font-weight:500;line-height:1.3}
.aist-editor-preferences>summary::-webkit-details-marker{display:none}
.aist-editor-preferences>summary:hover,.aist-editor-preferences[open]>summary{background:var(--studio-bg-active,var(--studio-soft,var(--zk-surface)));color:var(--studio-text,var(--zk-text))}
.aist-editor-preferences>summary:focus-visible{outline:2px solid var(--studio-focus,var(--zk-focus));outline-offset:2px}
.aist-editor-preferences__body{display:grid;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));box-shadow:0 8px 24px var(--studio-shadow-color);border-radius:12px;gap:10px;min-inline-size:240px;margin-block-start:6px;padding:12px;font-size:12px}
.aist-editor-preferences__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5rem),1fr));gap:8px;min-inline-size:0}
.aist-editor-preferences__fields .aist-control{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:999px;min-height:30px;padding:4px 8px;font-size:12px}
.aist-editor-preferences__body>p{color:var(--studio-text-secondary,var(--studio-muted,var(--zk-text-2)));margin:0;font-size:11.5px;line-height:1.5}
.aist-editor-preferences__body>button{border-radius:999px;justify-self:start;font-size:12px}
.aist-editor-preferences .aist-editor-preferences__wrap{display:inline-flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));cursor:pointer;border-radius:999px;align-items: center;gap:6px;min-block-size:28px;padding:3px 10px;font-size:12px}
.ai-shell .aist-studio-surface{color:var(--zk-text)}
.ai-shell .aist-studio-surface .studio-page{display:grid;gap:var(--zk-space-6);min-width:0}
.ai-shell .aist-studio-surface .studio-eyebrow{color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.3 var(--zk-font-sans);margin:0}
.ai-shell .aist-studio-surface .studio-desc{color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);margin:0}
.ai-shell .aist-studio-surface .studio-error{color:var(--zk-danger);font-size:var(--zk-fs-label);margin:0;line-height:1.5}
.ai-shell .aist-studio-surface .studio-field{display:grid;gap:var(--zk-space-2);min-width:0;margin:0}
.ai-shell .aist-studio-surface .studio-title{font:var(--zk-fw-bold)var(--zk-fs-headline)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
.ai-shell .aist-studio-surface .studio-button{display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-button-h);padding:0 var(--zk-button-px);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-button-radius);background:var(--zk-surface);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.2 var(--zk-font-sans);text-decoration:none;cursor:pointer}
.ai-shell .aist-studio-surface .studio-button--ghost{background:0 0}
.ai-shell .aist-studio-surface .studio-button--start{background:var(--zk-accent);color:var(--zk-on-accent);border-color:#0000}
@media (hover:hover){.ai-shell .aist-studio-surface .studio-button:hover:not(:disabled){background:var(--zk-surface-2)}.ai-shell .aist-studio-surface .studio-button--start:hover:not(:disabled){background:var(--zk-accent-hover)}}
.ai-shell .aist-studio-surface .studio-button:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
:where(.studio-project-dna){--studio-bg-card:var(--studio-panel,var(--zk-surface));--studio-bg-elevated:var(--studio-panel,var(--zk-surface));--studio-bg-subtle:var(--studio-raised,var(--zk-surface-2));--studio-border:var(--studio-line,var(--zk-line));--studio-border-strong:var(--studio-field-line,var(--zk-line-strong));--studio-ink:var(--studio-text,var(--zk-text));--studio-ink-secondary:var(--studio-muted,var(--zk-text-2))}
.studio-project-dna{container:studio-project-dna/inline-size;box-sizing:border-box;max-inline-size:calc(1740px*var(--zk-ui-scale));margin:0 auto var(--zk-space-3);border:1px solid var(--studio-border);background:var(--studio-bg-card);color:var(--studio-ink,var(--studio-text,var(--zk-text)));overflow-wrap:anywhere;box-shadow:none;border-radius:16px;inline-size:100%;min-inline-size:0}
.studio-project-dna>summary{box-sizing:border-box;min-block-size:max(44px,var(--zk-touch));padding:var(--zk-space-3)var(--zk-space-4);font-weight:var(--zk-fw-semibold);cursor:pointer}
.studio-project-dna .studio-project-dna__body,.studio-project-dna .studio-project-dna__pins,.studio-project-dna .studio-project-dna__group{display:grid;grid-template-columns:minmax(0,1fr);align-content: start;gap:var(--zk-space-3);min-inline-size:0}
.studio-project-dna .studio-project-dna__body{padding:var(--zk-space-4);border-block-start:1px solid var(--studio-border)}
.studio-project-dna :-webkit-any(.studio-project-dna__body,.studio-project-dna__group)>p{color:var(--studio-ink-secondary);margin:0}
.studio-project-dna :-moz-any(.studio-project-dna__body,.studio-project-dna__group)>p{color:var(--studio-ink-secondary);margin:0}
.studio-project-dna :is(.studio-project-dna__body,.studio-project-dna__group)>p{color:var(--studio-ink-secondary);margin:0}
.studio-project-dna .studio-project-dna__group{padding:var(--zk-space-3)var(--zk-space-4);border:1px solid var(--studio-border);background:var(--studio-bg-card);border-radius:16px}
.studio-project-dna .studio-project-dna__group>ul{display:grid;gap:var(--zk-space-1);list-style:none;margin:0;padding:0}
.studio-project-dna .studio-project-dna__group li,.studio-project-dna .studio-project-dna__actions{display:flex;align-items: center;gap:var(--zk-space-2)var(--zk-space-3);flex-wrap:wrap;min-inline-size:0}
.studio-project-dna .studio-project-dna__group li{border-block-start:1px solid var(--studio-border);justify-content:space-between}
.studio-project-dna .studio-project-dna__group li>span{padding-block:var(--zk-space-2);flex:12rem;min-inline-size:0}
.studio-project-dna .studio-project-dna__group small,.studio-project-dna .zds-badge{display:inline-flex;border:1px solid var(--studio-border);background:var(--studio-bg-subtle);color:var(--studio-ink-secondary);font-size:var(--zk-fs-meta);border-radius:9999px;align-items: center;padding:2px 10px}
.studio-project-dna .studio-project-dna__group small{margin-block-start:var(--zk-space-1)}
.studio-project-dna .studio-project-dna__check{display:flex;align-items: center;gap:var(--zk-space-2);min-block-size:max(44px,var(--zk-touch))}
.studio-project-dna .studio-project-dna__check input{accent-color:var(--studio-accent,var(--zk-accent));flex:none}
.studio-project-dna .studio-project-dna__choice{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--zk-space-1);color:var(--studio-ink-secondary);font-size:var(--zk-fs-label);flex:15rem;min-inline-size:0;max-inline-size:27rem}
.studio-project-dna :-webkit-any(.studio-project-dna__choice select,input:not(:-webkit-any([type=checkbox],[type=radio])),select,textarea){box-sizing:border-box;min-block-size:max(42px,var(--zk-touch));padding:var(--zk-space-2)var(--zk-space-3);border:1px solid var(--studio-border-strong);background:var(--studio-bg-elevated);color:var(--studio-ink,var(--studio-text,var(--zk-text)));font:inherit;font-size:max(15px,var(--zk-fs-body));resize:none;border-radius:12px;inline-size:100%;min-inline-size:0}
.studio-project-dna :-moz-any(.studio-project-dna__choice select,input:not(:-moz-any([type=checkbox],[type=radio])),select,textarea){box-sizing:border-box;min-block-size:max(42px,var(--zk-touch));padding:var(--zk-space-2)var(--zk-space-3);border:1px solid var(--studio-border-strong);background:var(--studio-bg-elevated);color:var(--studio-ink,var(--studio-text,var(--zk-text)));font:inherit;font-size:max(15px,var(--zk-fs-body));resize:none;border-radius:12px;inline-size:100%;min-inline-size:0}
.studio-project-dna :is(.studio-project-dna__choice select,input:not(:is([type=checkbox],[type=radio])),select,textarea){box-sizing:border-box;min-block-size:max(42px,var(--zk-touch));padding:var(--zk-space-2)var(--zk-space-3);border:1px solid var(--studio-border-strong);background:var(--studio-bg-elevated);color:var(--studio-ink,var(--studio-text,var(--zk-text)));font:inherit;font-size:max(15px,var(--zk-fs-body));resize:none;border-radius:12px;inline-size:100%;min-inline-size:0}
.studio-project-dna .studio-project-dna__choice~.zds-button{align-self: flex-end}
.studio-project-dna .zds-button{min-block-size:max(38px,var(--zk-touch));white-space:normal;border-radius:9999px;justify-self:start;max-inline-size:100%}
.studio-project-dna :-webkit-any(summary,button,input,select):focus-visible{outline:var(--zk-focus-width)solid var(--studio-focus,var(--zk-focus));outline-offset:var(--zk-focus-offset)}
.studio-project-dna :-moz-any(summary,button,input,select):focus-visible{outline:var(--zk-focus-width)solid var(--studio-focus,var(--zk-focus));outline-offset:var(--zk-focus-offset)}
.studio-project-dna :is(summary,button,input,select):focus-visible{outline:var(--zk-focus-width)solid var(--studio-focus,var(--zk-focus));outline-offset:var(--zk-focus-offset)}
@container studio-project-dna (width<=32rem){.studio-project-dna .studio-project-dna__choice{flex-basis:100%;max-inline-size:none}}
@container studio-project-dna (width>=42rem){.studio-project-dna .studio-project-dna__pins{grid-template-columns:repeat(2,minmax(0,1fr))}}
.studio-agent-page{display:grid;box-sizing:border-box;gap:20px;inline-size:100%;max-inline-size:980px;margin-inline-start:auto;margin-inline-end:auto;padding:clamp(20px,3.5vw,40px) clamp(16px,3vw,32px)}
.studio-agent-page__head{display:flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:16px;padding:20px 24px}
.studio-agent-page__head .studio-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--studio-text-secondary,var(--studio-muted,var(--zk-text-2)));margin:0 0 4px;font-size:11.5px;font-weight:600}
.studio-agent-page__head h1{letter-spacing:-.025em;color:var(--studio-text,var(--zk-text));margin:0 0 6px;font-size:clamp(20px,2.2vw,26px);font-weight:650}
.studio-agent-page__head p:not(.studio-eyebrow){color:var(--studio-text-secondary,var(--studio-muted,var(--zk-text-2)));max-inline-size:60ch;margin:0;font-size:13.5px;line-height:1.6}
.studio-agent-page__head>a,.studio-agent-page>a{display:inline-flex;text-decoration:none;border-radius:9999px;justify-content:center;align-items: center;gap:8px;min-block-size:40px;padding:8px 18px;transition:background-color .12s,border-color .12s,transform .12s;font-size:13.5px;font-weight:600}
.studio-agent-page>a{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));color:var(--studio-text,var(--zk-text));box-shadow:0 2px 8px var(--studio-shadow-color);justify-self:center;min-block-size:44px;padding:10px 24px}
.studio-agent-page>a:hover{background:var(--studio-bg-active,var(--studio-soft,var(--zk-surface)));border-color:var(--studio-accent,var(--zk-accent-fg))}
.studio-agent-page__chatkit{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px;padding:16px}
.studio-agent-page__owned,.studio-agent-page__new,.studio-agent-page__new form,.studio-agent-page__new form label{display:grid;gap:14px}
.studio-agent-page__new{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px;padding:20px}
.studio-agent-page__new>.studio-agent-page__head{background:0 0;border:0;border-radius:0;padding:0}
.studio-agent-page__new form{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));border-top:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));align-items: end;padding-top:12px}
.studio-agent-page__new form [role=alert]{grid-column:1/-1}
.studio-agent-page__projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));list-style:none;gap:12px;margin:0;padding:0}
.studio-agent-page__projects a{display:grid;grid-template-columns:auto minmax(0,1fr)auto;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));color:var(--studio-text,var(--zk-text));text-decoration:none;overflow-wrap:anywhere;border-radius:16px;align-items: center;gap:12px;min-block-size:56px;padding:12px 16px;transition:background-color .12s,border-color .12s;font-size:14px;font-weight:550}
.studio-agent-page__projects a:hover{background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-color:var(--studio-accent,var(--zk-accent-fg))}
.studio-agent-page__projects a:focus-visible{outline:2px solid var(--studio-focus,var(--studio-accent));outline-offset:2px}
.studio-independent,.studio-ind-panel{display:grid;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));color:var(--studio-text,var(--zk-text));border-radius:16px;gap:16px;min-inline-size:0;padding:20px}
.studio-independent :-webkit-any(h2,h3,p){margin:0}
.studio-independent :-moz-any(h2,h3,p){margin:0}
.studio-independent :is(h2,h3,p){margin:0}
.studio-independent :is(p,nav a,label span){overflow-wrap:anywhere}
.studio-independent__head,.studio-independent__actions,.studio-ind-actions{display:flex;flex-wrap:wrap;align-items: center;gap:8px}
.studio-independent__head{border-bottom:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));justify-content:space-between;padding-bottom:12px}
.studio-independent__head h2{letter-spacing:-.015em;font-size:16px;font-weight:650}
.studio-independent__grid{display:grid;grid-template-columns:minmax(210px,250px)minmax(0,1fr);align-items: start;gap:16px}
.studio-independent>.studio-independent__grid>nav{display:grid;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:16px;gap:8px;padding:12px}
.studio-independent nav ul,.studio-independent__files{list-style:none;margin:0;padding:0}
.studio-independent nav ul{display:grid;gap:3px}
.studio-independent nav a{display:flex;color:var(--studio-text-secondary,var(--studio-muted,var(--zk-text-2)));text-decoration:none;border-radius:8px;align-items: center;min-block-size:34px;padding:6px 10px;transition:background-color .12s,color .12s;font-size:13px;font-weight:500}
.studio-independent nav a:hover{background:var(--studio-bg-hover,var(--studio-panel,var(--zk-surface)));color:var(--studio-text,var(--zk-text))}
.studio-independent nav a[aria-current=page]{background:var(--studio-bg-active,var(--studio-soft,var(--zk-accent-soft)));color:var(--studio-text,var(--zk-text));font-weight:600}
.studio-independent nav a small{background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:999px;margin-inline-start:auto;padding:2px 6px;font-size:11px;font-weight:500}
.studio-independent__files{display:flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:12px;flex-wrap:wrap;gap:6px;padding:6px}
.studio-independent__files>li{min-inline-size:0;max-inline-size:100%}
.studio-independent__files button{font-family:var(--studio-font-mono,var(--aw-mono,monospace));overflow-wrap:anywhere;border-radius:8px;min-block-size:28px;max-inline-size:100%;padding:4px 10px;font-size:12.5px}
.studio-independent__files button[aria-pressed=true]{color:var(--studio-text,var(--zk-text));background:var(--studio-bg-active,var(--studio-bg-card,var(--zk-surface)));box-shadow:0 1px 2px var(--studio-shadow-color)}
.studio-independent__workspace,.studio-independent__editor,.studio-independent__runs,.studio-independent__runs>form,.studio-independent__runs fieldset,.studio-independent label{display:grid;gap:10px;min-inline-size:0}
.studio-independent select,.studio-independent input.ai-input{border:1px solid var(--studio-border,var(--studio-field-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-bg,var(--zk-surface-2)));color:var(--studio-text,var(--zk-text));font:inherit;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;border-radius:10px;min-block-size:36px;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:6px 12px;font-size:13px}
.studio-independent__actions>label{display:inline-flex;flex-wrap:wrap;align-items: center;gap:8px;min-inline-size:0;max-inline-size:100%}
.studio-independent__actions select{inline-size:auto;max-inline-size:min(260px,65vw)}
.studio-independent textarea,.studio-ind-composer textarea{border:1px solid var(--studio-border,var(--studio-field-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));color:var(--studio-text,var(--zk-text));font:inherit;resize:none;box-sizing:border-box;border-radius:24px;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:12px 16px;font-size:14px;line-height:1.6}
.studio-independent__editor textarea{background:var(--studio-bg-card,var(--studio-bg,var(--zk-bg)));font-family:var(--studio-font-mono,var(--aw-mono,monospace));resize:vertical;border-radius:12px;font-size:12.5px}
.studio-independent__events{font-family:var(--studio-font-mono,var(--aw-mono,monospace));overflow-wrap:anywhere;margin:0;padding-inline-start:20px;font-size:12px}
.studio-independent__runs fieldset{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px;margin:0;padding:12px 14px}
.studio-independent__runs fieldset label{display:flex;align-items: center;gap:8px;min-block-size:32px;font-size:13px}
.studio-independent__runs>form>button{border-radius:9999px;justify-self:start}
.studio-independent__connection,.studio-independent__local-run,.studio-independent__snapshots{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px;min-inline-size:0;padding-inline-start:14px;padding-inline-end:14px}
.studio-independent__connection>summary,.studio-independent__local-run>summary,.studio-independent__snapshots>summary{display:flex;color:var(--studio-text,var(--zk-text));cursor:pointer;align-items: center;min-block-size:40px;padding-block-start:8px;padding-block-end:8px;font-size:13px;font-weight:600}
.studio-independent__connection>summary:focus-visible{outline:2px solid var(--studio-focus,var(--studio-accent));outline-offset:2px}
.studio-independent__local-run>summary:focus-visible{outline:2px solid var(--studio-focus,var(--studio-accent));outline-offset:2px}
.studio-independent__snapshots>summary:focus-visible{outline:2px solid var(--studio-focus,var(--studio-accent));outline-offset:2px}
.studio-independent__connection[open]>.ai-byok,.studio-independent__local-run-form,.studio-independent__snapshot-body{display:grid;border-top:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));padding-block-end:14px;gap:10px;min-inline-size:0;padding-top:12px}
.studio-independent__turn,.studio-independent__tools>li,.studio-ind-card{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:16px;padding:12px 16px}
.studio-independent__turn p{white-space:pre-wrap;overflow-wrap:anywhere;margin-block-start:6px;font-size:13.5px;line-height:1.65}
.studio-independent__tools{display:grid;list-style:none;gap:8px;margin:0;padding:0}
.studio-independent__tools a{color:var(--studio-accent);overflow-wrap:anywhere}
.studio-independent__tools pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:12rem}
.studio-independent iframe{display:block;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-canvas-dark);border-radius:12px;block-size:min(60dvh,34rem);inline-size:100%;margin-block-start:10px}
.studio-independent__workbench,.studio-independent__source{display:grid;gap:14px;min-inline-size:0}
.studio-independent__conversation,.studio-independent__source{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px;align-content: start;min-inline-size:0;padding:16px}
.studio-independent__view-switch{display:inline-flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:9999px;flex-wrap:wrap;justify-self:start;gap:4px;padding:3px}
.studio-independent__view-switch button{border-radius:9999px;font-size:12.5px}
.studio-independent__view-switch button[aria-pressed=true]{background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));color:var(--studio-text,var(--zk-text));box-shadow:0 1px 2px var(--studio-shadow-color)}
.studio-independent label.studio-independent__pane-width{display:none;color:var(--studio-text-secondary,var(--studio-muted));font-size:12px}
.studio-independent__preview:-webkit-full-screen{overflow:auto;background:var(--studio-ink);padding:12px}
.studio-independent__preview:fullscreen{overflow:auto;background:var(--studio-ink);padding:12px}
.studio-independent__preview:-webkit-full-screen iframe{block-size:calc(100dvh - 5rem)}
.studio-independent__preview:fullscreen iframe{block-size:calc(100dvh - 5rem)}
.studio-independent label.studio-independent__archive-filter{display:flex;color:var(--studio-text-secondary,var(--studio-muted,var(--zk-text-2)));align-items: center;gap:6px;margin-block-start:4px;margin-block-end:4px;font-size:12.5px}
.studio-independent__snapshot-body>button{justify-self:start}
.studio-independent__snapshot-list{display:grid;list-style:none;gap:6px;margin:0;padding:0}
.studio-independent__snapshot-list>li{display:flex;background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));overflow-wrap:anywhere;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px;padding:6px 10px;font-size:12.5px}
.studio-independent__snapshot-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.studio-independent__snapshot-diff>p{grid-column:1/-1}
.studio-independent__snapshot-diff pre{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--studio-font-mono,var(--aw-mono,monospace));border-radius:10px;max-block-size:18rem;margin:0;padding:10px;font-size:12px}
@media (max-width:1279px){.studio-independent__workbench[data-pane=conversation] .studio-independent__source,.studio-independent__workbench[data-pane=files] .studio-independent__conversation{display:none}}
@media (min-width:1280px){.studio-independent__workbench[data-conversation=true]{grid-template-columns:minmax(0,1fr)minmax(0,var(--studio-independent-file-width,46%))}.studio-independent__view-switch{display:none}.studio-independent label.studio-independent__pane-width{display:flex;justify-content:end;align-items: center}}
@media (max-width:768px){.studio-agent-page{gap:14px;padding:14px 12px 32px}.studio-independent,.studio-ind-panel{gap:12px;padding:14px 12px}.studio-independent__conversation,.studio-independent__source{padding:12px}.studio-independent select,.studio-independent input.ai-input,.studio-independent textarea,.studio-ind-composer textarea{font-size:16px}.studio-independent__view-switch{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;max-inline-size:100%}.studio-independent__view-switch::-webkit-scrollbar{display:none}.studio-independent__view-switch button{white-space:nowrap;flex:none;min-block-size:36px;padding:6px 12px}}
@media (max-width:699px){.studio-independent__grid,.studio-independent__snapshot-diff{grid-template-columns:minmax(0,1fr)}.studio-agent-page__head{padding:16px}}
.auth-family{--auth-paper:var(--zk-surface);--auth-ink:var(--zk-text);--auth-muted:var(--zk-text-2);--auth-line:var(--zk-line);--auth-accent:var(--zk-accent-fg);--auth-ok:var(--zk-success);--auth-warn:var(--zk-warning);--auth-warn-text:var(--zk-warning);--auth-danger:var(--zk-danger);color:var(--auth-ink);font-family:var(--zk-font-sans)}
.auth-dialog.login-modal{width:min(calc(440px*var(--zk-ui-scale)),calc(100vw - calc(40px*var(--zk-ui-scale))));max-height:calc(100dvh - calc(40px*var(--zk-ui-scale)));border:var(--zk-hairline)solid var(--auth-line);border-radius:var(--zk-radius-panel);overflow:auto;overscroll-behavior:contain;background:var(--auth-paper);box-shadow:var(--zk-shadow-float);max-width:none}
.auth-dialog::backdrop{background:var(--zk-scrim)}
.login-modal--ready[open]{--zk-login-entry-distance:8px;animation:zuku-login-modal-in var(--zk-dur-2)var(--zk-overlay-ease-out)}
@keyframes zuku-login-modal-in{0%{opacity:0;transform:translateY(var(--zk-login-entry-distance))}}
.auth-dialog .login-modal__panel{overflow:visible;box-shadow:none;background:0 0;border:0;border-radius:0;max-height:none}
.auth-dialog .login-modal__header{position:sticky;z-index:var(--zk-z-raised);background:var(--auth-paper);border:0;padding:20px 24px 12px;top:0}
.auth-dialog .login-modal__body{padding:0 24px 24px}
.auth-family__wordmark{display:inline-flex;min-height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-ink);text-decoration:none;align-items: center}
.auth-family__wordmark .zuku-lockup{--zuku-lockup-height:calc(32px*var(--zk-ui-scale))}
.auth-dialog .login-modal__close,.auth-family__back{display:grid;width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-muted);text-decoration:none;transition:background-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out);background:0 0;border:0;flex-shrink:0;place-items: center}
@media (hover:hover){.auth-dialog .login-modal__close:hover,.auth-family__back:hover{background:var(--zk-surface-hover);color:var(--auth-ink)}}
.auth-family .auth-family__title{font-size:var(--zk-fs-headline);font-weight:var(--zk-fw-heavy);letter-spacing:var(--zk-tracking-tight);line-height:var(--zk-lh-title);text-wrap:balance;margin:0 0 8px}
.auth-family .login-modal__lede{font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);color:var(--auth-muted);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 24px}
.auth-family .auth-family__subtitle{color:var(--auth-ink);font-size:var(--zk-fs-title-sm);font-weight:var(--zk-fw-bold);line-height:var(--zk-lh-title);margin:0 0 4px}
.auth-family .auth-form{gap:16px}
.auth-family .auth-form--compact{gap:12px}
.auth-family .auth-field{gap:8px}
.auth-family .auth-label{font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);color:var(--auth-ink)}
.auth-family .auth-input{min-height:var(--zk-control-h-lg);border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);box-shadow:none;color:var(--auth-ink);font-family:var(--zk-font-sans);font-size:var(--zk-fs-input);transition:border-color var(--zk-dur-2)var(--zk-ease-out),box-shadow var(--zk-dur-2)var(--zk-ease-out);width:100%;padding:12px 14px;line-height:1.4}
.auth-family .auth-input::placeholder{color:var(--zk-text-3);opacity:1}
@media (hover:hover){.auth-family .auth-input:hover:not(:disabled):not(:focus){border-color:var(--zk-text-2)}}
.auth-family .auth-input:focus{outline:none;border-color:var(--zk-focus);box-shadow:0 0 0 1px var(--zk-focus)}
.auth-family .auth-input:disabled{background:var(--zk-surface-2);color:var(--zk-text-3);cursor:not-allowed}
.auth-family .auth-input[aria-invalid=true]{border-color:var(--auth-danger)}
.auth-family .auth-input[aria-invalid=true]:focus{border-color:var(--auth-danger);box-shadow:0 0 0 1px var(--auth-danger)}
.auth-family .auth-input--trail{padding-right:52px}
.auth-family .auth-input--handle{padding-left:38px}
.auth-family .auth-input--code{font-family:var(--zk-font-mono);font-size:var(--zk-fs-title);letter-spacing:.3em}
.auth-family .auth-input-at{color:var(--auth-muted);font-family:var(--zk-font-label);left:15px}
.auth-family .auth-input-toggle{width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-muted);border:0;right:2px}
@media (hover:hover){.auth-family .auth-input-toggle:hover{background:var(--zk-surface-hover);color:var(--auth-ink)}}
.auth-family .auth-input-toggle[aria-pressed=true]{color:var(--auth-ink)}
.auth-family .auth-hint{color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);text-align:start;justify-content:flex-start;margin:0}
.auth-family .auth-hint--error{color:var(--auth-danger)}
.auth-family .auth-hint--ok{color:var(--auth-ok)}
.auth-family .auth-strength__track{border-radius:var(--zk-radius-xs);background:var(--zk-surface-2);height:4px}
.auth-family .auth-strength__label{font-size:var(--zk-fs-caption)}
.auth-family .auth-row{min-height:var(--zk-touch)}
.auth-family .auth-check{display:flex;min-height:var(--zk-touch);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);color:var(--auth-muted);cursor:pointer;align-items: center;gap:12px}
.auth-family .auth-check input{accent-color:var(--auth-accent);flex-shrink:0;width:18px;height:18px;margin:0}
.auth-family .auth-check input:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family .auth-check input[aria-invalid=true]{outline:var(--zk-hairline)solid var(--auth-danger);outline-offset:2px}
.auth-family .auth-check--legal{align-items: flex-start;padding-block-start:12px;padding-block-end:12px}
.auth-family .auth-check--legal input{margin-top:1px}
.auth-family .auth-check--legal span{line-height:1.5}
.auth-family .auth-check--legal a{color:var(--auth-ink);text-decoration:underline;text-underline-offset:3px}
.auth-family .auth-check+.auth-check{margin-top:-12px}
.auth-family .auth-family__actions{display:flex;flex-direction:column;gap:12px}
.auth-family .auth-family__submit{width:100%}
.auth-family .auth-family__submit .spin{flex-shrink:0}
.auth-family .auth-recover{display:flex;font-size:var(--zk-fs-meta);flex-wrap:wrap;justify-content:center;gap:4px 12px}
.auth-family .auth-recover a{display:inline-flex;min-height:var(--zk-touch);border-radius:var(--zk-radius-control);color:var(--auth-muted);align-items: center;padding-inline-start:4px;padding-inline-end:4px}
.auth-family .auth-recover>span{color:var(--zk-text-3);align-self: center}
.auth-family .auth-shell__alt{color:var(--auth-muted);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-body);margin:0}
.auth-family .auth-shell__alt a{display:inline-flex;min-height:var(--zk-touch);color:var(--auth-ink);font-weight:var(--zk-fw-semibold);text-decoration:underline;text-underline-offset:4px;align-items: center}
@media (hover:hover){.auth-family .auth-shell__alt a:hover{color:var(--auth-accent)}}
.auth-family .auth-shell__alt--modal{display:flex;border-top:var(--zk-hairline)solid var(--auth-line);flex-wrap:wrap;justify-content:center;align-items: center;gap:8px;margin:0;padding-top:12px}
.auth-family .auth-shell__sep{color:var(--zk-text-3)}
.auth-family :-webkit-any(button,a):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family :-moz-any(button,a):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family :is(button,a):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.auth-family .auth-alert{border-radius:var(--zk-radius-control);border-color:color-mix(in srgb,var(--auth-danger)35%,transparent);background:var(--zk-danger-soft);color:var(--auth-danger);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-body);margin:0}
.auth-family .auth-alert--ok{border-color:color-mix(in srgb,var(--auth-ok)35%,transparent);background:var(--zk-success-soft);color:var(--auth-ok)}
.auth-family .auth-alert svg{flex-shrink:0}
.auth-family .auth-loading{display:flex;min-height:calc(80px*var(--zk-ui-scale));color:var(--auth-muted);font-size:var(--zk-fs-body);align-items: center;gap:12px}
.zcaptcha{position:relative;display:flex;min-height:calc(56px*var(--zk-ui-scale));border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);overflow:hidden;transition:border-color var(--zk-dur-2)var(--zk-ease-out);align-items:stretch;width:100%}
.zcaptcha[data-status=done]{border-color:color-mix(in srgb,var(--zk-success)55%,var(--zk-line))}
.zcaptcha[data-status=error]{border-color:var(--zk-danger)}
.zcaptcha__control{display:flex;width:calc(56px*var(--zk-ui-scale));min-height:calc(56px*var(--zk-ui-scale));color:var(--zk-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items: center;padding:0}
.zcaptcha__control:disabled{cursor:default}
.zcaptcha__control:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:-4px;border-radius:var(--zk-radius-control)}
.zcaptcha__box{display:flex;border:1.5px solid var(--zk-line-field);border-radius:var(--zk-radius-xs);color:var(--zk-on-accent);transition:background-color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out);background:0 0;justify-content:center;align-items: center;width:24px;height:24px}
@media (hover:hover){.zcaptcha__control:not(:disabled):hover .zcaptcha__box{border-color:var(--zk-text)}}
.zcaptcha[data-status=loading] .zcaptcha__box,.zcaptcha[data-status=solving] .zcaptcha__box{border-color:#0000}
.zcaptcha[data-status=done] .zcaptcha__box{border-color:var(--zk-accent);background:var(--zk-accent)}
.zcaptcha[data-status=error] .zcaptcha__box{border-color:var(--zk-danger);color:var(--zk-danger)}
.zcaptcha__spinner{animation:1s linear infinite zcaptcha-spin}
@keyframes zcaptcha-spin{to{transform:rotate(360deg)}}
.zcaptcha__spinner-track{stroke:var(--zk-line-strong)}
.zcaptcha__spinner-head{stroke:var(--zk-text)}
.zcaptcha__copy{display:flex;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:10px 12px 10px 0}
.zcaptcha__title{color:var(--zk-text);font-size:var(--zk-fs-label);font-weight:var(--zk-fw-semibold);overflow-wrap:anywhere;line-height:1.3}
.zcaptcha[data-status=done] .zcaptcha__title{color:var(--zk-success)}
.zcaptcha[data-status=error] .zcaptcha__title{color:var(--zk-danger)}
.zcaptcha__sub{color:var(--zk-text-2);font-size:var(--zk-fs-caption);overflow-wrap:anywhere;line-height:1.4}
.zcaptcha__brand{display:flex;border-left:var(--zk-hairline)solid var(--zk-line);flex-direction:column;flex-shrink:0;justify-content:center;align-items: center;gap:2px;padding:8px 16px}
.zcaptcha__brand-label{color:var(--zk-text-2);font:var(--zk-fw-semibold)var(--zk-fs-caption)/1.2 var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase}
.auth-family .zcaptcha__brand{display:none}
.zcaptcha__progress{position:absolute;overflow:hidden;height:2px;inset:0 0 auto}
.zcaptcha__progress:after{content:"";position:absolute;background:var(--zk-text);animation:zcaptcha-progress 1.2s var(--zk-ease-out)infinite;width:40%;inset:0 auto 0 0}
@keyframes zcaptcha-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}
.auth-family-page{display:grid;background:var(--zk-bg);place-items: center;min-height:100dvh;padding:48px 24px}
.auth-family-page__panel{width:min(100%,calc(440px*var(--zk-ui-scale)));border:var(--zk-hairline)solid var(--auth-line);border-radius:var(--zk-radius-panel);background:var(--auth-paper);box-shadow:none;padding:24px}
.auth-family-page__header{display:flex;justify-content:space-between;align-items: center;margin-bottom:24px}
.auth-family-page__body{min-width:0}
.auth-family-page__footer{border-top:var(--zk-hairline)solid var(--auth-line);text-align:center;margin-top:24px;padding-top:12px}
@media (max-width:600px){.auth-dialog.login-modal{max-height:calc(100dvh - var(--zk-safe-top) - 12px);border-width:var(--zk-hairline)0 0;border-radius:var(--zk-sheet-radius)var(--zk-sheet-radius)0 0;width:100%;margin:auto 0 0}.login-modal--ready[open]{--zk-login-entry-distance:12px}.auth-dialog .login-modal__header{padding:16px 16px 8px}.auth-dialog .login-modal__body{padding:0 16px max(24px,var(--zk-safe-bottom))}.auth-family-page{display:block;padding:max(12px,var(--zk-safe-top))16px max(24px,var(--zk-safe-bottom));background:var(--auth-paper)}.auth-family-page__panel{box-shadow:none;border:0;border-radius:0;margin-inline-start:auto;margin-inline-end:auto;padding:0}.auth-family-page__header{margin-bottom:16px}}
@media (prefers-reduced-motion:reduce){.auth-family *,.auth-family *:before,.auth-family *:after{scroll-behavior:auto;transition:none}.zcaptcha__spinner,.zcaptcha__progress:after,html:not([data-reduced-motion=false]) .login-modal--ready[open]{animation:none}}
html[data-reduced-motion=true] .login-modal--ready[open]{animation:none}
.ai-dev-product{color:var(--zk-accent-fg);font:var(--zk-fw-bold)var(--zk-fs-meta)/1 var(--zk-font-label);letter-spacing:var(--zk-tracking-label);text-transform:uppercase;margin:0}
.ai-dev-steps,.ai-dna__how{display:grid;gap:var(--zk-space-3);margin:var(--zk-space-2)0;list-style:none;color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);padding:0}
.ai-dev-steps{max-width:var(--zk-reading-max);counter-reset:ai-step}
.ai-dev-steps>li,.ai-dna__how>li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:var(--zk-space-3)}
.ai-dev-steps>li{counter-increment:ai-step}
.ai-dna__how>li{align-items: start}
.ai-dna__how>li:before{content:"";inline-size:var(--zk-space-2);block-size:var(--zk-space-2);border-radius:var(--zk-radius-pill);background:var(--zk-accent-fg);margin-block-start:calc(.5lh - var(--zk-space-1))}
.ai-dev-steps>li:before{content:counter(ai-step);display:inline-grid;inline-size:calc(24px*var(--zk-ui-scale));block-size:calc(24px*var(--zk-ui-scale));border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-pill);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-caption)/1 var(--zk-font-mono);font-variant-numeric:tabular-nums;place-items: center}
.ai-dev-home__head{display:flex;justify-content:space-between;align-items: flex-end;gap:var(--zk-space-4);flex-wrap:wrap}
.ai-dev-home__head>div{display:grid;gap:var(--zk-space-2)}
.ai-dev-home__grid{display:grid;gap:var(--zk-space-8);align-items: start}
@media (min-width:1024px){.ai-dev-home__grid{grid-template-columns:minmax(0,1fr)calc(320px*var(--zk-ui-scale))}}
.ai-dev-dna-card{display:grid;gap:var(--zk-space-3);padding:var(--zk-space-4);border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px}
.ai-dev-dna-card p{margin:0}
.ai-dev-dna-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);flex-wrap:wrap}
.ai-dna__layout{display:grid;gap:var(--zk-space-8);align-items: start}
@media (min-width:1024px){.ai-dna__layout{grid-template-columns:calc(340px*var(--zk-ui-scale))minmax(0,1fr)}}
.ai-dna__editor,.ai-dna__explain{display:grid;gap:var(--zk-space-6);min-width:0}
.ai-dna__editor .ai-h2{outline:none}
.ai-dna__group{display:grid;gap:var(--zk-space-4);padding:var(--zk-space-4)0 0;border:0;border-top:var(--zk-hairline)solid var(--zk-line);margin:0}
.ai-dna__group>legend{padding:0 0 var(--zk-space-3);font:var(--zk-fw-bold)var(--zk-fs-title-sm)/1.3 var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight)}
.ai-dna__rule{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items: start;gap:var(--zk-space-2)}
.ai-dna__rule>button{margin-top:calc(var(--zk-fs-label)*1.4 + var(--zk-space-2))}
.ai-dna__preview{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-dna__meter{overflow:hidden;border-radius:var(--zk-radius-pill);background:var(--zk-surface-2);height:6px}
.ai-dna__meter>span{display:block;width:var(--ai-meter);border-radius:inherit;background:var(--zk-accent);transition:width var(--zk-dur-2)var(--zk-ease-out);height:100%}
.ai-dna__meter[data-warn]>span{background:var(--zk-warning)}
.ai-dna__row--active{background:var(--zk-accent-soft);box-shadow:inset 3px 0 0 var(--zk-accent-fg)}
.ai-dna__warn{color:var(--zk-warning)}
.ai-dna__block{max-height:calc(320px*var(--zk-ui-scale));overflow:auto;padding:var(--zk-space-3);border-radius:var(--zk-radius-control);background:var(--zk-surface-2);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-meta)/1.6 var(--zk-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.ai-dna__block:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-dna__actions{position:sticky;bottom:var(--zk-dock-offset);z-index:var(--zk-z-sticky);padding:var(--zk-space-3)0;background:var(--zk-bg);border-top:var(--zk-hairline)solid var(--zk-line)}
@media (min-width:1024px){.ai-dna__actions{bottom:0}}
.ai-palette{display:flex;gap:var(--zk-space-2);list-style:none;flex-wrap:wrap;margin:0;padding:0}
.ai-palette li{display:inline-flex;align-items: center;gap:var(--zk-space-1);padding-left:var(--zk-space-2);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-pill)}
.ai-palette--inline li{padding-right:var(--zk-space-3)}
.ai-palette code{font:var(--zk-fw-medium)var(--zk-fs-meta)/1 var(--zk-font-mono)}
.ai-palette__swatch{border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-pill);background:var(--ai-swatch);width:20px;height:20px}
.ai-palette__picker{display:inline-grid;width:var(--zk-touch);height:var(--zk-touch);cursor:pointer;place-items: center}
.ai-palette__picker input{width:calc(36px*var(--zk-ui-scale));height:calc(36px*var(--zk-ui-scale));border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-control);cursor:pointer;background:0 0;padding:0}
.ai-palette__hex{max-width:calc(140px*var(--zk-ui-scale));font-family:var(--zk-font-mono);text-transform:uppercase}
.ai-builder{gap:20px;width:100%;max-width:780px;margin:0 auto;padding:28px 20px 64px}
.ai-builder.ai-page--narrow>*{max-width:100%}
.ai-builder .ai-page__head{text-align:center;justify-items:center;gap:8px}
.ai-builder__card{display:grid;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));box-shadow:0 2px 10px var(--studio-shadow-color);border-radius:16px;gap:18px;padding:22px 24px}
.ai-builder__card .ai-h2{outline:none;font-size:clamp(18px,2vw,22px)}
.ai-builder__stepper,.ai-builder__nav{background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));display:inline-flex;border-radius:9999px;flex-wrap:wrap;align-items: center;gap:4px;width:-moz-fit-content;width:fit-content;padding:4px}
.ai-builder__step-pill,.ai-builder__nav button,.ai-builder__step-btn{display:inline-flex;color:var(--studio-muted,var(--zk-text-2));font:500 13px/1.3 var(--zk-font-sans);box-shadow:none;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items: center;gap:6px;min-height:34px;padding:6px 14px}
.ai-builder__nav button,.ai-builder__step-btn{cursor:pointer}
.ai-builder__step-pill.is-active,.ai-builder__nav button[data-active=true],.ai-builder__nav button.is-active,.ai-builder__nav button[aria-current=step],.ai-builder__step-btn.is-active{background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));color:var(--studio-ink,var(--studio-text,var(--zk-text)));box-shadow:var(--studio-shadow-xs,0 1px 2px var(--studio-shadow-color));border-radius:9999px;font-weight:600}
.ai-builder__form{display:grid;background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border:1px solid var(--studio-border-strong,var(--studio-field-line,var(--zk-line-strong)));box-shadow:0 4px 18px var(--studio-shadow-color);border-radius:24px;gap:12px;padding:16px 18px}
.ai-builder__form textarea,.ai-brief textarea{resize:none;outline:none;box-shadow:none;background:0 0;border:none;min-height:76px;padding:4px 0;font-size:15px;line-height:1.6}
.ai-builder__form .zds-field__label,.ai-brief__composer .zds-field__label{color:var(--studio-muted,var(--zk-text-2));font-size:12px;font-weight:600}
.ai-builder__composer-bar{display:flex;border-top:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));flex-wrap:wrap;justify-content:space-between;align-items: center;gap:10px;padding-top:10px}
.ai-builder__composer-tools{display:flex;flex-wrap:wrap;align-items: center;gap:8px;min-width:0}
.ai-builder__dna{display:inline-flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:9999px;align-items: center;gap:6px;max-width:100%;padding:4px 12px}
.ai-builder__dna .ai-select__label{color:var(--studio-muted,var(--zk-text-2));white-space:nowrap;font-size:12px;font-weight:600}
.ai-builder__dna select{color:var(--studio-ink,var(--studio-text,var(--zk-text)));outline:none;background:0 0;border:0;min-height:28px;padding:0 4px;font-size:13px;font-weight:500}
.ai-builder__dna .ai-meta{display:none}
.ai-builder__form button[type=submit],.ai-brief .ai-row-actions>.zds-button--primary{background:var(--studio-accent,var(--zk-accent));color:var(--studio-accent-fg,var(--studio-on-accent,var(--studio-on-accent)));border-color:#0000;border-radius:9999px;padding-inline-start:18px;padding-inline-end:18px}
.ai-builder__examples{display:grid;gap:8px}
.ai-builder__examples ul{display:flex;list-style:none;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.ai-builder__example{display:inline-flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));color:var(--studio-ink,var(--studio-text,var(--zk-text)));font:500 13px/1.4 var(--zk-font-sans);text-align:left;text-decoration:none;cursor:pointer;border-radius:9999px;align-items: center;min-height:38px;padding:7px 14px}
.ai-builder .ai-chips .zds-chip{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));color:var(--studio-ink,var(--studio-text,var(--zk-text)));border-radius:9999px;padding:8px 16px}
.ai-builder .ai-chips .zds-chip[aria-pressed=true]{border-color:var(--studio-accent,var(--zk-accent));background:var(--studio-accent,var(--zk-accent));color:var(--studio-accent-fg,var(--studio-on-accent,var(--studio-on-accent)))}
.ai-builder__tools-disclosure{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:14px;padding:10px 14px}
.ai-builder__tools-disclosure>summary{cursor:pointer;user-select:none;font-weight:500}
.ai-builder__tools-disclosure[open]>.ai-notice{margin-top:10px}
.ai-builder__transcript{display:grid;list-style:none;gap:10px;margin:0;padding:0}
.ai-builder__turn{font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);white-space:pre-wrap;overflow-wrap:anywhere;max-width:85%}
.ai-builder__turn--guide{color:var(--studio-muted,var(--zk-text-2));font-size:var(--zk-fs-label);justify-self:start}
.ai-builder__turn--user{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));color:var(--studio-ink,var(--studio-text,var(--zk-text)));border-radius:18px;justify-self:end;padding:10px 16px}
.ai-builder__turn--user[data-skipped]{opacity:.65}
.ai-brief{border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-card,var(--studio-panel,var(--zk-surface)));border-radius:16px;gap:18px;padding:24px}
.ai-brief__header{display:grid;gap:4px}
.ai-brief__composer{display:grid;border:1px solid var(--studio-border-strong,var(--studio-field-line,var(--zk-line-strong)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:20px;gap:14px;padding:16px 18px}
.ai-brief__composer input.zds-field__control{border:0;border-bottom:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));box-shadow:none;background:0 0;border-radius:0;padding:4px 0 8px;font-size:16px;font-weight:600}
.ai-brief__rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border:0;gap:10px;margin:0}
.ai-brief__row{display:flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;padding:10px 14px}
.ai-brief__row dt{color:var(--studio-muted,var(--zk-text-3));font:600 11px/1.3 var(--zk-font-sans);text-transform:uppercase;letter-spacing:.03em}
.ai-brief__row dd{color:var(--studio-ink,var(--studio-text,var(--zk-text)));min-width:0;margin:0;font-size:13px;font-weight:500}
.ai-brief__row .ai-input{color:var(--studio-ink,var(--studio-text,var(--zk-text)));background:0 0;border:0;border-radius:6px;min-height:26px;padding:2px 0;font-size:13px;font-weight:500}
.ai-brief .ai-notice{display:flex;border:1px solid var(--studio-border,var(--studio-line,var(--zk-line)));background:var(--studio-bg-elevated,var(--studio-raised,var(--zk-surface-2)));border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px 16px;padding:14px 18px}
.ai-brief .ai-notice__actions{margin-top:0}
.ai-brief .ai-notice a{background:var(--studio-accent,var(--zk-accent));color:var(--studio-accent-fg,var(--studio-on-accent,var(--studio-on-accent)));text-decoration:none;border-color:#0000;border-radius:9999px;min-height:40px;padding:8px 18px;font-size:13px;font-weight:600}
.ai-dev-project{padding:var(--zk-space-3)var(--zk-gutter)0;min-inline-size:0}
.ai-dev-project__bar{display:flex;align-items: center;gap:var(--zk-space-2)var(--zk-space-3);max-width:calc(1740px*var(--zk-ui-scale));margin:0 auto var(--zk-space-3);padding-bottom:var(--zk-space-3);border-bottom:var(--zk-hairline)solid var(--zk-line);flex-wrap:wrap;min-inline-size:0}
.ai-dev-project__dna{display:inline-flex;align-items: center;gap:var(--zk-space-2);font:var(--zk-fw-semibold)var(--zk-fs-label)/1 var(--zk-font-sans);flex-wrap:wrap;min-inline-size:0;max-inline-size:100%}
.ai-dev-project__dna select{min-height:calc(38px*var(--zk-ui-scale));min-inline-size:0;padding:0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-field-border);border-radius:var(--zk-field-radius);background:var(--zk-field-bg);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-input)/1.3 var(--zk-font-sans);overflow:hidden;text-overflow:ellipsis;max-width:min(260px,60vw)}
.ai-dev-preview{padding:var(--zk-space-4)var(--zk-gutter)}
.ai-dev-preview__frame{display:block;min-height:calc(360px*var(--zk-ui-scale));border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-media);background:var(--zk-media-stage);width:100%;height:76dvh}
.ai-dev-legacy{max-width:var(--zk-content-max)}
.ai-versions__list,.ai-versions__detail,.ai-versions__file{display:grid;gap:var(--zk-space-3)}
.ai-versions__list>.zds-button,.ai-versions__detail>.zds-button,.ai-versions__file>.zds-button{justify-self:start}
.ai-versions__row,.ai-versions__file-row{display:flex;align-items: center;gap:var(--zk-space-3);min-height:calc(56px*var(--zk-ui-scale));padding:var(--zk-space-2)0;color:var(--zk-text);text-align:left;cursor:pointer;background:0 0;border:0;width:100%}
.ai-versions__row>svg,.ai-versions__file-row>svg{color:var(--zk-text-3);flex:none}
@media (hover:hover){.ai-versions__row:hover,.ai-versions__file-row:hover{background:var(--zk-surface-hover)}}
.ai-versions__no{font:var(--zk-fw-bold)var(--zk-fs-body)/1 var(--zk-font-label);font-variant-numeric:tabular-nums;flex:none;min-width:3.5em}
.ai-versions__main{display:grid;flex:1;gap:2px;min-width:0}
.ai-versions__source{font:var(--zk-fw-semibold)var(--zk-fs-body)/1.3 var(--zk-font-sans)}
.ai-versions__summary{font:var(--zk-fw-semibold)var(--zk-fs-body)/1.4 var(--zk-font-sans);margin:0}
.ai-versions__file-row code{overflow:hidden;font:var(--zk-fw-regular)var(--zk-fs-label)/1.4 var(--zk-font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.ai-versions__footer{display:grid;gap:var(--zk-space-2)}
.ai-versions__footer .ai-meta{margin:0}
.ai-versions__code,.ai-versions__diff pre{overflow:auto;padding:var(--zk-space-3);border-radius:var(--zk-radius-control);background:var(--zk-surface-2);color:var(--zk-text);font:var(--zk-fw-regular)var(--zk-fs-meta)/1.6 var(--zk-font-mono);white-space:pre;tab-size:2;max-height:60dvh;margin:0}
.ai-versions__code:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-versions__diff pre:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.ai-versions__diff{display:grid;gap:var(--zk-space-2)}
.ai-diff{display:block}
.ai-diff__mark{display:inline-block;color:var(--zk-text-3);width:2ch}
.ai-diff--add{background:var(--zk-success-soft)}
.ai-diff--add .ai-diff__mark{color:var(--zk-success)}
.ai-diff--remove{background:var(--zk-danger-soft)}
.ai-diff--remove .ai-diff__mark{color:var(--zk-danger)}
.ai-diff--skip{color:var(--zk-text-3);font-style:italic}
.ai-dev-project__versions{margin-left:auto}
.ai-dev-project__views{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem clamp(.75rem,2vw,1.5rem)}
.ai-dev-project__views a{display:inline-flex;border:1px solid var(--studio-line);color:var(--studio-text,var(--zk-text));border-radius:.5rem;align-items: center;min-block-size:2.75rem;padding-inline-start:.875rem;padding-inline-end:.875rem}
.ai-dev-project__views a[aria-current=page]{border-color:var(--studio-accent);background:var(--studio-raised);font-weight:650}
.ai-dev-project__views a[aria-disabled=true]{opacity:.55}
@media (max-width:768px){.ai-builder{gap:14px;padding:16px 12px 40px}.ai-builder__card,.ai-brief{padding:16px 14px}.ai-builder__form,.ai-brief__composer{border-radius:20px;padding:12px 14px}.ai-builder__form textarea,.ai-brief textarea,.ai-dev-project__dna select{font-size:16px}.ai-dev-project__bar{gap:8px;margin-bottom:8px;padding-bottom:8px}.ai-dev-project__versions{margin-left:0}.ai-dev-project__views{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:.5rem .75rem}.ai-dev-project__views::-webkit-scrollbar{display:none}.ai-dev-project__views a{white-space:nowrap;flex:none}}
:where(.ai-byok,.aw-dialog){--studio-bg:var(--zk-bg);--studio-bg-card:var(--studio-panel,var(--zk-surface));--studio-bg-elevated:var(--studio-panel,var(--zk-surface));--studio-bg-subtle:var(--studio-raised,var(--zk-surface-2));--studio-border:var(--studio-line,var(--zk-line));--studio-border-strong:var(--studio-field-line,var(--zk-line-strong));--studio-ink:var(--studio-text,var(--zk-text));--studio-ink-secondary:var(--studio-muted,var(--zk-text-2));--studio-accent:var(--zk-accent);--studio-on-accent:var(--zk-on-accent)}
.aw-dialog{border:1px solid var(--studio-border);background:var(--studio-bg-card);color:var(--studio-ink);box-shadow:0 20px 50px var(--studio-shadow-color);border-radius:20px}
.aw-dialog::backdrop{background:var(--studio-scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ai-byok{display:grid;color:var(--studio-ink,inherit);gap:14px;min-width:0}
.ai-byok h3,.ai-byok h4,.ai-byok p{margin:0}
.ai-byok h3{color:var(--studio-ink);font-size:14px;font-weight:600}
.ai-byok p,.ai-byok li{color:var(--studio-ink-secondary);overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.ai-byok :-webkit-any(.ai-byok__tabs,.ai-byok__segmented,[role=tablist]){display:inline-flex;border:1px solid var(--studio-border);background:var(--studio-bg-subtle);border-radius:12px;flex-wrap:wrap;align-items: center;gap:4px;padding:4px}
.ai-byok :-moz-any(.ai-byok__tabs,.ai-byok__segmented,[role=tablist]){display:inline-flex;border:1px solid var(--studio-border);background:var(--studio-bg-subtle);border-radius:12px;flex-wrap:wrap;align-items: center;gap:4px;padding:4px}
.ai-byok :is(.ai-byok__tabs,.ai-byok__segmented,[role=tablist]){display:inline-flex;border:1px solid var(--studio-border);background:var(--studio-bg-subtle);border-radius:12px;flex-wrap:wrap;align-items: center;gap:4px;padding:4px}
.ai-byok :is(.ai-byok__tab,[role=tab],.ai-byok__tabs>button){display:inline-flex;color:var(--studio-ink-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items: center;gap:6px;min-height:32px;padding:6px 12px;transition:background-color .12s,color .12s;font-size:12px;font-weight:500}
.ai-byok :-webkit-any(.ai-byok__tab,[role=tab],.ai-byok__tabs>button):-webkit-any([aria-selected=true],[aria-pressed=true],.is-active){background:var(--studio-bg-elevated);color:var(--studio-ink);box-shadow:0 1px 2px var(--studio-shadow-color);font-weight:600}
.ai-byok :-moz-any(.ai-byok__tab,[role=tab],.ai-byok__tabs>button):-moz-any([aria-selected=true],[aria-pressed=true],.is-active){background:var(--studio-bg-elevated);color:var(--studio-ink);box-shadow:0 1px 2px var(--studio-shadow-color);font-weight:600}
.ai-byok :is(.ai-byok__tab,[role=tab],.ai-byok__tabs>button):is([aria-selected=true],[aria-pressed=true],.is-active){background:var(--studio-bg-elevated);color:var(--studio-ink);box-shadow:0 1px 2px var(--studio-shadow-color);font-weight:600}
.ai-byok form{display:grid;gap:12px}
.ai-byok .studio-field{display:grid;gap:6px;min-width:0}
.ai-byok .studio-field>span{color:var(--studio-ink-secondary);font-size:12px;font-weight:500}
.ai-byok .aist-control{box-sizing:border-box;font:inherit;color:var(--studio-ink);background:var(--studio-bg-elevated);border:1px solid var(--studio-border-strong);border-radius:12px;width:100%;min-width:0;min-height:40px;padding:8px 12px;font-size:13px}
.ai-byok :-webkit-any(.ai-byok__row,.ai-byok__key-row,.ai-byok__input-row){display:flex;flex-wrap:wrap;align-items: center;gap:8px;min-width:0}
.ai-byok :-moz-any(.ai-byok__row,.ai-byok__key-row,.ai-byok__input-row){display:flex;flex-wrap:wrap;align-items: center;gap:8px;min-width:0}
.ai-byok :is(.ai-byok__row,.ai-byok__key-row,.ai-byok__input-row){display:flex;flex-wrap:wrap;align-items: center;gap:8px;min-width:0}
.ai-byok :-webkit-any(.ai-byok__row,.ai-byok__key-row,.ai-byok__input-row)>.aist-control{flex:12rem}
.ai-byok :-moz-any(.ai-byok__row,.ai-byok__key-row,.ai-byok__input-row)>.aist-control{flex:12rem}
.ai-byok :is(.ai-byok__row,.ai-byok__key-row,.ai-byok__input-row)>.aist-control{flex:12rem}
.ai-byok__connected{display:flex;border:1px solid var(--studio-border);background:var(--studio-bg-subtle);overflow-wrap:anywhere;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px 12px;padding:12px 14px}
.ai-byok__connected span{border:1px solid var(--studio-border);background:var(--studio-bg-card);color:var(--studio-ink-secondary);border-radius:9999px;padding:2px 10px;font-size:12px}
.ai-byok__connected button{border:1px solid var(--studio-border);background:var(--studio-bg-elevated);color:var(--studio-ink);font:inherit;cursor:pointer;border-radius:9999px;min-height:32px;padding:4px 12px;font-size:12px;font-weight:500}
.ai-byok__links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px}
.ai-byok__links a{color:var(--studio-ink-secondary);text-decoration:underline;text-underline-offset:3px}
.ai-byok__guide{border:1px solid var(--studio-border);background:var(--studio-bg-subtle);border-radius:16px;padding:10px 14px}
.ai-byok__guide summary{cursor:pointer;color:var(--studio-ink);font-size:13px;font-weight:600}
.ai-byok__guide h4,.ai-byok__guide p,.ai-byok__guide .ai-byok__links{margin-top:10px}
.ai-byok__guide ol{margin:8px 0 0;padding-inline-start:20px}
.ai-byok button[type=submit],.ai-byok .studio-button{font:inherit;border:1px solid var(--studio-accent);color:var(--studio-on-accent,var(--studio-on-accent));background:var(--studio-accent);cursor:pointer;border-radius:9999px;justify-self:start;min-height:38px;padding:8px 18px;transition:opacity .12s,background-color .12s;font-size:13px;font-weight:600}
.ai-byok button:disabled,.ai-byok input:disabled,.ai-byok select:disabled{opacity:.5;cursor:not-allowed}
.ai-byok :-webkit-any(button,input,select,a,summary):focus-visible{outline:2px solid var(--studio-focus,var(--studio-accent));outline-offset:2px}
.ai-byok :-moz-any(button,input,select,a,summary):focus-visible{outline:2px solid var(--studio-focus,var(--studio-accent));outline-offset:2px}
.ai-byok :is(button,input,select,a,summary):focus-visible{outline:2px solid var(--studio-focus,var(--studio-accent));outline-offset:2px}
.zuku-directory{width:min(100%,var(--zk-content-max));padding:var(--zk-space-6)var(--zk-gutter)var(--zk-space-12);color:var(--zk-text);font-family:var(--zk-font-sans);overflow-wrap:anywhere;margin-inline-start:auto;margin-inline-end:auto}
.zuku-directory :-webkit-any(h1,h2,h3,p){margin-block:0 var(--zk-space-3)}
.zuku-directory :-moz-any(h1,h2,h3,p){margin-block:0 var(--zk-space-3)}
.zuku-directory :is(h1,h2,h3,p){margin-block:0 var(--zk-space-3)}
.zuku-directory h1{font-size:var(--zk-fs-display);font-weight:var(--zk-fw-bold);line-height:var(--zk-lh-display);letter-spacing:var(--zk-tracking-tight);word-break:keep-all}
.zuku-directory h2{font-size:var(--zk-fs-title);font-weight:var(--zk-fw-bold);line-height:var(--zk-lh-title);letter-spacing:var(--zk-tracking-tight);word-break:keep-all}
.zuku-directory :-webkit-any(p,li){color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);word-break:keep-all;max-width:44em}
.zuku-directory :-moz-any(p,li){color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);word-break:keep-all;max-width:44em}
.zuku-directory :is(p,li){color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);word-break:keep-all;max-width:44em}
.zuku-directory>h2:not(:first-child){margin-top:var(--zk-space-8)}
.zuku-directory .zuku-directory__lead{color:var(--zk-text-2);font-size:var(--zk-fs-title-sm);line-height:var(--zk-lh-body)}
.zuku-directory a:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset);border-radius:var(--zk-radius-xs)}
.zuku-directory__crumb{display:flex;align-items: center;gap:var(--zk-space-1);margin-bottom:var(--zk-space-2);color:var(--zk-text-3);font-size:var(--zk-fs-meta);flex-wrap:wrap}
.zuku-directory__crumb a{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-touch);color:var(--zk-text-2);text-decoration:none}
@media (hover:hover){.zuku-directory__crumb a:hover{color:var(--zk-text);text-decoration:underline;text-underline-offset:3px}}
.zuku-directory__links{display:flex;gap:var(--zk-space-1)var(--zk-space-5);margin-block:var(--zk-space-4);flex-wrap:wrap}
.zuku-directory__links a{display:inline-flex;min-height:var(--zk-touch);color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);text-decoration:underline;text-decoration-color:var(--zk-line-strong);text-underline-offset:4px;align-items: center}
@media (hover:hover){.zuku-directory__links a:hover{color:var(--zk-text);text-decoration-color:currentColor}}
.zuku-directory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(320px*var(--zk-ui-scale))),1fr));gap:var(--zk-space-3);margin-block:var(--zk-space-6)}
.zuku-directory__card{position:relative;display:grid;align-content: start;gap:var(--zk-space-2);padding:var(--zk-space-5);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);transition:border-color var(--zk-dur-2)var(--zk-ease-out),background-color var(--zk-dur-2)var(--zk-ease-out);min-width:0}
.zuku-directory__card-top{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-3);min-height:calc(20px*var(--zk-ui-scale))}
.zuku-directory__card-name{color:var(--zk-text-3);font-family:var(--zk-font-label);font-size:var(--zk-fs-caption);font-weight:var(--zk-fw-semibold);letter-spacing:var(--zk-tracking-label)}
.zuku-directory .zuku-directory__card h2{font-size:var(--zk-fs-title-sm);margin:0}
.zuku-directory__card h2 a{display:inline-flex;align-items: center;gap:var(--zk-space-1);color:var(--zk-text);text-decoration:none}
.zuku-directory__card h2 a:after{content:"";position:absolute;border-radius:inherit;inset:0}
.zuku-directory__card h2 a:focus-visible{outline:none}
.zuku-directory__card:has(h2 a:focus-visible){outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.zuku-directory .zuku-directory__card>p{font-size:var(--zk-fs-label);margin:0}
.zuku-directory__card-arrow{color:var(--zk-text-3);transition:transform var(--zk-dur-2)var(--zk-ease-out)}
@media (hover:hover){.zuku-directory__card:hover{border-color:var(--zk-line-strong);background:var(--zk-surface-hover)}.zuku-directory__card:hover .zuku-directory__card-arrow{color:var(--zk-text);transform:translate(2px)}}
@media (prefers-reduced-motion:reduce){.zuku-directory__card,.zuku-directory__card-arrow{transition:none}}
.zuku-directory__cta{margin-block:var(--zk-space-2)var(--zk-space-4)}
.zuku-directory .zuku-directory__steps{display:grid;gap:var(--zk-space-3);list-style:none;counter-reset:zuku-step;margin:0;padding:0}
.zuku-directory__steps li{position:relative;min-height:calc(28px*var(--zk-ui-scale));padding-left:calc(40px*var(--zk-ui-scale));color:var(--zk-text);counter-increment:zuku-step}
.zuku-directory__steps li:before{content:counter(zuku-step);position:absolute;display:inline-grid;width:calc(28px*var(--zk-ui-scale));height:calc(28px*var(--zk-ui-scale));border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-control);color:var(--zk-text-2);font-family:var(--zk-font-mono);font-size:var(--zk-fs-meta);font-variant-numeric:tabular-nums;place-items: center;top:0;left:0}
.zuku-directory .zuku-directory__details{display:grid;gap:var(--zk-space-2);padding:var(--zk-space-4)var(--zk-space-5);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface);margin:0}
.zuku-directory .zuku-directory__details p{margin:0}
@media (max-width:599px){.zuku-directory.zuku-directory{padding-top:var(--zk-space-4)}.zuku-directory .zuku-directory__card{padding:var(--zk-space-4)}}
.srOnly_woqFEQ{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}
.card_woqFEQ{display:flex;gap:var(--zk-space-3);padding:var(--zk-space-4);background:var(--zk-surface);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);flex-direction:column}
.card_woqFEQ .block_woqFEQ{border-radius:var(--zk-radius-xs);height:16px}
.row_woqFEQ{display:flex;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-3)var(--zk-space-4);background:var(--zk-surface);border-radius:var(--zk-radius-panel)}
.row_woqFEQ .block_woqFEQ{border-radius:var(--zk-radius-xs);flex:auto;height:14px}
.row_woqFEQ .block_woqFEQ:first-child{width:calc(36px*var(--zk-ui-scale));height:calc(36px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);flex:none}
.text_woqFEQ{display:flex;gap:var(--zk-space-2);flex-direction:column}
.text_woqFEQ .block_woqFEQ{border-radius:var(--zk-radius-xs);height:12px}
.text_woqFEQ .block_woqFEQ:nth-child(2){width:80%}
.text_woqFEQ .block_woqFEQ:nth-child(3){width:60%}
.grid_woqFEQ{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(220px*var(--zk-ui-scale))),1fr));gap:var(--zk-space-3)}
.grid_woqFEQ .block_woqFEQ{height:calc(180px*var(--zk-ui-scale));border-radius:var(--zk-radius-media)}
.block_woqFEQ{background:var(--zk-skeleton);animation:surface-skeleton-pulse 1.4s var(--zk-ease-out)infinite alternate}
.page_woqFEQ,.detail_woqFEQ,.form_woqFEQ,.list_woqFEQ{width:100%;min-width:0}
.pageBody_woqFEQ,.fields_woqFEQ,.sections_woqFEQ,.list_woqFEQ{display:grid;gap:var(--zk-gap-lg)}
.pageBody_woqFEQ,.fields_woqFEQ{padding-block:var(--zk-space-4)}
.heading_woqFEQ,.lines_woqFEQ,.content_woqFEQ,.field_woqFEQ{display:grid;gap:var(--zk-space-3);min-width:0}
.heading_woqFEQ .block_woqFEQ{border-radius:var(--zk-radius-xs);width:min(60%,360px);height:16px}
.heading_woqFEQ .block_woqFEQ:first-child{width:min(80%,480px);height:30px}
.heading_woqFEQ .block_woqFEQ:last-child{width:min(40%,240px)}
.lines_woqFEQ .block_woqFEQ,.field_woqFEQ>.block_woqFEQ{border-radius:var(--zk-radius-xs);height:14px}
.lines_woqFEQ .block_woqFEQ:last-child{width:65%}
.columns_woqFEQ{display:grid;grid-template-columns:minmax(0,2fr)minmax(0,1fr);gap:var(--zk-space-6)}
.media_woqFEQ{aspect-ratio:16/9;border-radius:var(--zk-radius-media)}
.control_woqFEQ{min-height:var(--zk-control-h-md);border-radius:var(--zk-radius-control)}
.field_woqFEQ>.control_woqFEQ{height:var(--zk-control-h-md)}
.field_woqFEQ>.block_woqFEQ:first-child{width:35%}
.editor_woqFEQ{min-height:calc(180px*var(--zk-ui-scale));border-radius:var(--zk-radius-panel)}
.list_woqFEQ{gap:var(--zk-space-3)}
.listRow_woqFEQ{display:flex;align-items: center;gap:var(--zk-space-3);min-width:0}
.listRow_woqFEQ .lines_woqFEQ{flex:1}
.thumbnail_woqFEQ{aspect-ratio:16/9;border-radius:var(--zk-radius-media);flex:none;width:min(28%,96px)}
@media (max-width:767px){.columns_woqFEQ{grid-template-columns:minmax(0,1fr)}}
@keyframes surface-skeleton-pulse_woqFEQ{0%{opacity:1}to{opacity:.55}}
@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) .block_woqFEQ{animation:none}}
html[data-reduced-motion=true] .block_woqFEQ{animation:none}
@media (max-width:1023px){[data-ui-shell=social][data-immersive]{background:var(--zk-media-stage)}[data-ui-shell=social][data-immersive]>header{display:none}[data-ui-shell=social][data-immersive] #main-content{padding:0}[data-ui-shell=social][data-immersive]:has(.sw-topbar[data-surface=paper]){background:var(--zk-bg)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks]{border-top-color:color-mix(in srgb,var(--zk-on-media)12%,transparent);background:var(--zk-media-stage)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :-webkit-any(a,button){color:color-mix(in srgb,var(--zk-on-media)72%,transparent)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :-moz-any(a,button){color:color-mix(in srgb,var(--zk-on-media)72%,transparent)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :is(a,button){color:color-mix(in srgb,var(--zk-on-media)72%,transparent)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :-webkit-any(a,button):-webkit-any([aria-current],[data-active]){color:var(--zk-on-media)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :-moz-any(a,button):-moz-any([aria-current],[data-active]){color:var(--zk-on-media)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :is(a,button):is([aria-current],[data-active]){color:var(--zk-on-media)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :-webkit-any(a,button):focus-visible{outline-color:var(--zk-on-media)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :-moz-any(a,button):focus-visible{outline-color:var(--zk-on-media)}[data-ui-shell=social][data-immersive]:not(:has(.sw-topbar[data-surface=paper])) [data-dock-kind=tasks] :is(a,button):focus-visible{outline-color:var(--zk-on-media)}.sw-page:has(.sw-topbar[data-surface=paper]){background:var(--zk-bg)}}
.sw-page{--sw-rail-w:calc(56px*var(--zk-ui-scale));--sw-topbar-h:calc(44px*var(--zk-ui-scale));--sw-scrub-h:max(24px,var(--zk-touch));--sw-text-scrim:color-mix(in srgb,var(--zk-media-stage)72%,transparent);position:relative;display:grid;grid-template-columns:minmax(0,1fr);height:calc(100svh - var(--zk-dock-offset));height:calc(100dvh - var(--zk-dock-offset));overflow:hidden;background:var(--zk-media-stage);color:var(--zk-on-media);font-family:var(--zk-font-sans);width:100%}
.sw-page :focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
.sw-feed{position:relative;min-width:0;height:100%;min-height:0}
@media (max-width:1023px){.sw-page--embedded{position:fixed;top:var(--zk-header-block);right:0;bottom:var(--zk-dock-offset);height:auto;left:0}}
.sw-track{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%}
.sw-track::-webkit-scrollbar{display:none}
.sw-slot{position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;height:100%}
.sw-slide{position:relative;isolation:isolate;height:100%}
.sw-stage{position:absolute;overflow:hidden;background:var(--zk-media-stage);inset:0}
.sw-stage :focus-visible{outline-color:var(--zk-product-mark)}
.sw-topbar :focus-visible{outline-color:var(--zk-product-mark)}
.sw-status :focus-visible{outline-color:var(--zk-product-mark)}
.sw-restore:focus-visible{outline-color:var(--zk-product-mark)}
.sw-media{position:absolute;isolation:isolate;transition:bottom var(--zk-dur-3)var(--zk-ease-out);inset:0}
.sw-media__frame{position:absolute;inset:0}
.sw-media__video,.sw-media__poster,.sw-media__embed{position:absolute;object-fit:contain;background:var(--zk-media-stage);border:0;width:100%;height:100%;inset:0}
.sw-media[data-fit=cover] :-webkit-any(.sw-media__video,.sw-media__poster){object-fit:cover}
.sw-media[data-fit=cover] :-moz-any(.sw-media__video,.sw-media__poster){object-fit:cover}
.sw-media[data-fit=cover] :is(.sw-media__video,.sw-media__poster){object-fit:cover}
@media (min-aspect-ratio:3/4){.sw-media[data-fit=cover] :-webkit-any(.sw-media__video,.sw-media__poster){object-fit:contain}.sw-media[data-fit=cover] :-moz-any(.sw-media__video,.sw-media__poster){object-fit:contain}.sw-media[data-fit=cover] :is(.sw-media__video,.sw-media__poster){object-fit:contain}}
.sw-media .thumb{position:absolute;width:100%;height:100%;inset:0}
.sw-media .thumb-image{width:100%;height:100%}
.sw-tamp,.sw-tamp__host{position:absolute;inset:0}
.sw-tamp__host video{width:100%;height:100%}
.sw-shade{position:absolute;background:linear-gradient(to top,var(--zk-media-scrim),transparent);pointer-events:none;height:42%;inset:auto 0 0}
@media (max-height:700px) and (max-width:1023px){.sw-shade{height:72%}}
.sw-gesture{position:absolute;z-index:var(--zk-z-raised);cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;padding:0;inset:0}
.sw-gesture:focus-visible{outline-offset:calc(-1*var(--zk-space-1))}
.sw-play{position:absolute;z-index:var(--zk-z-raised);display:grid;width:calc(64px*var(--zk-ui-scale));height:calc(64px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);background:var(--zk-media-scrim);color:var(--zk-on-media);cursor:pointer;border:0;place-items: center;padding:0;top:50%;left:50%;transform:translate(-50%,-50%)}
.sw-play .neon-icon{margin-left:3px}
.sw-buffer{position:absolute;z-index:var(--zk-z-raised);display:grid;width:calc(56px*var(--zk-ui-scale));height:calc(56px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);background:var(--zk-media-scrim);color:var(--zk-on-media);pointer-events:none;place-items: center;top:50%;left:50%;transform:translate(-50%,-50%)}
.sw-buffer .neon-icon{animation:sw-spin var(--zk-dur-loop)linear infinite}
.sw-media-error{position:absolute;z-index:var(--zk-z-raised);display:flex;justify-content:center;align-items: center;gap:var(--zk-space-2);padding:var(--zk-space-6);background:color-mix(in srgb,var(--zk-media-stage)88%,transparent);color:var(--zk-on-media);text-align:center;flex-direction:column;inset:0}
.sw-media-error strong{font-size:var(--zk-fs-title-sm);font-weight:var(--zk-fw-bold);letter-spacing:var(--zk-tracking-tight)}
.sw-media-error p{color:color-mix(in srgb,var(--zk-on-media)80%,transparent);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);margin:0}
.sw-media-error__retry{display:inline-flex;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-touch);margin-top:var(--zk-space-2);padding:0 var(--zk-space-4);border:var(--zk-hairline)solid color-mix(in srgb,var(--zk-on-media)44%,transparent);border-radius:var(--zk-radius-pill);color:var(--zk-on-media);font:var(--zk-fw-semibold)var(--zk-fs-label)/1 var(--zk-font-sans);cursor:pointer;transition:background-color var(--zk-dur-2)var(--zk-ease-out);background:0 0}
.sw-media-error__retry:active{background:color-mix(in srgb,var(--zk-on-media)16%,transparent)}
@media (hover:hover){.sw-media-error__retry:hover{background:color-mix(in srgb,var(--zk-on-media)12%,transparent)}}
.sw-unsupported{position:absolute;top:50%;right:var(--zk-space-6);left:var(--zk-space-6);padding:var(--zk-space-3)var(--zk-space-4);border-radius:var(--zk-radius-control);background:var(--zk-media-scrim);font-size:var(--zk-fs-label);text-align:center;margin:0;transform:translateY(-50%)}
.sw-heart{position:absolute;width:calc(96px*var(--zk-ui-scale));height:calc(96px*var(--zk-ui-scale));color:var(--zk-product-mark);pointer-events:none;animation:sw-heart calc(var(--zk-dur-3)*3)var(--zk-ease-out)forwards;margin:-48px 0 0 -48px}
.sw-heart .neon-icon{filter:drop-shadow(0 2px 4px var(--zk-media-scrim));width:100%;height:100%}
.sw-caption{position:absolute;right:calc(var(--sw-rail-w) + var(--zk-space-4) + var(--zk-safe-right));bottom:calc(var(--sw-scrub-h) + var(--zk-space-2));left:calc(var(--zk-space-3) + var(--zk-safe-left));z-index:var(--zk-z-raised);display:flex;align-items: flex-start;gap:var(--zk-space-1);max-width:calc(560px*var(--zk-ui-scale));background:var(--sw-text-scrim);box-shadow:0 0 0 var(--zk-space-1)var(--sw-text-scrim);border-radius:var(--zk-radius-xs);color:var(--zk-on-media);text-shadow:0 1px 2px var(--zk-media-scrim);flex-direction:column}
.sw-caption[data-expanded]:before{content:"";position:absolute;top:calc(-1*var(--zk-space-16));right:calc(-1*(var(--sw-rail-w) + var(--zk-space-4) + var(--zk-safe-right)));bottom:calc(-1*(var(--sw-scrub-h) + var(--zk-space-2)));left:calc(-1*(var(--zk-space-3) + var(--zk-safe-left)));z-index:-1;background:linear-gradient(to top,var(--zk-media-scrim)72%,transparent);pointer-events:none}
.sw-caption__byline{display:flex;align-items:baseline;gap:var(--zk-space-2);max-width:100%}
.sw-caption__name{overflow:hidden;color:inherit;font-size:var(--zk-fs-body);font-weight:var(--zk-fw-semibold);letter-spacing:var(--zk-tracking-tight);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.sw-caption__meta{display:inline-flex;gap:var(--zk-space-2);color:color-mix(in srgb,var(--zk-on-media)80%,transparent);font-size:var(--zk-fs-caption);font-variant-numeric:tabular-nums;flex:none}
.sw-caption__scroll{max-width:100%}
.sw-caption[data-expanded] .sw-caption__scroll{overflow-y:auto;overscroll-behavior:contain;max-height:40dvh}
.sw-caption__text{display:-webkit-box;overflow:hidden;font-size:var(--zk-fs-label);line-height:calc(20px*var(--zk-ui-scale));white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;cursor:text;-webkit-box-orient:vertical;margin:0}
.sw-caption[data-expanded] .sw-caption__text{display:block;overflow:visible;-webkit-line-clamp:unset}
.sw-caption__tag{color:inherit;font-weight:var(--zk-fw-semibold);text-decoration:none}
.sw-caption__more{position:relative;min-height:calc(24px*var(--zk-ui-scale));color:inherit;font:var(--zk-fw-semibold)var(--zk-fs-meta)/calc(24px*var(--zk-ui-scale))var(--zk-font-sans);text-shadow:inherit;cursor:pointer;background:0 0;border:0;padding:0}
.sw-caption__more:after{content:"";position:absolute;inset:calc(-1*var(--zk-space-3))calc(-1*var(--zk-space-4))}
.sw-caption__badge{padding:2px var(--zk-space-2);border-radius:var(--zk-radius-xs);background:var(--zk-media-scrim);font:var(--zk-fw-semibold)var(--zk-fs-caption)/1.4 var(--zk-font-sans);text-shadow:none}
.sw-rail{position:absolute;right:calc(var(--zk-space-2) + var(--zk-safe-right));bottom:calc(var(--sw-scrub-h) + var(--zk-space-2));z-index:var(--zk-z-raised);display:flex;align-items: center;gap:var(--zk-space-4);width:var(--sw-rail-w);max-height:calc(100% - var(--sw-topbar-h) - var(--sw-scrub-h) - 2*var(--zk-space-2));overflow-y:auto;overscroll-behavior:contain;color:var(--zk-on-media);flex-direction:column;padding:4px}
.sw-rail>*{flex-shrink:0}
.sw-rail__creator{position:relative;display:grid;height:calc(48px*var(--zk-ui-scale) + var(--zk-touch));align-content: start;justify-items:center;width:100%}
.sw-rail__avatar{display:block;width:calc(44px*var(--zk-ui-scale));height:calc(44px*var(--zk-ui-scale));border:1.5px solid var(--zk-on-media);border-radius:var(--zk-radius-pill)}
.sw-rail__avatar .zds-avatar{width:100%;height:100%}
.sw-rail__follow{position:absolute;display:grid;width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-pill);background:var(--zk-product);color:var(--zk-on-product);font:var(--zk-fw-bold)calc(16px*var(--zk-ui-scale))/1 var(--zk-font-sans);cursor:pointer;border:0;place-items: center;padding:0;bottom:0;left:50%;transform:translate(-50%)}
.sw-rail__follow:disabled{cursor:progress;opacity:.6}
.sw-rail__btn{display:flex;min-width:var(--zk-touch);min-height:var(--zk-touch);color:inherit;text-decoration:none;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items: center;gap:2px;padding:0}
.sw-rail__icon{display:grid;width:var(--zk-touch);height:calc(40px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);filter:drop-shadow(0 1px 1px var(--zk-media-scrim));transition:transform var(--zk-dur-1)var(--zk-ease-out),background-color var(--zk-dur-2)var(--zk-ease-out);place-items: center}
.sw-rail__btn:active .sw-rail__icon{transform:scale(.94)}
.sw-rail__btn[data-liked] .sw-rail__icon{color:var(--zk-product-mark)}
.sw-rail__count{font:var(--zk-fw-semibold)var(--zk-fs-caption)/1.3 var(--zk-font-sans);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px var(--zk-media-scrim),0 0 1px var(--zk-media-scrim);white-space:nowrap}
@media (max-width:1023px){.sw-rail__count{background:var(--sw-text-scrim);box-shadow:0 0 0 2px var(--sw-text-scrim);border-radius:var(--zk-radius-xs)}}
.sw-scrub{position:absolute;z-index:var(--zk-z-raised);height:var(--sw-scrub-h);bottom:0;left:0;right:0}
.sw-scrub__hit{position:absolute;display:flex;cursor:pointer;touch-action:none;align-items: flex-end;inset:0}
.sw-scrub__hit:focus-visible{outline-offset:calc(-1*var(--zk-focus-width))}
.sw-scrub__track{position:relative;background:color-mix(in srgb,var(--zk-on-media)32%,transparent);transition:height var(--zk-dur-2)var(--zk-ease-out);width:100%;height:2px}
.sw-scrub__fill{position:absolute;background:var(--zk-on-media);transform:scaleX(var(--sw-progress,0));transform-origin:left center;inset:0}
.sw-scrub[data-dragging] .sw-scrub__track{height:4px}
.sw-scrub__hit:focus-visible .sw-scrub__track{height:4px}
.sw-scrub[data-dragging] .sw-scrub__fill{background:var(--zk-product-mark)}
.sw-scrub__bubble{position:absolute;bottom:calc(var(--sw-scrub-h) + var(--zk-space-3));padding:var(--zk-space-1)var(--zk-space-3);border-radius:var(--zk-radius-control);background:var(--zk-media-scrim);color:var(--zk-on-media);font:var(--zk-fw-semibold)var(--zk-fs-label)/1.4 var(--zk-font-sans);font-variant-numeric:tabular-nums;pointer-events:none;left:50%;transform:translate(-50%)}
@media (hover:hover){.sw-scrub:hover .sw-scrub__track{height:4px}}
.sw-stage-controls{display:none}
.sw-topbar{position:absolute;display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-2);height:calc(var(--sw-topbar-h) + var(--zk-safe-top));padding:var(--zk-safe-top)calc(var(--zk-space-2) + var(--zk-safe-right))0 calc(var(--zk-space-4) + var(--zk-safe-left));z-index:var(--zk-z-raised);color:var(--zk-on-media);isolation:isolate;pointer-events:none;top:0;left:0;right:0}
.sw-topbar:before{content:"";position:absolute;inset:0 0 calc(-1*var(--zk-space-8));z-index:-1;background:linear-gradient(to bottom,var(--sw-text-scrim)0,var(--sw-text-scrim)calc(var(--zk-safe-top) + var(--sw-topbar-h) - var(--zk-space-2)),transparent 100%)}
.sw-topbar :-webkit-any(a,button){pointer-events:auto}
.sw-topbar :-moz-any(a,button){pointer-events:auto}
.sw-topbar :is(a,button){pointer-events:auto}
.sw-tabs{display:flex;gap:var(--zk-space-5)}
.sw-tabs__tab{position:relative;min-height:var(--zk-touch);color:color-mix(in srgb,currentColor 64%,transparent);font:var(--zk-fw-semibold)var(--zk-fs-body)/1 var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);text-shadow:0 1px 2px var(--zk-media-scrim);cursor:pointer;background:0 0;border:0;padding:0}
.sw-tabs__tab:-webkit-any([aria-selected=true],[aria-current=page]){color:inherit}
.sw-tabs__tab:-moz-any([aria-selected=true],[aria-current=page]){color:inherit}
.sw-tabs__tab:is([aria-selected=true],[aria-current=page]){color:inherit}
.sw-tabs__tab:-webkit-any([aria-selected=true],[aria-current=page]):after{content:"";position:absolute;border-radius:var(--zk-radius-pill);background:var(--zk-product-mark);height:2px;bottom:6px;left:0;right:0}
.sw-tabs__tab:-moz-any([aria-selected=true],[aria-current=page]):after{content:"";position:absolute;border-radius:var(--zk-radius-pill);background:var(--zk-product-mark);height:2px;bottom:6px;left:0;right:0}
.sw-tabs__tab:is([aria-selected=true],[aria-current=page]):after{content:"";position:absolute;border-radius:var(--zk-radius-pill);background:var(--zk-product-mark);height:2px;bottom:6px;left:0;right:0}
.sw-topbar[data-surface=paper]{color:var(--zk-text);background:0 0}
.sw-topbar[data-surface=paper]:before{display:none}
.sw-topbar[data-surface=paper] .sw-tabs__tab{text-shadow:none}
.sw-topbar[data-surface=paper] .sw-tabs__tab:-webkit-any([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}
.sw-topbar[data-surface=paper] .sw-tabs__tab:-moz-any([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}
.sw-topbar[data-surface=paper] .sw-tabs__tab:is([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}
.sw-topbar[data-surface=paper] .sw-topbar__actions{display:none}
.sw-topbar[data-surface=paper] :focus-visible{outline-color:var(--zk-focus)}
.sw-tabpanel{height:100%}
.sw-topbar__actions{display:flex;align-items: center;gap:var(--zk-space-2)}
.sw-topbar__link{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-touch);padding:0 var(--zk-space-2);color:inherit;font-size:var(--zk-fs-meta);font-weight:var(--zk-fw-semibold);text-decoration:none;text-shadow:0 1px 2px var(--zk-media-scrim)}
.sw-sound-pill{position:relative;display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:calc(36px*var(--zk-ui-scale));padding:0 var(--zk-space-3);border:var(--zk-hairline)solid color-mix(in srgb,var(--zk-on-media)36%,transparent);border-radius:var(--zk-radius-pill);background:var(--zk-media-scrim);color:var(--zk-on-media);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1 var(--zk-font-sans);cursor:pointer}
.sw-sound-pill:after{content:"";position:absolute;inset:-4px 0}
.sw-status{position:absolute;top:calc(var(--zk-safe-top) + var(--sw-topbar-h) + var(--zk-space-2));pointer-events:none;left:50%;transform:translate(-50%)}
.sw-chip{display:inline-flex;align-items: center;gap:var(--zk-space-2);min-height:calc(36px*var(--zk-ui-scale));padding:0 var(--zk-space-4);border-radius:var(--zk-radius-pill);background:var(--zk-media-scrim);color:var(--zk-on-media);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.3 var(--zk-font-sans);white-space:nowrap;pointer-events:auto;border:0;margin:0}
.sw-chip--action{min-height:var(--zk-touch);cursor:pointer}
.sw-chip .neon-icon{flex:none}
.sw-chip__spin{animation:sw-spin var(--zk-dur-loop)linear infinite}
@media (hover:hover){.sw-chip--action:hover{box-shadow:inset 0 0 0 var(--zk-hairline)color-mix(in srgb,var(--zk-on-media)44%,transparent)}}
.sw-restore{position:absolute;top:calc(var(--zk-safe-top) + var(--zk-space-2));right:calc(var(--zk-space-2) + var(--zk-safe-right))}
.sw-nav{display:none}
.sw-state{display:grid;padding:var(--zk-space-6)var(--zk-gutter);background:var(--zk-bg);color:var(--zk-text);place-items: center;height:100%}
.sw-state>*{max-width:calc(420px*var(--zk-ui-scale))}
.sw-skeleton{position:absolute;inset:0}
.sw-skeleton__slide{position:relative;height:100%}
.sw-skeleton__stage{position:absolute;display:flex;justify-content:flex-end;gap:var(--zk-space-2);padding:0 calc(var(--sw-rail-w) + var(--zk-space-6))var(--zk-space-8)var(--zk-space-3);background:var(--zk-media-stage);flex-direction:column;inset:0}
.sw-skeleton__line,.sw-skeleton__dot{display:block;background:color-mix(in srgb,var(--zk-on-media)14%,transparent);animation:sw-pulse calc(var(--zk-dur-loop)*1.5)ease-in-out infinite}
.sw-skeleton__line{border-radius:var(--zk-radius-xs);width:100%;height:12px}
.sw-skeleton__line--short{width:40%;height:14px}
.sw-skeleton__rail{position:absolute;right:calc(var(--zk-space-2) + var(--zk-safe-right));bottom:var(--zk-space-8);display:flex;gap:var(--zk-space-4);flex-direction:column}
.sw-skeleton__dot{width:var(--zk-touch);height:var(--zk-touch);border-radius:var(--zk-radius-pill)}
@media (max-width:1023px){.sw-slide[data-kind=runtime] .sw-media{inset:0}.sw-rail{gap:var(--zk-space-2);pointer-events:none}.sw-rail :-webkit-any(a,button){pointer-events:auto}.sw-rail :-moz-any(a,button){pointer-events:auto}.sw-rail :is(a,button){pointer-events:auto}.sw-rail__icon{background:var(--sw-text-scrim)}.sw-rail__creator{height:calc(44px*var(--zk-ui-scale));margin-bottom:var(--zk-touch)}.sw-rail__follow{bottom:calc(-1*var(--zk-touch))}.sw-slide[data-kind=runtime] .sw-caption:not([data-expanded]) .sw-caption__text{-webkit-line-clamp:1}}
.sw-media .jump-player-shell--swipe,.sw-media[data-feed-runtime] .jump-player-shell{aspect-ratio:auto;height:100%;max-height:none}
.jump-player-shell--swipe .jump-player-host{inset:44px 0 48px}
.jump-player-shell--swipe .ir-player-controls{opacity:1;visibility:visible;pointer-events:auto}
.jump-player-shell--swipe .ir-player-watermark{display:none}
.swipe-flash-mute{position:absolute;top:6px;right:var(--zk-space-2);display:grid;width:var(--zk-touch);height:var(--zk-touch);border:var(--zk-hairline)solid color-mix(in srgb,var(--zk-on-media)30%,transparent);border-radius:var(--zk-radius-pill);background:var(--zk-media-scrim);color:var(--zk-on-media);cursor:pointer;place-items: center}
.zds-sheet:has(.sw-comments-sheet) .zds-sheet__scrim{background:0 0}
.zds-sheet__panel.sw-comments-sheet{height:min(70dvh,calc(100dvh - var(--sw-keyboard,0px) - var(--zk-safe-top) - var(--zk-space-4)));margin-bottom:var(--sw-keyboard,0px);max-height:92dvh;transition-property:height,transform}
.zds-sheet__panel.sw-comments-sheet--expanded{height:min(92dvh,calc(100dvh - var(--sw-keyboard,0px) - var(--zk-safe-top)))}
.sw-comments-sheet .zds-sheet__body{display:flex;flex-direction:column;padding:0}
.sw-comments__title{display:inline-flex;align-items:baseline;gap:var(--zk-space-2)}
.sw-comments__count{color:var(--zk-text-2);font-weight:var(--zk-fw-semibold);font-variant-numeric:tabular-nums}
.sw-comments{display:flex;flex-direction:column;flex:1 0 auto}
.sw-comments .comments-section{display:flex;border:0;flex-direction:column;flex:1 0 auto;margin:0;padding:0}
.sw-comments .comment-list{padding:var(--zk-space-2)var(--zk-space-4);flex:auto;order:1}
.sw-comments .feed-notice{margin:var(--zk-space-2)var(--zk-space-4)0;order:0}
.sw-comments .comment-input{position:sticky;display:flex;align-items: flex-end;gap:var(--zk-space-2);padding:var(--zk-space-3)var(--zk-space-4)calc(var(--zk-space-3) + var(--zk-safe-bottom));border-top:var(--zk-hairline)solid var(--zk-line);background:var(--zk-surface-raised);flex-direction:row;order:2;margin:0;bottom:0}
.sw-comments .comment-input textarea{box-sizing:border-box;min-height:var(--zk-control-h-md);max-height:calc(120px*var(--zk-ui-scale));padding-block:calc((var(--zk-control-h-md) - 1.5em - 2*var(--zk-hairline))/2);border-radius:var(--zk-radius-control);font-size:var(--zk-fs-input);resize:none;field-sizing:content;flex:1;line-height:1.5}
.sw-comments .comment-input .comment-btn-primary{min-height:var(--zk-control-h-md);border-radius:var(--zk-radius-pill);flex:none}
.sw-page[data-comments=open] .sw-slot[data-phase=active] .sw-media{bottom:calc(70dvh - var(--zk-dock-offset))}
.sw-page[data-comments=open] .sw-slot[data-phase=active] :-webkit-any(.sw-caption,.sw-rail,.sw-scrub){opacity:0;pointer-events:none}
.sw-page[data-comments=open] .sw-slot[data-phase=active] :-moz-any(.sw-caption,.sw-rail,.sw-scrub){opacity:0;pointer-events:none}
.sw-page[data-comments=open] .sw-slot[data-phase=active] :is(.sw-caption,.sw-rail,.sw-scrub){opacity:0;pointer-events:none}
.sw-page[data-comments=open] .sw-slot[data-phase=active] .sw-media :-webkit-any(.sw-media__video,.sw-media__poster){object-fit:contain}
.sw-page[data-comments=open] .sw-slot[data-phase=active] .sw-media :-moz-any(.sw-media__video,.sw-media__poster){object-fit:contain}
.sw-page[data-comments=open] .sw-slot[data-phase=active] .sw-media :is(.sw-media__video,.sw-media__poster){object-fit:contain}
.sw-more{display:flex;gap:var(--zk-space-4);flex-direction:column}
.sw-more__section{display:flex;gap:var(--zk-space-2);flex-direction:column}
.sw-more__label{color:var(--zk-text-2);font-size:var(--zk-fs-meta);font-weight:var(--zk-fw-semibold);margin:0}
.sw-more__list{display:flex;flex-direction:column}
.sw-more__actions{display:flex;justify-content:space-between;gap:var(--zk-space-2)}
.sw-report{display:flex;border:0;flex-direction:column;margin:0;padding:0}
.sw-report legend{margin-bottom:var(--zk-space-2);padding:0}
.sw-report__option{display:flex;align-items: center;gap:var(--zk-space-3);min-height:calc(48px*var(--zk-ui-scale));border-bottom:var(--zk-hairline)solid var(--zk-line);font-size:var(--zk-fs-body);cursor:pointer}
.sw-report__option input{accent-color:var(--zk-accent-fg);width:20px;height:20px;margin:0}
.sw-report__hint{margin:var(--zk-space-3)0 0;color:var(--zk-text-2);font-size:var(--zk-fs-meta)}
.sw-keys{display:grid;gap:0;margin:0}
.sw-keys__row{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-4);min-height:calc(44px*var(--zk-ui-scale));border-bottom:var(--zk-hairline)solid var(--zk-line)}
.sw-keys dt{display:flex;gap:var(--zk-space-1)}
.sw-keys dd{color:var(--zk-text-2);font-size:var(--zk-fs-label);margin:0}
.sw-keys kbd{min-width:calc(28px*var(--zk-ui-scale));padding:2px var(--zk-space-2);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-radius-xs);background:var(--zk-surface-2);color:var(--zk-text);font:var(--zk-fw-semibold)var(--zk-fs-meta)/1.4 var(--zk-font-label);text-align:center}
.sw-panel{display:none}
@media (min-width:1024px){.sw-page{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--zk-header-block));background:var(--zk-bg);color:var(--zk-text)}.sw-page[data-panel=open]{grid-template-columns:minmax(0,1fr)calc(400px*var(--zk-ui-scale))}.sw-page--embedded{height:calc(100dvh - var(--zk-header-block) - var(--zk-space-12));border-radius:var(--zk-radius-panel)}.sw-slide{display:flex;justify-content:center;align-items: flex-end;gap:var(--zk-space-4);padding:calc(var(--zk-space-4) + var(--zk-touch))calc(var(--zk-space-16) + var(--zk-space-6))var(--zk-space-4)var(--zk-space-6)}.sw-stage{position:relative;height:min(100%,calc(900px*var(--zk-ui-scale)));max-width:calc(100% - var(--sw-rail-w) - var(--zk-space-4));aspect-ratio:9/16;border-radius:var(--zk-radius-media);flex:none;inset:auto}.sw-slide[data-kind=runtime] .sw-stage{aspect-ratio:3/4}@media (min-width:1920px){.sw-stage{height:min(100%,calc(1080px*var(--zk-ui-scale)))}}.sw-caption{right:var(--zk-space-4);left:var(--zk-space-4)}.sw-caption[data-expanded]:before{right:calc(-1*var(--zk-space-4));left:calc(-1*var(--zk-space-4))}.sw-shade{height:36%}.sw-rail{position:static;overflow:visible;margin-bottom:var(--zk-space-2);color:var(--zk-text);flex:none;max-height:none;padding:0}.sw-rail__avatar{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));border-color:var(--zk-line)}.sw-rail__creator{height:calc(52px*var(--zk-ui-scale) + var(--zk-touch))}.sw-rail__icon{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));background:var(--zk-surface-2);filter:none}.sw-rail__icon .neon-icon{width:24px;height:24px}.sw-rail__btn[data-liked] .sw-rail__icon{background:var(--zk-product);color:var(--zk-on-product)}.sw-rail__count{color:var(--zk-text-2);text-shadow:none}.sw-page :-webkit-any(.sw-rail,.sw-nav) :focus-visible{outline-color:var(--zk-focus)}.sw-page :-moz-any(.sw-rail,.sw-nav) :focus-visible{outline-color:var(--zk-focus)}.sw-page :is(.sw-rail,.sw-nav) :focus-visible{outline-color:var(--zk-focus)}@media (hover:hover){.sw-rail__btn:hover .sw-rail__icon{background:var(--zk-surface-hover)}.sw-rail__btn[data-liked]:hover .sw-rail__icon{background:var(--zk-accent-hover)}}.sw-stage-controls{color:var(--zk-on-media);position:absolute;top:var(--zk-space-3);left:var(--zk-space-3);z-index:var(--zk-z-raised);display:flex;align-items: center;gap:var(--zk-space-2)}.sw-volume{opacity:0;accent-color:var(--zk-product-mark);transition:width var(--zk-dur-3)var(--zk-ease-out),opacity var(--zk-dur-3)var(--zk-ease-out);width:0}.sw-stage-controls:focus-within .sw-volume{width:calc(96px*var(--zk-ui-scale));opacity:1}@media (hover:hover){.sw-stage-controls:hover .sw-volume{width:calc(96px*var(--zk-ui-scale));opacity:1}}.sw-topbar{top:var(--zk-space-4);right:auto;left:var(--zk-space-6);color:var(--zk-text);background:0 0;height:auto;padding:0}.sw-topbar:before,.sw-topbar__actions{display:none}.sw-tabs__tab{font-size:var(--zk-fs-title-sm);text-shadow:none}.sw-tabs__tab:-webkit-any([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}.sw-tabs__tab:-moz-any([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}.sw-tabs__tab:is([aria-selected=true],[aria-current=page]):after{background:var(--zk-accent-fg)}.sw-topbar :focus-visible{outline-color:var(--zk-focus)}.sw-status{top:calc(var(--zk-space-4) + var(--zk-touch))}.sw-restore{top:var(--zk-space-4);right:var(--zk-space-6)}.sw-nav{position:absolute;top:50%;right:var(--zk-space-6);display:flex;gap:var(--zk-space-3);flex-direction:column;transform:translateY(-50%)}.sw-nav .zds-icon-button--secondary{border-radius:var(--zk-radius-pill)}.sw-nav__keys{display:grid;width:var(--zk-touch);height:var(--zk-touch);margin-top:var(--zk-space-4);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-pill);color:var(--zk-text-2);font:var(--zk-fw-semibold)var(--zk-fs-body)/1 var(--zk-font-label);cursor:pointer;background:0 0;place-items: center;padding:0}@media (hover:hover){.sw-nav__keys:hover{background:var(--zk-surface-hover);color:var(--zk-text)}}.sw-skeleton__slide{display:flex;justify-content:center;align-items: flex-end;gap:var(--zk-space-4);padding:calc(var(--zk-space-4) + var(--zk-touch))var(--zk-space-4)var(--zk-space-4)}.sw-skeleton__stage{position:relative;height:min(100%,calc(900px*var(--zk-ui-scale)));aspect-ratio:9/16;padding-right:var(--zk-space-4);border-radius:var(--zk-radius-media);inset:auto}.sw-skeleton__rail{position:static}.sw-skeleton__dot{width:calc(48px*var(--zk-ui-scale));height:calc(48px*var(--zk-ui-scale));background:var(--zk-surface-2)}.sw-panel{display:flex;border-left:var(--zk-hairline)solid var(--zk-line);background:var(--zk-surface);color:var(--zk-text);flex-direction:column;min-width:0;min-height:0}.sw-panel__head{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-2);min-height:calc(56px*var(--zk-ui-scale));padding:0 var(--zk-space-2)0 var(--zk-space-4);border-bottom:var(--zk-hairline)solid var(--zk-line)}.sw-panel__title{display:inline-flex;align-items:baseline;gap:var(--zk-space-2);font-size:var(--zk-fs-title-sm);font-weight:var(--zk-fw-bold);letter-spacing:var(--zk-tracking-tight);margin:0}.sw-panel__body{overflow-y:auto;overscroll-behavior:contain;flex:auto;min-height:0}.sw-panel__creator{display:flex;justify-content:space-between;align-items: center;gap:var(--zk-space-3);padding:var(--zk-space-4)var(--zk-space-4)0}.sw-panel__creator-link{display:flex;align-items: center;gap:var(--zk-space-3);color:inherit;text-decoration:none;min-width:0}.sw-panel__names{display:flex;flex-direction:column;min-width:0}.sw-panel__names strong{overflow:hidden;font-size:var(--zk-fs-body);text-overflow:ellipsis;white-space:nowrap}.sw-panel__names span{color:var(--zk-text-3);font-size:var(--zk-fs-meta)}.sw-panel__caption{margin:var(--zk-space-3)var(--zk-space-4)0;font-size:var(--zk-fs-body);font-weight:var(--zk-fw-semibold);line-height:var(--zk-lh-body);word-break:keep-all;overflow-wrap:anywhere}.sw-panel__description{margin:var(--zk-space-1)var(--zk-space-4)0;color:var(--zk-text-2);font-size:var(--zk-fs-label);line-height:var(--zk-lh-body);white-space:pre-line;overflow-wrap:anywhere}.sw-comments--panel{margin-top:var(--zk-space-3);border-top:var(--zk-hairline)solid var(--zk-line)}.sw-comments--panel .comment-input{padding-bottom:var(--zk-space-3)}.sw-stage .sw-media[data-fit=cover]:not(:-webkit-any([data-orientation=landscape],[data-orientation=square])) :-webkit-any(.sw-media__video,.sw-media__poster){object-fit:cover}.sw-stage .sw-media[data-fit=cover]:not(:-moz-any([data-orientation=landscape],[data-orientation=square])) :-moz-any(.sw-media__video,.sw-media__poster){object-fit:cover}.sw-stage .sw-media[data-fit=cover]:not(:is([data-orientation=landscape],[data-orientation=square])) :is(.sw-media__video,.sw-media__poster){object-fit:cover}}
@supports (height: 1cqh){@media (min-width:1024px){.sw-page.sw-page{--sw-gap:var(--zk-space-4);--sw-nav-w:var(--zk-touch);--sw-pad-t:calc(var(--zk-space-4) + var(--zk-touch));--sw-pad-b:var(--zk-space-4);--sw-pad-r:calc(var(--zk-space-6) + var(--sw-nav-w) + var(--sw-gap));--sw-pad-l:calc(var(--sw-pad-r) + var(--sw-rail-w) + var(--sw-gap));--sw-stage-cap:calc(900px*var(--zk-ui-scale));--sw-ratio:.5625}.sw-page.sw-page[data-panel=open]{--sw-pad-l:var(--zk-space-6)}.sw-page.sw-page:has(.sw-slot[data-phase=active] .sw-slide[data-kind=runtime]){--sw-ratio:.75}.sw-page .sw-feed .sw-slide{--sw-ratio:.5625}.sw-page .sw-feed .sw-slide[data-kind=runtime]{--sw-ratio:.75}.sw-page.sw-page,.sw-page .sw-feed .sw-slide,.sw-page .sw-feed .sw-skeleton__slide{--sw-stage-h:min(100cqh - var(--sw-pad-t) - var(--sw-pad-b),var(--sw-stage-cap),(100cqw - var(--sw-pad-l) - var(--sw-pad-r) - var(--sw-rail-w) - var(--sw-gap))/var(--sw-ratio))}.sw-page>.sw-feed{container-type:size}.sw-page .sw-feed .sw-slot .sw-slide{padding:var(--sw-pad-t)var(--sw-pad-r)var(--sw-pad-b)var(--sw-pad-l);align-items: center}.sw-page .sw-slide .sw-stage{height:var(--sw-stage-h);max-width:none}.sw-page .sw-slide .sw-rail{box-sizing:border-box;height:var(--sw-stage-h);padding-bottom:var(--zk-space-2);justify-content:safe flex-end;margin-bottom:0}.sw-page .sw-feed .sw-nav{top:calc((var(--sw-pad-t) + 100cqh - var(--sw-pad-b))/2);right:auto;left:calc((100cqw + var(--sw-pad-l) - var(--sw-pad-r) + var(--sw-stage-h)*var(--sw-ratio) + var(--sw-gap) + var(--sw-rail-w))/2 + var(--sw-gap))}.sw-page .sw-skeleton .sw-skeleton__slide{padding:var(--sw-pad-t)var(--sw-pad-r)var(--sw-pad-b)var(--sw-pad-l);align-items: center}.sw-page .sw-skeleton .sw-skeleton__stage{height:var(--sw-stage-h)}.sw-page .sw-skeleton .sw-skeleton__rail{align-self: flex-end}}@media (min-width:1920px){.sw-page.sw-page{--sw-stage-cap:calc(1080px*var(--zk-ui-scale))}}}
@supports  not (height: 1cqh){@media (min-width:1280px){.sw-page[data-panel=open] .sw-slide{padding-right:calc(var(--zk-space-16) + var(--zk-space-6))}}}
@keyframes sw-heart{0%{opacity:0;transform:scale(.6)}22%{opacity:1;transform:scale(1.08)}40%{transform:scale(1)}to{opacity:0;transform:translateY(-32px)scale(1)}}
@keyframes sw-spin{to{transform:rotate(360deg)}}
@keyframes sw-pulse{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) :is(.sw-heart,.sw-buffer .neon-icon,.sw-chip__spin,.sw-skeleton__line,.sw-skeleton__dot){animation:none}html:not([data-reduced-motion=false]) .sw-track{scroll-behavior:auto}}
html[data-reduced-motion=true] :is(.sw-heart,.sw-buffer .neon-icon,.sw-chip__spin,.sw-skeleton__line,.sw-skeleton__dot){animation:none}
.zds-visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}
:where(.zds-button,.zds-icon-button,.zds-chip,.zds-segmented__item,.zds-list-row--interactive,.zds-toggle__switch,.zds-toast__action,.zds-toast__close,.zds-media-card__link):focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset)}
:where(.zds-button,.zds-icon-button,.zds-chip,.zds-segmented__item,.zds-field,.zds-field__control,.zds-toggle){--zds-disabled-fg:color-mix(in srgb,var(--zk-text-3)78%,var(--zk-surface-2))}
.zds-button{display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-2);min-height:var(--zk-button-h);padding:0 var(--zk-button-px);border:var(--zk-hairline)solid transparent;border-radius:var(--zk-button-radius);font:var(--zk-fw-semibold)var(--zk-fs-body)/1.2 var(--zk-font-sans);letter-spacing:var(--zk-tracking-body);text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out),transform var(--zk-dur-1)var(--zk-ease-out)}
.zds-button:active:not(:disabled){transform:scale(.98)}
.zds-button:disabled{cursor:not-allowed}
.zds-button:disabled:not([aria-busy]){background:var(--zk-surface-2);color:var(--zds-disabled-fg);border-color:#0000}
.zds-button--ghost:disabled:not([aria-busy]){background:0 0}
.zds-button[aria-busy]{position:relative;cursor:progress}
.zds-button__label{overflow:hidden;text-overflow:ellipsis}
.zds-button__spinner{animation:zds-spin var(--zk-dur-loop)linear infinite;flex:none}
.zds-button__spinner--overlay{position:absolute;margin:auto;inset:0}
.zds-button--busy-overlay>.zds-button__label{opacity:0}
.zds-button__trailing--busy{visibility:hidden}
.zds-button--sm{min-height:var(--zk-button-h-sm);padding-inline:var(--zk-space-3);font-size:var(--zk-fs-label)}
.zds-button--lg{min-height:var(--zk-button-h-lg);padding-inline:var(--zk-space-6);font-size:var(--zk-fs-title-sm)}
.zds-button--block{display:flex;width:100%}
.zds-button--primary{background:var(--zk-accent);color:var(--zk-on-accent)}
.zds-button--secondary{background:var(--zk-surface);border-color:var(--zk-line-strong);color:var(--zk-text)}
.zds-button--ghost{color:var(--zk-text);background:0 0}
.zds-button--danger{background:var(--zk-danger);color:var(--zk-on-danger)}
.zds-button--primary:active:not(:disabled){background:var(--zk-accent-hover)}
.zds-button--secondary:active:not(:disabled){background:var(--zk-surface-2)}
.zds-button--ghost:active:not(:disabled){background:var(--zk-surface-press)}
.zds-button--danger:active:not(:disabled){background:color-mix(in srgb,var(--zk-danger)86%,var(--zk-text))}
@media (hover:hover){.zds-button--primary:hover:not(:disabled){background:var(--zk-accent-hover)}.zds-button--secondary:hover:not(:disabled){background:var(--zk-surface-2);border-color:var(--zk-line-field)}.zds-button--ghost:hover:not(:disabled){background:var(--zk-surface-hover)}.zds-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--zk-danger)86%,var(--zk-text))}}
@media (pointer:coarse){.zds-button{position:relative}.zds-button:after{content:"";position:absolute;inset:min(0px,calc((100% - var(--zk-touch))/2))}}
.zds-icon-button{position:relative;display:inline-grid;width:var(--zk-touch);height:var(--zk-touch);border:var(--zk-hairline)solid transparent;border-radius:var(--zk-radius-control);color:var(--zk-text-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out),transform var(--zk-dur-1)var(--zk-ease-out);background:0 0;flex:none;place-items: center;padding:0}
.zds-icon-button--sm{width:var(--zk-control-h-sm);height:var(--zk-control-h-sm)}
.zds-icon-button--sm:after{content:"";position:absolute;inset:calc((var(--zk-control-h-sm) - var(--zk-touch))/2)}
.zds-icon-button--secondary{border-color:var(--zk-line-strong);background:var(--zk-surface);color:var(--zk-text)}
.zds-icon-button--primary{background:var(--zk-accent);color:var(--zk-on-accent)}
.zds-icon-button--on-media{border-radius:var(--zk-radius-pill);background:var(--zk-media-scrim);color:var(--zk-on-media)}
.zds-icon-button[aria-pressed=true]{color:var(--zk-accent-fg)}
.zds-icon-button--primary[aria-pressed=true],.zds-icon-button--on-media[aria-pressed=true]{color:inherit}
.zds-icon-button:disabled{color:var(--zds-disabled-fg);cursor:not-allowed}
.zds-icon-button:-webkit-any(.zds-icon-button--primary,.zds-icon-button--secondary):disabled{background:var(--zk-surface-2);color:var(--zds-disabled-fg);border-color:#0000}
.zds-icon-button:-moz-any(.zds-icon-button--primary,.zds-icon-button--secondary):disabled{background:var(--zk-surface-2);color:var(--zds-disabled-fg);border-color:#0000}
.zds-icon-button:is(.zds-icon-button--primary,.zds-icon-button--secondary):disabled{background:var(--zk-surface-2);color:var(--zds-disabled-fg);border-color:#0000}
.zds-icon-button:active:not(:disabled){background:var(--zk-surface-press);transform:scale(.96)}
.zds-icon-button--primary:active:not(:disabled){background:var(--zk-accent-hover)}
.zds-icon-button--on-media:active:not(:disabled){background:var(--zk-media-scrim)}
@media (hover:hover){.zds-icon-button:hover:not(:disabled){background:var(--zk-surface-hover);color:var(--zk-text)}.zds-icon-button--primary:hover:not(:disabled){background:var(--zk-accent-hover);color:var(--zk-on-accent)}.zds-icon-button--on-media:hover:not(:disabled){background:var(--zk-media-scrim);color:var(--zk-on-media);box-shadow:inset 0 0 0 var(--zk-hairline)var(--zk-on-media)}.zds-icon-button--secondary:hover:not(:disabled){border-color:var(--zk-line-field)}}
.zds-chip{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-chip-h);padding:0 var(--zk-space-3);border:var(--zk-hairline)solid var(--zk-line-strong);border-radius:var(--zk-chip-radius);background:var(--zk-surface);color:var(--zk-text-2);font:var(--zk-fw-medium)var(--zk-fs-label)/1 var(--zk-font-sans);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--zk-dur-2)var(--zk-ease-out),color var(--zk-dur-2)var(--zk-ease-out),border-color var(--zk-dur-2)var(--zk-ease-out),transform var(--zk-dur-1)var(--zk-ease-out);flex:none}
.zds-chip[aria-pressed=true]{border-color:var(--zk-text);background:var(--zk-text);color:var(--zk-bg)}
.zds-chip__count{font-variant-numeric:tabular-nums;color:inherit;opacity:.72}
.zds-chip:disabled{border-color:var(--zk-line);background:var(--zk-surface-2);color:var(--zds-disabled-fg);cursor:not-allowed}
.zds-chip:active:not(:disabled):not([aria-pressed=true]){background:var(--zk-surface-2)}
.zds-chip:active:not(:disabled){transform:scale(.97)}
@media (hover:hover){.zds-chip:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--zk-line-field);color:var(--zk-text)}}
@media (pointer:coarse){.zds-chip{position:relative}.zds-chip:after{content:"";position:absolute;inset:calc((var(--zk-chip-h) - var(--zk-touch))/2)0}}
.zds-segmented{display:flex;overflow-x:auto;scrollbar-width:none;min-width:0}
.zds-segmented::-webkit-scrollbar{display:none}
.zds-segmented__item{display:inline-flex;justify-content:center;align-items: center;gap:var(--zk-space-1);min-height:var(--zk-touch);color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-body)/1.2 var(--zk-font-sans);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--zk-dur-2)var(--zk-ease-out),background-color var(--zk-dur-2)var(--zk-ease-out),box-shadow var(--zk-dur-2)var(--zk-ease-out);background:0 0;border:0;flex:none}
.zds-segmented__item:disabled{color:var(--zds-disabled-fg);cursor:not-allowed}
.zds-segmented__item:focus-visible{outline-offset:calc(-1*var(--zk-focus-width));border-radius:var(--zk-radius-xs)}
.zds-segmented--segmented .zds-segmented__item{position:relative}
.zds-segmented--segmented .zds-segmented__item:after{content:"";position:absolute;inset:calc((var(--zk-control-h-sm) - var(--zk-touch))/2)0}
.zds-segmented__count{font-variant-numeric:tabular-nums;font-weight:var(--zk-fw-medium)}
.zds-segmented--tabs{gap:var(--zk-space-6);border-bottom:var(--zk-hairline)solid var(--zk-line)}
.zds-segmented--tabs .zds-segmented__item{padding:0 var(--zk-space-1);box-shadow:inset 0 -2px #0000}
.zds-segmented--tabs .zds-segmented__item[aria-selected=true]{color:var(--zk-text);box-shadow:inset 0 -2px 0 var(--zk-accent-fg)}
.zds-segmented--segmented{display:inline-flex;align-self: flex-start;gap:var(--zk-space-1);padding:var(--zk-space-1);border-radius:var(--zk-radius-control);background:var(--zk-surface-2);max-width:100%}
.zds-segmented--segmented .zds-segmented__item{min-height:var(--zk-control-h-sm);padding:0 var(--zk-space-3);border-radius:calc(var(--zk-radius-control) - 2px);font-size:var(--zk-fs-label)}
.zds-segmented--segmented .zds-segmented__item[aria-selected=true]{background:var(--zk-surface);color:var(--zk-text);box-shadow:0 0 0 var(--zk-hairline)var(--zk-line-strong)}
html[data-theme=dark] .zds-segmented--segmented .zds-segmented__item[aria-selected=true]{background:color-mix(in srgb,var(--zk-text)14%,var(--zk-surface-2));box-shadow:none}
.zds-segmented--segmented .zds-segmented__item:active:not(:disabled):not([aria-selected=true]){background:var(--zk-surface-press)}
.zds-segmented--tabs .zds-segmented__item:active:not(:disabled){color:var(--zk-text)}
.zds-segmented--block{display:flex;align-self:stretch}
.zds-segmented--block .zds-segmented__item{flex:1 1 0}
@media (hover:hover){.zds-segmented__item:hover:not(:disabled):not([aria-selected=true]){color:var(--zk-text)}.zds-segmented--tabs .zds-segmented__item:hover:not(:disabled):not([aria-selected=true]){box-shadow:inset 0 -2px 0 var(--zk-line-strong)}}
.zds-sheet{position:fixed;z-index:var(--zk-z-sheet);display:flex;flex-direction:column;justify-content:flex-end;inset:0}
.zds-sheet__scrim{position:absolute;background:var(--zk-scrim);opacity:1;animation:zds-overlay-fade-in var(--zk-dur-3)var(--zk-overlay-ease-out);transition:opacity var(--zk-dur-3)var(--zk-overlay-ease-out);inset:0}
.zds-sheet__panel{position:relative;display:flex;max-height:var(--zk-sheet-max-h);border-top:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-sheet-radius)var(--zk-sheet-radius)0 0;background:var(--zk-surface-raised);color:var(--zk-text);box-shadow:var(--zk-shadow-float);outline:none;transform:var(--zds-sheet-drag,none);animation:zds-sheet-in var(--zk-dur-3)var(--zk-overlay-ease-out);transition:transform var(--zk-dur-3)var(--zk-overlay-ease-out);touch-action:pan-y;flex-direction:column;width:100%}
.zds-sheet[data-state=open] .zds-sheet__panel[data-dragging=true]{transition:none}
.zds-sheet__panel--tall{height:var(--zk-sheet-max-h)}
.zds-sheet[data-state=closed]{pointer-events:none}
.zds-sheet[data-state=closed] .zds-sheet__scrim{opacity:0;transition-timing-function:var(--zk-overlay-ease-in)}
.zds-sheet[data-state=closed] .zds-sheet__panel{transition-timing-function:var(--zk-overlay-ease-in);transform:translateY(100%)}
.zds-sheet__header{position:relative;display:flex;align-items: center;gap:var(--zk-space-2);min-height:calc(56px*var(--zk-ui-scale));padding:var(--zk-space-4)var(--zk-space-2)var(--zk-space-2)var(--zk-space-4);border-bottom:var(--zk-hairline)solid var(--zk-line);cursor:grab;touch-action:none;user-select:none}
.zds-sheet__grip{position:absolute;width:calc(36px*var(--zk-ui-scale));border-radius:var(--zk-radius-pill);background:var(--zk-line-strong);height:4px;top:6px;left:50%;transform:translate(-50%)}
.zds-sheet__heading{flex:1;min-width:0}
.zds-sheet__title{font:var(--zk-fw-bold)var(--zk-fs-title-sm)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
.zds-sheet__description{margin:var(--zk-space-1)0 0;color:var(--zk-text-2);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption)}
.zds-sheet__body{overflow-y:auto;overscroll-behavior:contain;padding:var(--zk-space-4);flex:auto;min-height:0}
.zds-sheet__footer{padding:var(--zk-space-3)var(--zk-space-4)calc(var(--zk-space-3) + var(--zk-safe-bottom));border-top:var(--zk-hairline)solid var(--zk-line);background:var(--zk-surface-raised)}
.zds-sheet__panel:not(:has(.zds-sheet__footer)) .zds-sheet__body{padding-bottom:calc(var(--zk-space-4) + var(--zk-safe-bottom))}
@media (min-width:600px) and (max-width:1023px){.zds-sheet__panel{width:min(calc(640px*var(--zk-ui-scale)),100%);border-inline:var(--zk-hairline)solid var(--zk-line);align-self: center}}
@media (min-width:1024px){.zds-sheet{padding:var(--zk-space-8);justify-content:center;align-items: center}.zds-sheet__panel{width:min(calc(560px*var(--zk-ui-scale)),100%);border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-sheet-radius);opacity:1;animation-name:zds-overlay-fade-in;transition-property:opacity,transform}.zds-sheet__grip{display:none}.zds-sheet__header{cursor:default;padding-top:var(--zk-space-3)}.zds-sheet[data-state=closed] .zds-sheet__panel{opacity:0;transition-duration:var(--zk-dur-2);transform:none}}
.zds-dialog{width:min(var(--zk-dialog-w),calc(100vw - 2*var(--zk-space-4)));max-height:min(80dvh,calc(720px*var(--zk-ui-scale)));border:var(--zk-hairline)solid var(--zk-line);border-radius:var(--zk-radius-panel);background:var(--zk-surface-raised);color:var(--zk-text);box-shadow:var(--zk-shadow-float);overscroll-behavior:contain;margin:auto;padding:0}
.zds-dialog[open]{opacity:1;animation:zds-dialog-in var(--zk-dur-3)var(--zk-overlay-ease-out);transition:opacity var(--zk-dur-3)var(--zk-overlay-ease-out),transform var(--zk-dur-3)var(--zk-overlay-ease-out);transform:none}
.zds-dialog::backdrop{background:var(--zk-scrim);opacity:1;animation:zds-overlay-fade-in var(--zk-dur-3)var(--zk-overlay-ease-out);transition:opacity var(--zk-dur-3)var(--zk-overlay-ease-out)}
.zds-dialog[open][data-state=closing]{opacity:0;transition-timing-function:var(--zk-overlay-ease-in);transform:translateY(8px)}
.zds-dialog[open][data-state=closing]::backdrop{opacity:0;transition-timing-function:var(--zk-overlay-ease-in)}
body:has(.zds-dialog[open]){overflow:hidden}
.zds-dialog__content{display:flex;gap:var(--zk-space-3);padding:var(--zk-space-5);flex-direction:column}
.zds-dialog__head{display:flex;justify-content:space-between;align-items: flex-start;gap:var(--zk-space-3)}
.zds-dialog__head .zds-icon-button{margin:calc(-1*var(--zk-space-2))calc(-1*var(--zk-space-2))0 0}
.zds-dialog__title{font:var(--zk-fw-bold)var(--zk-fs-title)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-tight);margin:0}
.zds-dialog__description{color:var(--zk-text-2);font-size:var(--zk-fs-body);line-height:var(--zk-lh-body);margin:0}
.zds-dialog__actions{display:flex;justify-content:flex-end;gap:var(--zk-space-2);margin-top:var(--zk-space-2);flex-wrap:wrap}
.zds-dialog__body{overflow-wrap:anywhere;min-width:0}
@media (max-width:599px){.zds-dialog__content{padding:var(--zk-space-4)}.zds-dialog__actions{flex-direction:column-reverse}.zds-dialog__actions>*{width:100%}}
.zds-toast-region{position:fixed;left:50%;bottom:calc(var(--zk-dock-offset) + var(--zk-space-3));z-index:var(--zk-z-toast);display:flex;gap:var(--zk-space-2);width:min(calc(420px*var(--zk-ui-scale)),calc(100vw - 2*var(--zk-space-4)));pointer-events:none;flex-direction:column;transform:translate(-50%)}
.zds-toast-region__list{display:flex;gap:var(--zk-space-2);flex-direction:column}
.zds-toast-region__list:empty{display:none}
.zds-toast{display:flex;align-items: center;gap:var(--zk-space-2);min-height:calc(48px*var(--zk-ui-scale));padding:var(--zk-space-2)var(--zk-space-1)var(--zk-space-2)var(--zk-space-4);border-radius:var(--zk-toast-radius);background:var(--zk-text);color:var(--zk-bg);box-shadow:var(--zk-shadow-float);pointer-events:auto;animation:zds-toast-in var(--zk-dur-3)var(--zk-ease-out)}
.zds-toast--danger{background:var(--zk-danger);color:var(--zk-on-danger)}
.zds-toast__message{font-size:var(--zk-fs-label);line-height:var(--zk-lh-caption);flex:1;margin:0}
.zds-toast__action,.zds-toast__close{display:inline-grid;min-width:var(--zk-touch);min-height:var(--zk-touch);padding:0 var(--zk-space-2);border-radius:var(--zk-radius-control);color:inherit;font:var(--zk-fw-bold)var(--zk-fs-label)/1 var(--zk-font-sans);cursor:pointer;background:0 0;border:0;flex:none;place-items: center}
.zds-toast__action{text-decoration:underline;text-underline-offset:3px}
.zds-toast :-webkit-any(.zds-toast__action,.zds-toast__close):focus-visible{outline-color:currentColor;outline-offset:-4px}
.zds-toast :-moz-any(.zds-toast__action,.zds-toast__close):focus-visible{outline-color:currentColor;outline-offset:-4px}
.zds-toast :is(.zds-toast__action,.zds-toast__close):focus-visible{outline-color:currentColor;outline-offset:-4px}
@media (min-width:1024px){.zds-toast-region{left:auto;right:var(--zk-space-6);bottom:var(--zk-space-6);transform:none}}
.zds-avatar{display:inline-grid;width:var(--zk-avatar-md);height:var(--zk-avatar-md);overflow:hidden;border-radius:var(--zk-radius-pill);background:var(--zk-surface-2);box-shadow:inset 0 0 0 var(--zk-hairline)var(--zk-line);color:var(--zk-text-2);flex:none;place-items: center}
.zds-avatar--sm{width:var(--zk-avatar-sm);height:var(--zk-avatar-sm)}
.zds-avatar--lg{width:var(--zk-avatar-lg);height:var(--zk-avatar-lg)}
.zds-avatar>:-webkit-any(.zds-avatar__img,.zds-avatar__monogram){grid-area:1/1}
.zds-avatar>:-moz-any(.zds-avatar__img,.zds-avatar__monogram){grid-area:1/1}
.zds-avatar>:is(.zds-avatar__img,.zds-avatar__monogram){grid-area:1/1}
.zds-avatar__img{object-fit:cover;opacity:0;transition:opacity var(--zk-dur-2)var(--zk-ease-out);width:100%;height:100%}
.zds-avatar__img[data-loaded]{opacity:1}
.zds-avatar__monogram{font:var(--zk-fw-semibold)var(--zk-fs-body)/1 var(--zk-font-sans)}
.zds-avatar:has(>.zds-avatar__img[data-loaded])>.zds-avatar__monogram{visibility:hidden;transition:visibility 0s linear var(--zk-dur-2)}
.zds-avatar--sm .zds-avatar__monogram{font-size:var(--zk-fs-caption)}
.zds-avatar--lg .zds-avatar__monogram{font-size:var(--zk-fs-headline)}
.zds-media-card{display:flex;gap:var(--zk-space-2);flex-direction:column;min-width:0}
.zds-media-card__link{display:flex;gap:var(--zk-space-2);color:inherit;text-decoration:none;border-radius:var(--zk-card-radius);flex-direction:column}
.zds-media-card__frame{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:var(--zk-card-radius);background:var(--zk-surface-2);box-shadow:inset 0 0 0 var(--zk-hairline)var(--zk-line)}
.zds-media-card__frame--9x16{aspect-ratio:9/16}
.zds-media-card__frame--1x1{aspect-ratio:1}
.zds-media-card__frame--4x5{aspect-ratio:4/5}
.zds-media-card__img{object-fit:cover;width:100%;height:100%}
.zds-media-card__frame img{transition:transform var(--zk-dur-3)var(--zk-ease-out)}
.zds-media-card__placeholder{position:absolute;inset:var(--zk-space-3)var(--zk-space-3)auto;display:-webkit-box;overflow:hidden;color:var(--zk-text-3);font:var(--zk-fw-semibold)var(--zk-fs-label)/var(--zk-lh-caption)var(--zk-font-sans);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.zds-media-card__product,.zds-media-card__duration{position:absolute;z-index:calc(var(--zk-z-raised) + 1);bottom:var(--zk-space-2);padding:2px var(--zk-space-2);border-radius:var(--zk-radius-xs);font:var(--zk-fw-bold)var(--zk-fs-caption)/calc(16px*var(--zk-ui-scale))var(--zk-font-label);letter-spacing:var(--zk-tracking-label)}
.zds-media-card__product{left:var(--zk-space-2);background:var(--zk-product);color:var(--zk-on-product)}
.zds-media-card__duration{right:var(--zk-space-2);background:var(--zk-media-scrim);color:var(--zk-on-media);font-variant-numeric:tabular-nums}
.zds-media-card__title{display:-webkit-box;overflow:hidden;font:var(--zk-fw-semibold)var(--zk-fs-body)/var(--zk-lh-title)var(--zk-font-sans);letter-spacing:var(--zk-tracking-body);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.zds-media-card__meta{display:flex;align-items: flex-start;gap:var(--zk-space-2);min-width:0}
.zds-media-card__meta>.zds-avatar,.zds-media-card__meta>.zds-badge{margin-top:2px}
.zds-media-card__byline{display:flex;flex-direction:column;flex:1;min-width:0}
.zds-media-card__author{overflow:hidden;color:var(--zk-text-2);font-size:var(--zk-fs-meta);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
@media (pointer:coarse){a.zds-media-card__author{padding-block:calc((var(--zk-touch) - 1lh)/2);margin-block:calc((var(--zk-touch) - 1lh)/-2)}}
.zds-media-card__author small{color:var(--zk-text-3);font-size:var(--zk-fs-caption)}
.zds-media-card__actions{display:flex;align-items: center;gap:var(--zk-space-1)var(--zk-space-3);margin-top:calc(-1*var(--zk-space-1));flex-wrap:wrap}
.zds-media-card__stat{display:inline-flex;align-items: center;gap:var(--zk-space-1);min-height:calc(32px*var(--zk-ui-scale));color:var(--zk-text-3);font:var(--zk-fw-medium)var(--zk-fs-caption)var(--zk-font-sans);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0}
button.zds-media-card__stat{position:relative;cursor:pointer}
button.zds-media-card__stat:after{content:"";position:absolute;inset:-6px -8px}
button.zds-media-card__stat[aria-pressed=true]{color:var(--zk-accent-fg)}
button.zds-media-card__stat:focus-visible{outline:var(--zk-focus-width)solid var(--zk-focus);outline-offset:var(--zk-focus-offset);border-radius:var(--zk-radius-xs)}
.zds-media-card__stats{color:var(--zk-text-3);font-size:var(--zk-fs-caption);font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:anywhere}
@media (hover:hover){.zds-media-card__link:hover .zds-media-card__frame img{transform:scale(1.02)}a.zds-media-card__author:hover{color:var(--zk-text);text-decoration:underline;text-underline-offset:3px}button.zds-media-card__stat:hover{color:var(--zk-text)}.zds-media-card__link:hover .zds-media-card__title{text-decoration:underline;text-underline-offset:3px}}
.zds-list-row{display:flex;align-items: center;gap:var(--zk-space-3);min-height:calc(56px*var(--zk-ui-scale));padding:var(--zk-space-2)var(--zk-space-4);border:0;border-bottom:var(--zk-hairline)solid var(--zk-line);color:var(--zk-text);font:inherit;text-align:left;text-decoration:none;background:0 0;width:100%}
.zds-list-row--interactive{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--zk-dur-2)var(--zk-ease-out)}
.zds-list-row--interactive:active{background:var(--zk-surface-press)}
.zds-list-row--interactive:focus-visible{outline-offset:-2px}
.zds-list-row__leading{display:inline-flex;color:var(--zk-text-2);flex:none}
.zds-list-row__main{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}
.zds-list-row__title{overflow:hidden;font:var(--zk-fw-semibold)var(--zk-fs-body)/var(--zk-lh-title)var(--zk-font-sans);text-overflow:ellipsis;white-space:nowrap}
.zds-list-row__meta{overflow:hidden;color:var(--zk-text-3);font-size:var(--zk-fs-meta);line-height:var(--zk-lh-caption);text-overflow:ellipsis;white-space:nowrap}
.zds-list-row__trailing{display:inline-flex;align-items: center;gap:var(--zk-space-2);color:var(--zk-text-2);font-size:var(--zk-fs-label);font-variant-numeric:tabular-nums;flex:none}