.zai{--zai-ink: #1c1917;--zai-muted: #57534e;--zai-line: rgba(120, 113, 108, .28);--zai-paper: #f5efeb;--zai-card: #fffdfb;--zai-accent: #b45309;--zai-accent-soft: #fef3c7;--zai-danger: #9f1239;container-type:inline-size;container-name:zai;box-sizing:border-box;width:100%;min-width:0;color:var(--zai-ink);background:var(--zai-paper);border:1px solid var(--zai-line);border-radius:28px;box-shadow:0 24px 60px -30px #1c191773;padding:1rem;overflow-wrap:anywhere}.zai *,.zai *:before,.zai *:after{box-sizing:border-box}.zai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.zai-eyebrow{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zai-muted);font-weight:600}.zai-title{margin:.1rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:700;line-height:1.15}.zai-intro{margin:.35rem 0 0;font-size:.86rem;color:var(--zai-muted)}.zai-mark{white-space:nowrap;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--zai-accent);font-size:1rem}.zai-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin-top:.6rem;font-size:.75rem;color:var(--zai-muted)}.zai-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:999px;background:var(--zai-card);border:1px solid var(--zai-line);white-space:nowrap}.zai-body{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:.85rem;min-width:0}@container zai (min-width: 720px){.zai-body{grid-template-columns:220px minmax(0,1fr)}.zai-sessions-toggle{display:none!important}.zai-sessions[data-collapsed=true]{display:flex!important}}.zai-btn,.zai-btn-primary,.zai-btn-ghost,.zai-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .16s ease;min-height:2.5rem}.zai-btn-primary{padding:.55rem 1.1rem;border:0;background:var(--zai-ink);color:#fffbeb}.zai-btn-primary:hover:not(:disabled){background:#000;transform:translateY(-1px);box-shadow:0 8px 18px -10px #0009}.zai-btn-ghost{padding:.5rem .95rem;border:1px solid var(--zai-line);background:var(--zai-card);color:var(--zai-ink)}.zai-btn-ghost:hover:not(:disabled){background:#fff}.zai-btn-stop{background:var(--zai-danger)}.zai-btn-stop:hover:not(:disabled){background:#881337}.zai-icon-btn{width:2.25rem;height:2.25rem;min-height:2.25rem;padding:0;border:1px solid transparent;background:transparent;color:var(--zai-muted)}.zai-icon-btn:hover{background:var(--zai-card);border-color:var(--zai-line);color:var(--zai-ink)}.zai button:disabled{opacity:.5;cursor:not-allowed}.zai :is(button,a,textarea,input,iframe):focus-visible{outline:2px solid var(--zai-accent);outline-offset:2px}.zai a:not(.zai-btn){color:inherit}.zai-sessions{display:flex;flex-direction:column;gap:.35rem;min-width:0}.zai-sessions[data-collapsed=true]{display:none}.zai-sessions-toggle{justify-content:space-between;width:100%}.zai-session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;max-height:18rem;overflow-y:auto}.zai-session{display:flex;align-items:center;gap:.15rem;border-radius:14px;min-width:0}.zai-session[aria-current=true]{background:var(--zai-card);box-shadow:inset 0 0 0 1px var(--zai-line)}.zai-session-open{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:.5rem .6rem;border-radius:14px;cursor:pointer;font:inherit;font-size:.84rem;color:var(--zai-ink)}.zai-session-open:hover{background:#fff9}.zai-session-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zai-session-time{display:block;font-size:.7rem;color:var(--zai-muted)}.zai-session .zai-icon-btn{width:2rem;height:2rem;min-height:2rem}.zai-main{display:flex;flex-direction:column;gap:.6rem;min-width:0}.zai-log{display:flex;flex-direction:column;gap:.65rem;max-height:min(60vh,34rem);min-height:9rem;overflow-y:auto;padding:.25rem .1rem;overscroll-behavior:contain;scroll-behavior:smooth}.zai-page .zai-log{max-height:calc(100dvh - 22rem);min-height:16rem}.zai-msg{max-width:100%;min-width:0;animation:zai-rise .26s cubic-bezier(.2,.8,.2,1) both}.zai-msg-who{font-size:.72rem;font-weight:700;color:var(--zai-muted);margin-bottom:.2rem}.zai-msg-user{align-self:flex-end;max-width:88%;background:var(--zai-ink);color:#fafaf9;padding:.55rem .8rem;border-radius:18px 18px 6px;font-size:.9rem;white-space:pre-wrap}.zai-msg-ai{align-self:stretch;background:var(--zai-card);border:1px solid var(--zai-line);padding:.7rem .85rem;border-radius:18px 18px 18px 6px;font-size:.92rem;line-height:1.55}.zai-msg-ai p{margin:0 0 .55rem}.zai-msg-ai p:last-child{margin-bottom:0}.zai-msg-ai ul,.zai-msg-ai ol{margin:0 0 .55rem;padding-left:1.2rem}.zai-msg-ai ul{list-style:disc}.zai-msg-ai ol,.zai-sources ol{list-style:decimal}.zai-msg-ai li+li{margin-top:.2rem}.zai-msg-ai pre{margin:0 0 .55rem;padding:.6rem .7rem;background:#1c1917;color:#fafaf9;border-radius:12px;overflow-x:auto;font-size:.8rem;max-width:100%}.zai-msg-ai code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.zai-msg-ai :not(pre)>code{background:#78716c24;padding:.05rem .3rem;border-radius:6px}.zai-msg-ai a{color:var(--zai-accent);text-decoration:underline;text-underline-offset:2px}.zai-caret:after{content:"";display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:-.12em;background:var(--zai-accent);border-radius:2px;animation:zai-blink 1s steps(2,start) infinite}.zai-artifact-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--zai-accent);font-weight:600}.zai-thinking{display:flex;flex-direction:column;gap:.4rem;padding:.7rem .85rem;border-radius:18px;background:var(--zai-card);border:1px dashed var(--zai-line);font-size:.86rem;animation:zai-rise .24s ease both}.zai-thinking-row{display:flex;align-items:center;gap:.55rem;font-weight:600}.zai-dots{display:inline-flex;gap:4px}.zai-dots span{width:6px;height:6px;border-radius:50%;background:var(--zai-accent);animation:zai-bounce 1.1s ease-in-out infinite}.zai-dots span:nth-child(2){animation-delay:.15s}.zai-dots span:nth-child(3){animation-delay:.3s}.zai-progress{position:relative;height:4px;border-radius:999px;background:#b453091f;overflow:hidden}.zai-progress>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,var(--zai-accent));transition:width .9s linear}.zai-thinking small{color:var(--zai-muted);font-size:.74rem}.zai-sources{margin-top:.55rem;padding-top:.5rem;border-top:1px solid var(--zai-line)}.zai-sources h4{margin:0 0 .3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--zai-muted)}.zai-sources ol{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.2rem;font-size:.82rem}.zai-source-tag{display:inline-flex;align-items:center;gap:.2rem;margin-left:.35rem;font-size:.7rem;color:var(--zai-muted)}.zai-banner{border-radius:16px;padding:.75rem .85rem;font-size:.86rem;border:1px solid var(--zai-line);background:var(--zai-card);animation:zai-rise .22s ease both}.zai-banner h3{margin:0 0 .25rem;font-size:.95rem}.zai-banner p{margin:0 0 .55rem;color:var(--zai-muted)}.zai-banner-error{border-color:#fecdd3;background:#fff1f2;color:#881337}.zai-banner-error p{color:#9f1239}.zai-banner-warn{border-color:#fde68a;background:var(--zai-accent-soft)}.zai-banner-actions{display:flex;flex-wrap:wrap;gap:.5rem}.zai-suggestions{display:flex;flex-wrap:wrap;gap:.4rem}.zai-suggestion{border:1px solid var(--zai-line);background:var(--zai-card);border-radius:999px;padding:.4rem .8rem;font:inherit;font-size:.8rem;cursor:pointer;color:var(--zai-ink);text-align:left;transition:transform .16s ease,background-color .16s ease}.zai-suggestion:hover{transform:translateY(-1px);background:#fff}.zai-composer{display:flex;flex-direction:column;gap:.4rem}.zai-composer label{font-size:.75rem;font-weight:600;color:var(--zai-muted)}.zai-textarea{width:100%;min-width:0;resize:none;border-radius:16px;border:1px solid var(--zai-line);background:#fff;padding:.65rem .8rem;font:inherit;font-size:.92rem;line-height:1.45;color:var(--zai-ink);max-height:12rem;transition:border-color .16s ease,box-shadow .16s ease}.zai-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b38}.zai-composer-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.zai-hint{font-size:.72rem;color:var(--zai-muted)}.zai-privacy{margin:0;font-size:.72rem;color:var(--zai-muted);display:flex;gap:.35rem;align-items:flex-start}.zai-status-line{min-height:1.1rem;font-size:.75rem;color:var(--zai-muted)}.zai-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.zai-dialog{border:1px solid var(--zai-line);border-radius:22px;padding:1.1rem;width:min(26rem,calc(100vw - 2rem));background:var(--zai-paper);color:var(--zai-ink);box-shadow:0 30px 80px -30px #0009}.zai-dialog::backdrop{background:#1c19178c;backdrop-filter:blur(2px)}.zai-dialog[open]{animation:zai-pop .2s cubic-bezier(.2,.8,.2,1) both}.zai-dialog h3{margin:0 0 .5rem;font-size:1rem}.zai-dialog p{margin:0 0 .8rem;font-size:.86rem;color:var(--zai-muted)}.zai-dialog input{width:100%;border-radius:12px;border:1px solid var(--zai-line);padding:.55rem .7rem;font:inherit;margin-bottom:.8rem}.zai-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.zif{border:1px solid var(--zai-line, rgba(120, 113, 108, .28));border-radius:18px;background:#fffdfb;overflow:hidden;min-width:0;margin:.4rem 0}.zif-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;padding:.5rem .7rem;border-bottom:1px solid rgba(120,113,108,.2)}.zif-title{font-size:.86rem;font-weight:700;min-width:0;overflow-wrap:anywhere;color:#1c1917}.zif-actions{display:flex;gap:.3rem;flex-wrap:wrap}.zif-actions button{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;border:1px solid rgba(120,113,108,.3);background:#fff;padding:.3rem .7rem;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;color:#1c1917;min-height:2rem}.zif-actions button:hover{background:#fafaf9}.zif-actions button:focus-visible{outline:2px solid #b45309;outline-offset:2px}.zif iframe{display:block;width:100%;border:0;background:#fff;transition:height .2s ease}.zif-note{margin:0;padding:.4rem .7rem;font-size:.7rem;color:#57534e;background:#fafaf9;border-top:1px solid rgba(120,113,108,.15)}.zif-note-error{color:#9f1239;background:#fff1f2}.zif-placeholder{padding:1rem .7rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;font-size:.84rem;color:#57534e}.zif-full{width:min(1100px,calc(100vw - 1.5rem));max-width:none;height:calc(100dvh - 2rem);max-height:none;padding:.6rem;display:flex;flex-direction:column}.zif-full[open]{display:flex}.zif-full .zif{flex:1;display:flex;flex-direction:column;margin:0}.zif-full .zif iframe{flex:1;height:auto!important;min-height:60vh}@keyframes zai-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes zai-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes zai-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}@keyframes zai-blink{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.zai *,.zai *:before,.zai *:after,.zif *,.zai-dialog,.zai-dialog[open]{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}