.d-demo{--d-paper:var(--paper,#fffefc);--d-soft:var(--soft,#f9f6ef);--d-ink:var(--ink,#10201c);--d-teal:var(--teal,#0e7f6b);--d-mint:var(--mint,#34e3c8);--d-pink:var(--pink,#ffb3cf);--d-line:color-mix(in srgb,var(--d-ink) 15%,transparent);--d-muted:color-mix(in srgb,var(--d-ink) 75%,var(--d-paper));color:var(--d-ink);font-family:var(--font-ui,Arial,sans-serif);font-size:14px;text-align:left;width:100%;position:relative}
.d-demo *{box-sizing:border-box}.d-demo button,.d-demo select{font:inherit;color:inherit}.d-demo button{cursor:pointer}.d-demo button:focus-visible,.d-demo a:focus-visible,.d-demo select:focus-visible,.d-demo [tabindex]:focus-visible{outline:3px solid var(--d-teal);outline-offset:4px}.d-demo button:disabled{cursor:default}.d-demo a{color:inherit;text-decoration:none}.d-frame{display:grid;grid-template-columns:238px minmax(0,1fr);border:1px solid var(--d-line);border-radius:8px;overflow:hidden;background:var(--d-paper);box-shadow:0 24px 90px color-mix(in srgb,var(--d-teal) 9%,transparent)}
.d-sidebar{border-right:1px solid var(--d-line);padding:20px 12px 16px;background:var(--d-soft);position:relative;display:flex;flex-direction:column;min-width:0}.d-brand{display:flex;align-items:center;gap:9px;padding:0 8px 20px;font-weight:600;letter-spacing:-.035em}.d-brand svg{width:24px;height:24px;color:var(--d-teal)}.d-brand-switch{margin-left:auto;font-size:10px;line-height:7px}.d-space-label{padding:10px;color:var(--d-muted);font-size:11px;letter-spacing:.04em}.d-side-links{display:grid;gap:2px}.d-side-links a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;min-height:40px}.d-side-links a:hover{background:color-mix(in srgb,var(--d-mint) 20%,var(--d-paper))}.d-side-links a span{font-size:19px;line-height:1}.d-example-label{margin-top:26px}.d-tabs{display:grid;gap:3px}.d-tab{border:1px solid transparent;background:transparent;border-radius:5px;text-align:left;padding:10px;min-height:44px;display:flex;align-items:center;gap:9px;white-space:nowrap}.d-tab-icon{font-size:20px;color:var(--d-teal);line-height:1}.d-tab[aria-selected=true]{background:var(--d-paper);border-color:var(--d-line);box-shadow:0 2px 4px color-mix(in srgb,var(--d-ink) 3%,transparent)}.d-sidebar-foot{margin-top:auto;padding:50px 10px 0;display:flex;gap:9px;align-items:center;font-size:12px;color:var(--d-muted)}.d-avatar{display:grid;place-items:center;width:26px;height:26px;background:var(--d-pink);color:var(--d-ink);border-radius:50%;font-style:italic}.d-workspace{min-width:0;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--d-paper),var(--d-soft))}.d-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--d-line);min-height:50px}.d-current{font-weight:600;font-size:12px}.d-example{font-size:10px;color:var(--d-muted)}.d-conversation{padding:20px clamp(20px,7vw,125px) 24px;min-height:510px;overflow:hidden}.d-question{background:color-mix(in srgb,var(--d-mint) 17%,var(--d-paper));border:1px solid color-mix(in srgb,var(--d-teal) 10%,transparent);padding:12px 15px;border-radius:14px 14px 3px 14px;margin:0 0 38px auto;max-width:85%;line-height:1.5}.d-answer{display:flex;gap:14px}.d-answer-mark{display:block;flex:0 0 25px}.d-answer-mark svg{width:25px;height:25px;color:var(--d-teal)}.d-answer-body{min-width:0;flex:1}.d-response{line-height:1.6;min-height:68px;margin:0 0 14px;text-wrap:pretty}.d-tools{display:grid;gap:8px;margin-bottom:16px;font-size:12px;color:var(--d-muted)}.d-tool{display:flex;align-items:center;gap:8px;min-height:20px}.d-tool-dot{width:17px;height:17px;border:1px solid var(--d-line);display:grid;place-items:center;border-radius:50%;font-size:10px}.d-tool[data-state=waiting]{opacity:.45}.d-tool[data-state=active] .d-tool-dot{background:var(--d-mint);color:var(--d-ink);animation:d-tick 1.05s steps(3,end) infinite}.d-output{margin:0;border:1px solid var(--d-line);border-radius:6px;overflow:hidden;background:var(--d-paper);transition:opacity .35s,transform .35s}.d-output figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--d-line);font-size:12px;font-weight:600}.d-inspect{border:1px solid var(--d-line);border-radius:4px;background:var(--d-soft);padding:6px 10px;min-height:36px}.d-image-button{padding:0;border:0;background:var(--d-paper);display:block;width:100%;overflow:hidden;max-height:210px}.d-report-image{display:block;width:100%;height:auto;min-height:160px;object-fit:cover;object-position:top;transition:transform .4s}.d-image-button:hover .d-report-image{transform:scale(1.025)}.d-bottom{padding:12px 16px;border-top:1px solid var(--d-line);margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.d-playback{display:flex;align-items:center;gap:6px}.d-pause,.d-replay{border:1px solid var(--d-line);background:var(--d-paper);border-radius:4px;padding:6px 10px;min-height:36px;font-size:11px!important}.d-steps{display:flex;gap:4px;padding:0 6px}.d-steps button{padding:0;width:24px;height:28px;border:0;background:transparent;position:relative}.d-steps button:after{content:'';position:absolute;left:0;right:0;top:12px;height:3px;background:var(--d-line)}.d-steps button[aria-current=true]:after{background:var(--d-teal)}.d-status{font-size:10px;color:var(--d-muted);min-width:95px}.d-real-link{font-size:11px;font-weight:600;white-space:nowrap}.d-real-link span{padding-left:8px;color:var(--d-teal)}.d-mobile-tabs{display:none}.d-pills{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:0 auto 32px;max-width:920px}.d-pills .d-tab{border:1px solid var(--d-line);border-radius:30px;padding:10px 15px;background:var(--d-soft);font-size:12px}.d-pills .d-tab[aria-selected=true]{background:var(--d-ink);color:var(--d-paper)}.d-pills .d-tab[aria-selected=true] .d-tab-icon{color:var(--d-mint)}.d-sidebar-note{font-size:12px;line-height:1.7;padding:0 10px;color:var(--d-muted)}.d-usecases .d-frame{grid-template-columns:200px minmax(0,1fr)}.d-usecases .d-conversation{padding-left:38px;padding-right:38px}
@keyframes d-tick{0%{opacity:.4}100%{opacity:1}}
.d-demo[data-paused=true] .d-tool-dot,.d-demo[data-offscreen=true] .d-tool-dot{animation-play-state:paused}
@media(min-width:1100px){.d-hero .d-frame{min-height:640px}.d-hero .d-conversation{padding-top:24px}.d-hero .d-image-button{max-height:250px}}
@media(max-width:900px){.d-frame,.d-usecases .d-frame{grid-template-columns:180px minmax(0,1fr)}.d-conversation,.d-usecases .d-conversation{padding:20px}.d-status{display:none}.d-bottom{flex-wrap:wrap}.d-question{max-width:95%}.d-brand{font-size:13px}.d-tab{font-size:12px}.d-example{font-size:9px}.d-topbar{flex-wrap:wrap;gap:6px}.d-side-links a{font-size:12px}}
@media(max-width:640px){.d-frame,.d-usecases .d-frame{display:block}.d-sidebar{display:none}.d-mobile-tabs{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--d-line);font-size:12px}.d-mobile-tabs select{font-size:16px;flex:1;max-width:100%;min-width:0;min-height:44px;border:1px solid var(--d-line);border-radius:4px;background:var(--d-paper);padding:8px}.d-mobile-tabs label{color:var(--d-muted)}.d-topbar{padding:12px 14px}.d-conversation,.d-usecases .d-conversation{padding:18px 14px;min-height:500px}.d-answer{gap:9px}.d-answer-mark{flex-basis:20px}.d-answer-mark svg{width:20px;height:20px}.d-question{font-size:13px;max-width:96%;margin-bottom:25px}.d-response{font-size:13px;min-height:105px}.d-image-button{max-height:190px}.d-output figcaption{padding:5px 8px;font-size:10px}.d-inspect{min-height:44px;font-size:11px!important}.d-bottom{padding:10px 12px;gap:6px}.d-pause,.d-replay{min-height:44px}.d-steps button{height:44px;width:24px}.d-steps button:after{top:20px}.d-real-link{display:flex;align-items:center;min-height:44px}.d-pills{display:none}.d-tools{font-size:11px}.d-report-image{min-height:140px}}
@media(prefers-reduced-motion:reduce){.d-demo *{animation:none!important;transition:none!important}.d-pause,.d-replay,.d-steps{display:none}}
@media(scripting:none){.d-playback,.d-mobile-tabs,.d-tabs,.d-pills,.d-inspect{display:none}.d-image-button{pointer-events:none}.d-bottom{justify-content:flex-end}}
.hero-demo-wrap{--panel-duration:var(--hero-panel-duration)}
@keyframes hero-result{from{opacity:0;transform:translateY(var(--hero-result-rise)) scale(var(--hero-result-scale))}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){.d-hero[data-result-visible=true] .d-output{animation:hero-result var(--hero-result-duration) var(--ease) both;box-shadow:0 12px 36px var(--mint-faint);border-color:var(--teal)}.d-hero[data-paused=true] .d-output,.d-hero[data-offscreen=true] .d-output{animation-play-state:paused}}