.zc-assistant{--zc-canvas:var(--canvas,#f7f7f5);--zc-surface:var(--surface,#fff);--zc-ink:var(--ink,#222525);--zc-muted:var(--muted,#636866);--zc-line:var(--line,#d9d5ca);--zc-soft:var(--accent-soft,#e9e0d1);--zc-accent:var(--accent-fill,#dfc99d);--zc-accent-ink:var(--accent-ink,#241f17);--zc-danger:var(--danger,#a03f38);box-sizing:border-box;color:var(--zc-ink);font:400 14px/1.6 var(--font-body,Inter, system-ui, sans-serif);text-align:start;isolation:isolate;flex-direction:column;min-width:0;min-height:0;display:flex}.zc-assistant *,.zc-assistant :before,.zc-assistant :after{box-sizing:border-box}.zc-assistant [hidden]{display:none!important}.zc-assistant[data-mode=ready],.zc-assistant[data-mode=compact]{z-index:40;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--zc-keyboard-offset,0px));width:min(640px,100% - 48px);max-height:calc(var(--zc-viewport-height,100dvh) - 96px);background:var(--zc-surface);border:1px solid color-mix(in srgb, var(--zc-line) 65%, transparent);border-radius:24px;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 40px #00000017,0 2px 8px #00000008}.zc-assistant[data-positioning=contained][data-mode=ready],.zc-assistant[data-positioning=contained][data-mode=compact]{max-height:calc(100% - 88px);position:absolute}.zc-assistant[data-mode=compact]{height:min(420px, calc(var(--zc-viewport-height,100dvh) - 96px))}.zc-assistant[data-mode=integrated]{background:0 0;width:100%;height:100%}.zc-assistant .zc-header{flex:none;align-items:center;gap:8px;padding:12px 20px 4px;display:flex}.zc-assistant .zc-header strong{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:50%;font-size:14px;font-weight:600;overflow:hidden}.zc-assistant .zc-header-context{min-width:0;color:var(--zc-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.zc-assistant .zc-header-actions{flex-shrink:0;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.zc-assistant button{appearance:none;font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;min-width:44px;min-height:44px;margin:0}.zc-assistant button:disabled{opacity:.5;cursor:not-allowed}.zc-assistant button:focus-visible,.zc-assistant [tabindex="0"]:focus-visible{outline:2px solid var(--zc-ink);outline-offset:-3px}.zc-assistant .zc-icon{background:0 0;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;font-size:20px;display:grid}.zc-assistant .zc-history-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.zc-assistant .zc-history{overflow-anchor:none;overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:16px 24px;scroll-padding:16px;overflow:auto}.zc-assistant .zc-messages{flex-direction:column;gap:24px;display:flex}.zc-assistant .zc-welcome{color:var(--zc-muted);margin:8px 0 24px;font-size:18px}.zc-assistant .zc-message{min-width:0;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}.zc-assistant .zc-message--assistant{background:0 0}.zc-assistant .zc-message--user{background:var(--zc-canvas);border-radius:16px;align-self:flex-end;max-width:90%;padding:10px 14px}.zc-assistant .zc-message-label{color:var(--zc-muted);margin-bottom:6px;font-size:12px;display:block}.zc-assistant .zc-user-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.zc-assistant .zc-message-extra{margin-top:12px}.zc-assistant .zc-latest{z-index:1;background:var(--zc-surface);border:1px solid var(--zc-line);border-radius:999px;justify-content:center;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 12px;font-size:12px;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000014}.zc-assistant .zc-status{color:var(--zc-muted);flex-shrink:0;padding:0 24px;font-size:12px}.zc-assistant .zc-status:empty{display:none}.zc-assistant .zc-error{color:var(--zc-danger);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;margin:8px 20px;font-size:12px;display:flex}.zc-assistant .zc-error button{background:var(--zc-canvas);border-radius:8px;padding:4px 8px;text-decoration:underline}.zc-assistant .zc-composer{flex-shrink:0;align-items:flex-end;gap:12px;margin:0;padding:8px 20px 16px;display:flex}.zc-assistant textarea{min-width:0;min-height:44px;max-height:144px;color:var(--zc-ink);font:400 16px/24px var(--font-body,Inter, system-ui, sans-serif);resize:none;overscroll-behavior:contain;background:0 0;border:0;border-radius:8px;flex:1;margin:0;padding:10px 2px;display:block;overflow-y:auto}.zc-assistant textarea::placeholder{color:var(--zc-muted);opacity:1}.zc-assistant textarea:focus-visible{outline:2px solid var(--zc-line);outline-offset:2px}.zc-assistant .zc-composer-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding-bottom:4px;display:flex}.zc-assistant .zc-send{background:var(--zc-accent);width:44px;height:44px;color:var(--zc-accent-ink);border-radius:12px;place-items:center;padding:0;font-size:22px;display:grid}.zc-assistant .zc-send:disabled{background:var(--zc-canvas);color:var(--zc-muted);opacity:1}.zc-assistant .zc-stop{background:var(--zc-canvas);color:var(--zc-ink);font-size:14px}.zc-assistant .zc-icon svg,.zc-assistant .zc-send svg,.zc-assistant .zc-latest svg{flex-shrink:0;width:18px;height:18px;display:block}.zc-assistant .zc-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.zc-assistant .zc-markdown{overflow-wrap:anywhere;min-width:0}.zc-assistant .zc-markdown>:first-child{margin-top:0}.zc-assistant .zc-markdown>:last-child{margin-bottom:0}.zc-assistant .zc-markdown p,.zc-assistant .zc-markdown ul,.zc-assistant .zc-markdown ol{margin:0 0 14px}.zc-assistant .zc-markdown :is(h1,h2,h3,h4,h5,h6){color:var(--zc-ink);letter-spacing:normal;margin:22px 0 10px;font-family:inherit;font-weight:600;line-height:1.4}.zc-assistant .zc-markdown h1{font-size:22px}.zc-assistant .zc-markdown h2{font-size:20px}.zc-assistant .zc-markdown :is(h3,h4,h5,h6){font-size:16px}.zc-assistant .zc-markdown :is(ul,ol){padding-left:24px}.zc-assistant .zc-markdown li{margin:5px 0}.zc-assistant .zc-markdown li>p{margin-bottom:6px}.zc-assistant .zc-markdown blockquote{background:var(--zc-canvas);color:var(--zc-muted);border:0;border-radius:12px;margin:14px 0;padding:8px 14px}.zc-assistant .zc-markdown blockquote p:last-child{margin:0}.zc-assistant .zc-markdown a{color:inherit;text-underline-offset:3px;text-decoration:underline}.zc-assistant .zc-markdown a:focus-visible{outline:2px solid var(--zc-ink);outline-offset:2px}.zc-assistant .zc-markdown code{background:var(--zc-canvas);border-radius:5px;padding:2px 5px;font:.9em/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.zc-assistant .zc-code-block{background:var(--zc-canvas);border-radius:12px;min-width:0;margin:14px 0;overflow:hidden}.zc-assistant .zc-code-toolbar{color:var(--zc-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.zc-assistant .zc-code-toolbar button{background:var(--zc-surface);border-radius:6px;padding:4px 8px}.zc-assistant .zc-code-block pre{overscroll-behavior:contain;white-space:pre;max-width:100%;color:var(--zc-ink);background:0 0;border:0;border-radius:0;margin:0;padding:10px 14px 16px;display:block;overflow:auto}.zc-assistant .zc-code-block code{white-space:pre;overflow-wrap:normal;word-break:normal;background:0 0;padding:0}.zc-assistant .zc-copy-result{padding:0 12px 8px;font-size:12px;display:block}.zc-assistant .zc-table-scroll{overscroll-behavior:contain;background:var(--zc-canvas);border-radius:12px;max-width:100%;margin:14px 0;overflow:auto}.zc-assistant .zc-markdown table{border-collapse:collapse;background:0 0;width:100%;font-size:13px}.zc-assistant .zc-markdown :is(th,td){text-align:start;white-space:normal;border:0;padding:10px 12px}.zc-assistant .zc-markdown th{border-bottom:1px solid var(--zc-line);font-weight:600}.zc-assistant .zc-markdown tbody tr+tr td{border-top:1px solid var(--zc-line)}.zc-assistant .zc-markdown input[type=checkbox]{accent-color:var(--zc-ink);width:16px;height:16px;min-height:0;margin-right:6px}.zc-assistant .zc-markdown hr{border:0;border-top:1px solid var(--zc-line);margin:20px 0}@media (max-width:680px){.zc-assistant[data-mode=ready],.zc-assistant[data-mode=compact]{width:min(480px,100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--zc-keyboard-offset,0px))}.zc-assistant .zc-history,.zc-assistant .zc-header,.zc-assistant .zc-composer{padding-inline:16px}}@media (hover:hover) and (pointer:fine){.zc-assistant .zc-icon:hover{background:var(--zc-canvas)}}@media (pointer:coarse){.zc-assistant .zc-icon,.zc-assistant .zc-send{width:44px;height:44px}.zc-assistant .zc-code-toolbar button,.zc-assistant .zc-latest,.zc-assistant .zc-error button{min-height:44px}}
.assistant-example{min-width:0}.assistant-example-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:20px 0 12px;display:flex}.assistant-example-controls label{min-width:140px;max-width:100%;color:var(--muted);gap:6px;font-size:12px;display:grid}.assistant-example-controls .field{width:100%;max-width:100%}.assistant-example-disclaimer{color:var(--muted);margin:12px 0;font-size:12px}.assistant-preview-viewport{scrollbar-width:thin;overscroll-behavior-x:contain;width:100%;max-width:100%;padding-bottom:8px;overflow:auto}.assistant-preview-pan{z-index:5;background:var(--canvas);color:var(--muted);gap:4px;padding:8px 0;font-size:12px;display:grid;position:sticky;top:0}.assistant-preview-pan input{width:100%;min-width:0;min-height:44px;accent-color:var(--ink);margin:0;display:block}.assistant-preview-viewport:focus-visible{outline:2px solid var(--focus-line);outline-offset:2px}.assistant-preview-size{border:1px solid var(--line);background:var(--canvas);border-radius:24px;margin-inline:auto;position:relative;overflow:hidden}.assistant-preview-frame{background:var(--canvas);border:0;max-width:none;display:block}.assistant-example-stage{border:1px solid var(--line);background:var(--canvas);border-radius:24px;grid-template-rows:64px minmax(0,1fr);width:100%;max-width:100%;height:720px;margin-inline:auto;display:grid;position:relative;overflow:hidden}.assistant-example-stage[data-device=tablet]{max-width:840px;height:800px}.assistant-example-stage[data-device=mobile]{max-width:390px;height:740px}.assistant-example-stage[data-nav=side]{grid-template-rows:minmax(0,1fr);grid-template-columns:156px minmax(0,1fr)}.assistant-example-top{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:24px;padding:10px 24px;display:flex}.assistant-example-top>span:nth-child(2){background:var(--accent-soft);border-radius:10px;padding:6px 12px;font-size:14px}.assistant-example-top button{margin-left:auto}.assistant-example-brand{color:var(--ink);font:600 24px/1 var(--font-wordmark), Georgia, serif;align-items:center;gap:9px;display:inline-flex}.assistant-example-brand img{object-fit:contain}:root[data-theme=dark] .assistant-example-brand img{filter:invert()}.assistant-example-rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:stretch;gap:24px;padding:24px 12px;display:none}.assistant-example-destination{background:var(--accent-soft);border-radius:10px;padding:8px 12px;font-size:14px}.assistant-example-stage[data-nav=side]>.assistant-example-rail{display:flex}.assistant-example-stage[data-nav=side]>.assistant-example-top{display:none}.assistant-example-content{flex-direction:column;min-width:0;min-height:0;display:flex}.assistant-example-toolbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 16px;display:none}.assistant-example-body{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.assistant-example-workspace{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;min-height:0;padding:28px;overflow:auto}.assistant-example-stage:not([data-mode=integrated]) .assistant-example-workspace{padding-bottom:180px}.assistant-example-stage[data-mode=compact] .assistant-example-workspace{padding-bottom:480px}.assistant-example-document{max-width:680px;margin:auto}.assistant-example-document h3{margin:10px 0 14px;font-size:24px}.assistant-example-document>p{color:var(--muted);font-size:14px;line-height:1.7}.assistant-example-document label{color:var(--muted);gap:8px;margin-top:20px;font-size:12px;display:grid}.assistant-example-document .field{width:100%;min-width:0}.assistant-example-document>small{color:var(--muted);font-size:12px}.assistant-example-document-detail{padding-top:36px}.assistant-example-document-detail h4{margin-top:24px}.assistant-example-document-detail p{color:var(--muted);font-size:14px;line-height:1.8}.assistant-example-switch{background:var(--surface);gap:6px;padding:8px 12px;display:none}.assistant-example-switch button{flex:1}.assistant-example-switch [aria-pressed=true]{background:var(--accent-soft);color:var(--ink)}.assistant-example-stage[data-mode=integrated][data-arrangement=columns] .assistant-example-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.assistant-example-stage[data-mode=integrated][data-arrangement=columns] .zc-assistant{border-right:1px solid var(--line)}.assistant-example-stage[data-mode=integrated][data-arrangement=stacked] .assistant-example-body{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.assistant-example-stage[data-mode=integrated][data-arrangement=stacked] .assistant-example-workspace{grid-row:1}.assistant-example-stage[data-mode=integrated][data-arrangement=stacked] .zc-assistant{border-top:1px solid var(--line);grid-row:2}.assistant-example-stage[data-mode=integrated][data-arrangement=switch] .assistant-example-switch{display:flex}.assistant-example-stage[data-mode=integrated][data-arrangement=switch][data-surface=chat] .assistant-example-workspace,.assistant-example-stage[data-mode=integrated][data-arrangement=switch][data-surface=workspace] .zc-assistant{display:none}.assistant-example-drawer{border:1px solid var(--line);background:var(--surface);width:min(300px,100vw - 24px);height:calc(100dvh - 24px);max-height:none;color:var(--ink);border-radius:20px;margin:0;padding:24px;position:fixed;inset:12px auto 12px 12px}.assistant-example-drawer::backdrop{background:#00000040}.assistant-example-drawer form{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.assistant-example-drawer p{color:var(--muted)}.assistant-example-stage[data-narrow=tablet][data-nav=side]{grid-template-columns:64px minmax(0,1fr)}.assistant-example-stage[data-narrow=tablet] .assistant-example-rail{align-items:center;padding-inline:8px}.assistant-example-stage[data-narrow=tablet] .assistant-example-rail .assistant-example-brand>span,.assistant-example-stage[data-narrow=tablet] .assistant-example-destination{display:none}.assistant-example-stage[data-narrow=mobile][data-nav=side]{grid-template-columns:minmax(0,1fr)}.assistant-example-stage[data-narrow=mobile][data-nav=side]>.assistant-example-rail{display:none}.assistant-example-stage[data-narrow=mobile][data-nav=side] .assistant-example-toolbar{display:flex}.assistant-example-stage[data-narrow=mobile] .assistant-example-top{gap:10px;padding-inline:12px}.assistant-example-stage[data-narrow=mobile] .assistant-example-top button{padding-inline:8px;font-size:12px}.assistant-example-stage[data-narrow=mobile] .assistant-example-brand{font-size:22px}.assistant-example-stage[data-narrow=mobile] .assistant-example-brand img{display:none}.assistant-example-stage[data-narrow=mobile] .assistant-example-workspace{padding:20px 16px}.assistant-example-stage[data-narrow=mobile] .zc-assistant[data-mode=compact][data-positioning=contained]{height:52%}.assistant-example[data-specimen=true] .assistant-example-stage{height:660px}.assistant-examples-page{max-width:1440px;margin:0 auto;padding:24px clamp(16px,3vw,48px) 48px}.assistant-examples-page>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.assistant-examples-page>header>div{align-items:center;gap:16px;display:flex}.assistant-examples-page h1{margin:32px 0 12px}@media (max-width:680px){.assistant-example-controls label{flex:140px}.assistant-example-top>span:nth-child(2){padding:5px 8px}}