/* v8: one graphite / paper / product-green family, with live product material. */
.live-demo-page{--module-blue:#252a27;--demo-ink:#262b28;--demo-green:#16723c;--demo-muted:#69726c;--demo-soft:#edf5ef;--demo-ease:cubic-bezier(.16,1,.3,1);caret-color:#16723c}
.live-demo-page .product-duet .duet-bot strong,.live-demo-page .bot-identity h3,.live-demo-page .bot-module-name h2,.live-demo-page .connection-heading h2 span,.live-demo-page .module-bridge h2 span{color:#252a27}
.live-demo-page .bot-destination,.live-demo-page .chapter-handoff strong,.live-demo-page #handoff .chapter-owner,.live-demo-page .bridge-context strong{color:#16723c}
.live-demo-page .bot-module{border-color:#e0e6e1}.live-demo-page .bot-module .companion-capability:hover{border-color:#a5baac;background:#f8faf8}
.live-demo-page .bot-module-name h2{letter-spacing:-.035em}.live-demo-page .bot-identity .module-job{color:#343d36}
.live-demo-page .site-nav>a:not(.button):hover,.live-demo-page .site-nav summary:hover{color:#16723c}
.live-demo-page .site-nav>a,.live-demo-page .site-nav summary{transition:color .18s}
.live-demo-page .module-map-link svg,.live-demo-page .bridge-context svg,.live-demo-page .chapter-handoff i{color:#73937e}
.live-demo-page .animated-showcase{background:#f5f6f5}
.animated-showcase .showcase-heading{position:relative}
.animated-showcase .showcase-heading .showcase-tabs{margin-bottom:0}
.demo-motion-control{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:10px auto 0;padding:4px 9px;min-height:30px;border:0;border-radius:5px;background:none;color:#5d6d61;cursor:pointer;font:inherit;font-size:11px}
.demo-motion-control svg{width:13px;height:13px}.demo-motion-control:hover{background:#e6ece7;color:#16723c}
.animated-showcase .showcase-body{padding-top:0}
.animated-showcase .device-display{container-type:inline-size;background:#fff;isolation:isolate}
.animated-showcase .device-display .showcase-frame{position:absolute;inset:0;background:#fff;overflow:hidden}
.xd-viewport{width:100%;height:100%;position:relative;container-type:inline-size;overflow:hidden;background:#fff;text-align:left}
.xd-app,.xd-app *{box-sizing:border-box}
.xd-app{width:100%;height:100%;display:grid;grid-template-columns:17.5% minmax(0,1fr);color:var(--demo-ink);background:#fff;font-family:"Noto Sans SC Variable","Microsoft YaHei",sans-serif;font-size:1.57cqw;line-height:1.55;font-weight:400;font-variant-numeric:tabular-nums;text-align:left}
.xd-app svg{display:block;width:1.18em;height:1.18em;flex:none}.xd-app h4,.xd-app h5,.xd-app p{margin:0;font:inherit;letter-spacing:normal}.xd-app button{font:inherit;cursor:pointer;line-height:1.45;touch-action:manipulation}.xd-app button:focus-visible{outline:2px solid #16723c;outline-offset:3px}.xd-app [hidden]{display:none!important}
.xd-sidebar{background:#f2f3f2;padding:1.5em .75em 1em;display:flex;flex-direction:column;overflow:hidden}
.xd-window-dots{display:flex;gap:.38em;margin:0 0 1.15em .3em}.xd-window-dots i{width:.52em;height:.52em;border-radius:50%;background:#ff6558}.xd-window-dots i:nth-child(2){background:#ffc24b}.xd-window-dots i:nth-child(3){background:#38c951}
.xd-brand{font-size:.98em;font-weight:650;white-space:nowrap;margin-left:.2em}
.xd-product-switch{display:flex;align-items:center;white-space:nowrap;background:#e5e7e5;padding:.22em;border-radius:.45em;margin:1em 0 1.2em;font-size:.66em;gap:.1em}
.xd-product-switch>*{flex:1;text-align:center;padding:.35em 0;font-weight:400}.xd-product-switch b{background:#fff;border-radius:.3em;box-shadow:0 1px 2px #2331290c;font-weight:550}
.xd-sidebar nav{display:grid;gap:.32em}.xd-sidebar nav>span{display:flex;gap:.6em;align-items:center;padding:.66em .65em;font-size:.79em;color:#717771;white-space:nowrap;border-radius:.45em}.xd-sidebar nav>span.selected{color:#25372a;background:#e0e6e1;font-weight:550}.xd-sidebar nav svg{color:#7b887e}
.xd-user{margin-top:auto;display:flex;align-items:center;gap:.6em;font-size:.8em;padding-top:1em}.xd-user img{width:2em!important;height:2em!important;object-fit:contain!important;clip-path:none!important;border-radius:50%!important}.xd-user small{display:block;font-size:.62em;color:#767f79;white-space:nowrap;margin-top:.2em}
.xd-workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden}.xd-topbar{height:3.35em;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 1.8em;border-bottom:1px solid #eff1ee;font-size:.75em;color:#647068;gap:1em;white-space:nowrap}.xd-topbar .xd-example{font-size:.86em;color:#7a837d}
.xd-content{padding:1.8em 1.8em 1.2em;flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}
.xd-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:1.8em;flex:none}.xd-page-heading h4{font-size:1.4em;line-height:1.5;font-weight:600;letter-spacing:-.025em;color:#26312a}.xd-page-heading p{font-size:.73em;color:#6d776f;margin-top:.42em}
.xd-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4em;padding:.64em .8em;border:0;border-radius:.5em;background:#16723c;color:#fff;font-size:.73em!important;white-space:nowrap;box-shadow:0 3px 6px -3px #14562a30;transition:background .2s,transform .2s;flex:none}.xd-primary:hover{background:#0f5b2f}.xd-primary:active{transform:translateY(1px)}
.xd-section-heading{display:flex;align-items:center;justify-content:space-between;font-size:.83em;font-weight:550;margin-bottom:1.1em;gap:.5em}.xd-section-heading>span{font-size:.85em;color:#7b827c;font-weight:400;display:flex;gap:.5em;align-items:center}
.xd-report-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:1.6em;flex:1;min-height:0}.xd-sources{padding-top:.25em;min-width:0}.xd-record{display:flex;align-items:flex-start;gap:.65em;padding:.86em 0;border-bottom:1px solid #eef1ee;position:relative;transition:color .4s,opacity .4s}.xd-record time{font-size:.69em;color:#8a938c;padding-top:.18em}.xd-record b{font-size:.8em;font-weight:500;display:block}.xd-record p{font-size:.68em;color:#79847b;margin-top:.3em}.xd-record>svg{margin-left:auto;color:#16723c;width:.85em;opacity:0;transform:scale(.7);transition:opacity .5s,transform .5s;transition-delay:calc(var(--order)*150ms)}
.xd-app[data-phase]:not([data-phase="0"]) .xd-record>svg{opacity:1;transform:scale(1)}
.xd-template-heading{margin-top:1.8em}.xd-template{display:block;width:100%;position:relative;padding:1em;text-align:left;border:1px solid #dce3de;border-radius:.55em;background:#fff;color:#3b493f;transition:background .35s,border-color .35s}.xd-template>span{display:flex;gap:.6em;align-items:center;font-size:.84em}.xd-template b{font-weight:500}.xd-template p{font-size:.66em;color:#758278;margin-top:.55em}.xd-template>i{position:absolute;right:.65em;top:.7em;color:#16723c;opacity:0}.xd-template>i svg{width:1em}.xd-app[data-phase="2"] .xd-template,.xd-app[data-phase="3"] .xd-template,.xd-app[data-phase="4"] .xd-template,.xd-app[data-phase="5"] .xd-template{background:#f3f8f3;border-color:#90b69a}.xd-app[data-phase="2"] .xd-template>i,.xd-app[data-phase="3"] .xd-template>i,.xd-app[data-phase="4"] .xd-template>i,.xd-app[data-phase="5"] .xd-template>i{opacity:1}.xd-local-note{font-size:.67em!important;line-height:1.85!important;color:#839086;margin-top:1.3em!important}
.xd-paper{background:#fbfcfa;padding:1.25em 1.4em;min-width:0;border-radius:.65em;display:flex;flex-direction:column;box-shadow:0 6px 16px -12px #22392b33;overflow:hidden}.xd-paper-head{display:flex;justify-content:space-between;align-items:center;gap:.6em;font-size:.68em;color:#7b857c;margin-bottom:1.6em}.xd-document-state{color:#16723c;background:#eaf4ec;border-radius:.35em;padding:.2em .5em;white-space:nowrap}.xd-paper h4{font-size:1.22em;font-weight:600;letter-spacing:-.02em}.xd-paper-date{font-size:.67em;color:#8a938c;margin:.45em 0 1.2em}.xd-report-block{margin-bottom:1.15em;min-height:3.9em}.xd-report-block h5{font-size:.78em;font-weight:600;margin-bottom:.45em}.xd-report-block p{font-size:.73em;line-height:1.95;color:#626e64;min-height:3.9em}.xd-report-block p::after{content:'';display:inline-block;height:1em;width:1px;background:#16723c;vertical-align:-.1em;margin-left:.12em;opacity:0}.xd-report-block.is-writing p::after{opacity:1;animation:xd-caret .8s steps(2) infinite}.xd-writing{display:flex;align-items:center;gap:.55em;font-size:.67em;color:#688170;margin-top:auto}.xd-writing i{height:.55em;width:.55em;background:#88ad92;border-radius:50%;animation:xd-thinking 1.5s ease-in-out infinite}.xd-paper-finish{display:flex;align-items:center;gap:.45em;font-size:.65em;color:#16723c;margin-top:auto}
.xd-ready [data-reveal]{opacity:0;transform:translateY(.6em);transition:opacity .55s var(--demo-ease),transform .65s var(--demo-ease);pointer-events:none}.xd-ready [data-reveal].is-visible{opacity:1;transform:none;pointer-events:auto}
.xd-period{border:1px solid #e0e7e1;background:#fff;padding:.6em .75em;border-radius:.5em;display:flex;gap:.5em;align-items:center;color:#617268;font-size:.7em!important;white-space:nowrap}.xd-period:hover{background:#f0f6f0}
.xd-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;margin:.1em 0 1.7em}.xd-metrics>div{display:flex;align-items:baseline;gap:.7em;border-right:1px solid #e7ece7}.xd-metrics>div:last-child{border:0}.xd-metrics strong{font-weight:550;font-size:2em;line-height:1.2;letter-spacing:-.035em}.xd-metrics span{color:#79857d;font-size:.74em}
.xd-heatmap{background:#f8faf7;border-radius:.6em;padding:1em 1.15em}.xd-heat-body{display:flex;gap:.7em}.xd-day-labels{display:grid;grid-template-rows:repeat(5,1fr);font-size:.65em;color:#7d887f;gap:.3em;min-width:2em}.xd-day-labels span{display:flex;align-items:center}.xd-heat-cells{flex:1;display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(5,1fr);gap:.24em;aspect-ratio:6.1}.xd-heat-cells i{border-radius:.2em;background:#edf0eb;transition:background .6s,transform .55s,opacity .55s;transition-delay:var(--delay)}.xd-app:not([data-phase="0"]) .xd-heat-cells i{background:color-mix(in srgb,#1e9a53 calc(var(--heat)*17%),#edf4ea);transform:none}.xd-app[data-phase="0"] .xd-heat-cells i{opacity:.65;transform:scale(.85)}.xd-hours{display:flex;justify-content:space-between;padding-left:2.8em;font-size:.6em;color:#8a948d;margin-top:.65em}.xd-legend{height:.6em;width:3em;border-radius:.15em;background:linear-gradient(90deg,#edf4ea,#1e9a53)}
.xd-insights{display:grid;grid-template-columns:1.1fr 1fr;gap:1.8em;margin-top:1.9em}.xd-bar-row{display:grid;grid-template-columns:5.7em 1fr 2.6em;align-items:center;font-size:.73em;gap:.65em;margin:1.05em 0;color:#69776c}.xd-bar-row>div{height:.45em;border-radius:2px;background:#eef1ec;overflow:hidden}.xd-bar-row i{display:block;width:var(--bar);height:100%;background:#7baf89;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--demo-ease);transition-delay:calc(var(--order)*140ms)}.xd-app[data-phase="2"] .xd-bar-row i,.xd-app[data-phase="3"] .xd-bar-row i,.xd-app[data-phase="4"] .xd-bar-row i,.xd-app[data-phase="5"] .xd-bar-row i{transform:scaleX(1)}.xd-bar-row b{font-weight:400;text-align:right}
.xd-insight-note{padding-left:1.2em;border-left:1px solid #e0e9df;position:relative}.xd-note-icon{display:inline-flex;color:#16723c;margin-bottom:.65em}.xd-insight-note h5{font-size:.84em;font-weight:550}.xd-insight-note p{font-size:.71em;line-height:1.85;color:#778478;margin-top:.55em}.xd-insight-done{font-size:.68em;color:#16723c;display:block;margin-top:.9em}
.xd-meeting{background:#f6f8f5;padding:1.25em;display:flex;align-items:center;gap:.9em;border-radius:.6em;position:relative;overflow:hidden}.xd-meeting>span{color:#5d8c6b}.xd-meeting b{font-size:.82em;font-weight:550}.xd-meeting p{font-size:.72em;color:#758078;margin-top:.35em}.xd-extract-state{margin-left:auto;font-size:.63em;color:#16723c;white-space:nowrap}.xd-app[data-phase="1"] .xd-meeting::after{content:'';position:absolute;top:0;bottom:0;left:0;width:18%;background:linear-gradient(90deg,transparent,#cce5d447,transparent);animation:xd-scan 1.4s ease-in-out infinite}
.xd-task-toolbar{display:flex;justify-content:space-between;margin:1.6em 0 .4em;font-size:.8em;color:#6d786f}.xd-task-toolbar b{font-weight:550;color:#343e35}.xd-task-toolbar b span{font-size:.85em;margin-left:.5em;color:#78957f}.xd-task-toolbar>span{font-size:.86em}
.xd-task{display:flex;align-items:center;gap:1em;padding:1.45em .35em;border-bottom:1px solid #e9ede8;transition:opacity .6s,transform .6s,background .5s}.xd-check{display:flex;align-items:center;justify-content:center;border:1px solid #c8d4cb;width:1.4em;height:1.4em;border-radius:.3em;padding:.15em;background:#fff;color:transparent;flex:none}.xd-task h5{font-size:.94em;font-weight:500;transition:color .3s}.xd-task p{font-size:.66em;display:flex;align-items:center;gap:1em;color:#849087;margin-top:.7em}.xd-task p>span{display:flex;align-items:center;gap:.3em}.xd-task p>span:first-child{color:#649773}.xd-task em{font-style:normal;background:#edf6ed;color:#61936f;border-radius:.25em;padding:.1em .6em}.xd-task-state{font-size:.65em;color:#819087;margin-left:auto;white-space:nowrap;background:#f3f5f1;padding:.2em .6em;border-radius:.35em}.xd-task.is-working{background:#f9fbf7}.xd-task.is-working .xd-task-state{color:#16723c;background:#e9f4e9}.xd-task.is-done .xd-check{background:#16723c;border-color:#16723c;color:#fff}.xd-task.is-done h5{color:#8c978e;text-decoration:line-through}.xd-task.is-done .xd-task-state{color:#16723c;background:#edf5ed}.xd-task-footer{font-size:.7em;color:#74867a;min-height:2.2em;position:relative;margin-top:1.5em}.xd-task-note,.xd-task-done{position:absolute;left:0;right:0}.xd-task-done{display:flex;gap:.5em;align-items:center;color:#16723c}.xd-app[data-phase="5"] .xd-task-note{visibility:hidden}
.xd-service{display:flex;align-items:center;gap:1em;background:#f6f8f5;border-radius:.6em;padding:1em 1.2em}.xd-service-title{display:flex;align-items:center;gap:.8em;flex:1}.xd-service-title>svg{color:#749580}.xd-service-title b{font-size:.86em;font-weight:550}.xd-service-title small{display:block;font-size:.65em;color:#8a978e;margin-top:.2em}.xd-service-state{font-size:.7em;color:#7b8e82}.xd-switch{width:2.5em;height:1.3em;border-radius:1em;background:#d9e1d8;padding:.18em;transition:background .45s}.xd-switch i{display:block;width:.94em;height:.94em;background:#fff;border-radius:50%;box-shadow:0 1px 3px #26473015;transition:transform .45s var(--demo-ease)}.xd-app:not([data-phase="0"]) .xd-switch{background:#218148}.xd-app:not([data-phase="0"]) .xd-switch i{transform:translateX(1.2em)}.xd-app:not([data-phase="0"]) .xd-service-state{color:#16723c}
.xd-conversation{margin-top:1.5em;flex:1;min-height:0;overflow:hidden}.xd-human{margin-left:auto;width:fit-content;max-width:80%;background:#edf4eb;padding:.7em 1.15em;border-radius:.7em .7em .2em .7em;font-size:.85em;color:#496452}.xd-agent{display:flex;gap:.85em;align-items:flex-start;margin-top:1.2em}.xd-agent-avatar{width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;background:#f0f4ee;color:#456e50;border-radius:.6em;flex:none}.xd-agent-body{flex:1;min-width:0}.xd-agent-body>strong{font-size:.8em;font-weight:550}.xd-tool-call{margin-top:.6em;background:#f7f9f5;border-radius:.55em;padding:.8em 1em}.xd-tool-call>div:first-child{display:flex;gap:.5em;align-items:center;font-size:.76em;color:#4b6856}.xd-tool-ok{margin-left:auto;color:#25834b;font-size:.8em;opacity:0}.xd-app[data-phase="3"] .xd-tool-ok,.xd-app[data-phase="4"] .xd-tool-ok,.xd-app[data-phase="5"] .xd-tool-ok{opacity:1}.xd-tool-call code{display:block;margin-top:.65em;font:400 .65em/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8c988e}.xd-tool-result{display:grid;gap:.35em;margin-top:.85em;padding-top:.7em;border-top:1px solid #e3eae0;font-size:.65em;color:#758377}.xd-agent-reply{font-size:.83em!important;color:#546459;line-height:1.95!important;margin-top:1em!important;min-height:3.9em}.xd-writeback{display:flex;align-items:center;gap:.4em;color:#16723c;font-size:.71em;margin-top:1em}.xd-connection-note{font-size:.65em;color:#829086;margin-top:1em;flex:none}
.demo-launch{position:absolute;inset:0;z-index:10;display:block;width:100%;height:100%;background:none;border:0;padding:0;cursor:zoom-in;color:#fff}.demo-launch>span{position:absolute;left:50%;bottom:5%;transform:translate(-50%,7px);opacity:0;white-space:nowrap;padding:8px 14px;font-size:11px;background:#26382eef;border-radius:7px;transition:opacity .2s,transform .2s;box-shadow:0 6px 14px -7px #20382b40}.demo-launch:hover>span,.demo-launch:focus-visible>span{opacity:1;transform:translate(-50%,0)}.demo-launch:focus-visible{outline:2px solid #16723c!important;outline-offset:-3px!important}
.demo-dialog{width:min(1100px,calc(100vw - 36px));max-width:none;max-height:calc(100svh - 40px);padding:0;border:0;border-radius:14px;overflow:hidden;margin:auto;background:#fff;box-shadow:0 24px 90px -20px #13291e55}.demo-dialog::backdrop{background:#21322988;backdrop-filter:blur(7px)}.demo-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 14px 9px 22px;border-bottom:1px solid #e7ece7;color:#26382c}.demo-dialog-header strong{font-size:13px;font-weight:550}.demo-dialog-header>div{display:flex;align-items:center;gap:4px}.demo-dialog-header button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:38px;min-height:38px;border:0;border-radius:6px;background:none;color:#65776a;font:inherit;font-size:11px;cursor:pointer}.demo-dialog-header button svg{height:16px;width:16px}.demo-dialog-header button:hover{background:#ecf3ed;color:#16723c}.demo-dialog-header button[data-demo-close]{margin-left:6px}.demo-dialog-viewport{height:auto;aspect-ratio:1.6;max-height:calc(100svh - 110px)}
.demo-dialog .xd-app{font-size:1.57cqw}.demo-dialog [data-demo-run]{min-height:2.4em}.demo-dialog .xd-check:hover{border-color:#16723c;background:#edf5ed}.demo-dialog .xd-content{scrollbar-width:thin;scrollbar-color:#b9cbbd #f5f8f4}.demo-dialog .xd-sidebar nav>span{cursor:default}
@keyframes xd-caret{50%{opacity:0}}@keyframes xd-thinking{50%{opacity:.3;transform:scale(.7)}}@keyframes xd-scan{from{transform:translateX(-100%)}to{transform:translateX(670%)}}
@media(max-width:800px){.demo-motion-control{min-height:32px;margin-top:6px}.animated-showcase .showcase-body{padding-top:22px}.animated-showcase .showcase-media{margin-top:2px}.demo-launch>span{display:none}.demo-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 24px);border-radius:12px}.demo-dialog-header{padding:7px 8px 7px 14px}.demo-dialog-header strong{font-size:12px}.demo-dialog-header button{min-height:44px;min-width:36px}.demo-dialog-header button span{display:none}.demo-dialog-viewport{aspect-ratio:auto;height:min(650px,calc(100svh - 95px));max-height:none}.demo-dialog .xd-app{font-size:13px;grid-template-columns:1fr}.demo-dialog .xd-sidebar{display:none}.demo-dialog .xd-topbar{padding:0 1.2em;height:3.2em}.demo-dialog .xd-content{padding:1.4em 1.25em;overflow-y:auto}.demo-dialog .xd-page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:1.45em}.demo-dialog .xd-page-heading h4{font-size:1.33em}.demo-dialog .xd-page-heading p{font-size:.82em}.demo-dialog .xd-primary,.demo-dialog .xd-period{font-size:.8em!important;padding:.8em;min-height:36px}.demo-dialog .xd-report-layout{grid-template-columns:1fr;gap:1.5em;flex:none}.demo-dialog .xd-sources .xd-record{padding:.6em 0}.demo-dialog .xd-record p,.demo-dialog .xd-local-note,.demo-dialog .xd-template-heading{display:none}.demo-dialog .xd-sources .xd-section-heading{margin-bottom:.4em}.demo-dialog .xd-template{margin-top:1em}.demo-dialog .xd-template p{display:none}.demo-dialog .xd-paper{min-height:360px;padding:1.3em}.demo-dialog .xd-report-block p{font-size:.9em}.demo-dialog .xd-paper h4{font-size:1.25em}.demo-dialog .xd-paper-finish{font-size:.78em}.demo-dialog .xd-metrics{gap:.8em}.demo-dialog .xd-metrics>div{display:flex;flex-direction:column;gap:.3em}.demo-dialog .xd-metrics strong{font-size:1.9em}.demo-dialog .xd-metrics span{font-size:.76em}.demo-dialog .xd-heatmap{padding:1em .6em}.demo-dialog .xd-heat-cells{aspect-ratio:3.7;gap:2px}.demo-dialog .xd-insights{grid-template-columns:1fr;gap:1.3em}.demo-dialog .xd-insight-note{padding:1em 0 0;border-left:0;border-top:1px solid #e0e9df}.demo-dialog .xd-insight-note p{font-size:.9em}.demo-dialog .xd-meeting{padding:1em;align-items:flex-start}.demo-dialog .xd-meeting p{font-size:.81em}.demo-dialog .xd-extract-state{display:none}.demo-dialog .xd-task{gap:.65em;flex-wrap:wrap;padding:1.25em 0}.demo-dialog .xd-task>div{flex:1;min-width:0}.demo-dialog .xd-task h5{font-size:.98em}.demo-dialog .xd-task p{font-size:.74em;flex-wrap:wrap;gap:.45em}.demo-dialog .xd-check{width:30px;height:30px;flex:none}.demo-dialog .xd-task-state{font-size:.7em;align-self:flex-start}.demo-dialog .xd-task-toolbar>span{font-size:.74em}.demo-dialog .xd-task-footer{font-size:.82em;min-height:3em}.demo-dialog .xd-service{padding:1em .8em;gap:.6em}.demo-dialog .xd-service-title small{font-size:.76em}.demo-dialog .xd-human{max-width:95%;font-size:.91em}.demo-dialog .xd-conversation{overflow:visible;flex:none}.demo-dialog .xd-agent{gap:.55em}.demo-dialog .xd-agent-avatar{width:1.8em;height:1.8em}.demo-dialog .xd-agent-reply{font-size:.93em!important}.demo-dialog .xd-tool-call{padding:.9em .7em}.demo-dialog .xd-tool-result{font-size:.77em}.demo-dialog .xd-writeback{font-size:.8em}.demo-dialog .xd-connection-note{font-size:.73em;margin-top:1.6em}}
@media(max-width:350px){.demo-dialog .xd-app{font-size:12px}.demo-dialog .xd-content{padding:1.2em}.demo-dialog .xd-topbar{font-size:.66em}.demo-dialog-header{gap:5px}.demo-dialog-header>div{gap:0}.demo-dialog-header button{min-width:32px}}
@media(max-width:800px){.demo-dialog-viewport{height:auto;max-height:calc(100svh - 95px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bdcdbf #f8faf7}.demo-dialog .xd-app{height:auto;min-height:0}.demo-dialog .xd-workspace{overflow:visible}.demo-dialog .xd-content{flex:initial;overflow:visible}}
.demo-motion-control:disabled{cursor:default;color:#77867b}.demo-dialog-header button:disabled{opacity:.55;cursor:default}
.demo-utilities{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:9px;min-height:38px}.demo-utilities .demo-motion-control{margin:0}.demo-support-slot{min-width:103px;min-height:38px}
.live-demo-page .support-dock.is-demo-support{position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none;min-height:38px;padding:7px 11px;gap:6px;margin:0;background:#fff;box-shadow:none;font-size:11px;color:#16723c;border-radius:7px}.live-demo-page .support-dock.is-demo-support svg{width:20px;height:20px}.live-demo-page .support-dock.is-demo-support:hover{background:#e9f3eb}
.demo-open-mobile{display:none}
.xd-app .xd-connection-note,.xd-app .xd-metrics span,.xd-app .xd-paper-date,.xd-app .xd-paper-head,.xd-app .xd-topbar .xd-example,.xd-app .xd-page-heading p,.xd-app .xd-record time,.xd-app .xd-record p,.xd-app .xd-template p,.xd-app .xd-local-note,.xd-app .xd-section-heading>span,.xd-app .xd-day-labels,.xd-app .xd-hours,.xd-app .xd-bar-row,.xd-app .xd-insight-note p,.xd-app .xd-meeting p,.xd-app .xd-task-toolbar,.xd-app .xd-task p,.xd-app .xd-task-state,.xd-app .xd-task-footer,.xd-app .xd-service-title small,.xd-app .xd-service-state,.xd-app .xd-tool-call code,.xd-app .xd-tool-result,.xd-app .xd-user small{color:#58665b}
.xd-app .xd-template>span,.xd-app .xd-task p>span:first-child,.xd-app .xd-task em{color:#356641}.xd-app .xd-insight-done,.xd-app .xd-task-done,.xd-app .xd-tool-ok,.xd-app .xd-document-state{color:#16723c}
@media(max-width:800px){.demo-utilities{margin-top:6px;gap:12px}.demo-open-mobile{display:inline-flex;justify-content:center;align-items:center;align-self:center;min-height:44px;margin:0 auto;padding:8px 19px;border:0;border-radius:7px;background:#fff;color:#16723c;font:inherit;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 5px 10px -8px #183b2440}.demo-open-mobile:hover{background:#e8f2e9}.demo-open-mobile:active{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.xd-app *{animation:none!important;transition:none!important}.demo-launch>span{transition:none}.demo-dialog::backdrop{backdrop-filter:none}}
@media(scripting:none){.demo-motion-control,.demo-launch{display:none}.animated-showcase .showcase-frame{position:relative!important;inset:auto!important;height:620px!important}.xd-app{font-size:16px}.animated-showcase .showcase-window{aspect-ratio:auto}}