/* A contained window for the supplied Wand Agents app. Product styles live
   inside the iframe, so website typography and hover effects cannot alter it. */
.agent-embed-mount{width:100%;min-width:0}
.worker-demo.agent-demo-embedded{position:relative;inset:auto;display:grid;grid-template-rows:48px minmax(0,1fr) 30px;width:100%;max-width:none;height:min(780px,calc(100svh - 108px));min-height:430px;padding:0;margin:0;border:1px solid #d8d2e2;border-radius:18px;background:#faf9f7;color:#4e4766;box-shadow:0 24px 70px -38px rgba(27,12,47,.32);overflow:hidden;box-sizing:border-box;font-family:Geist,Arial,sans-serif}
.worker-demo.agent-demo-embedded::backdrop{background:rgba(12,5,26,.72);backdrop-filter:blur(14px)}
.agent-embed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:0 16px;border-bottom:1px solid #e0dcd3;background:#f1efea}
.agent-embed-toolbar>p{display:flex;align-items:center;gap:20px;min-width:0;margin:0;font-size:12px;line-height:1.4}
.agent-embed-example{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:500;color:#4e4766}
.agent-embed-example i{width:5px;height:5px;border-radius:50%;background:#5a33e0;flex:none}
.agent-embed-guide{color:#7a7391;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-embed-actions{display:flex;align-items:center;gap:4px;flex:none}
.agent-embed-actions button,.agent-embed-loading button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#4e4766;font:inherit;font-size:12px;cursor:pointer;transition:background-color .18s,color .18s}
.agent-embed-actions button:hover,.agent-embed-loading button:hover{color:#240647;background:#e7e2ed}
.agent-embed-actions button:focus-visible,.agent-embed-loading button:focus-visible{outline:2px solid #5a33e0;outline-offset:2px}
.agent-embed-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.agent-embed-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:#faf9f7}
.agent-embed-viewport iframe{display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;background:#faf9f7;opacity:0;transition:opacity .25s ease}
.agent-demo-embedded[data-ready="true"] iframe{opacity:1}
.agent-embed-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:28px;text-align:center;background:#faf9f7}
.agent-embed-loading img{display:block;height:auto}
.agent-embed-loading p{max-width:34em;font-size:14px;line-height:1.6;margin:0;color:#7a7391}
.agent-embed-loading button{border-color:#d5cbf3;color:#4b27c9;background:#eeeaf8}
.agent-embed-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;min-width:0;border-top:1px solid #e0dcd3;background:#f1efea;font-size:10px;line-height:1.3;color:#7a7391}
.agent-embed-foot p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-embed-foot>span{white-space:nowrap;flex:none}
.agent-embed-fallback{font-size:14px;line-height:1.6;color:var(--muted)}
.agent-demo-embedded [hidden]{display:none!important}
.worker-demo.agent-demo-embedded[data-expanded="true"]{position:fixed;inset:16px;width:calc(100vw - 32px);height:calc(var(--wand-viewport-height,100dvh) - 32px);max-height:none;min-height:0;max-width:none;margin:0;z-index:2000;transform:none!important;opacity:1!important}
.agent-demo-embedded[data-modal-fallback="true"]{box-shadow:0 0 0 100vmax rgba(12,5,26,.76)}
body.agent-demo-expanded{overflow:hidden}
@media(min-width:1024px) and (min-height:600px){
 .wl-worker-demo-chapter{min-block-size:var(--wand-pane-height,calc(100svh - 76px));padding-block:16px}
 .worker-demo.agent-demo-embedded:not([data-expanded="true"]){height:calc(var(--wand-pane-height,calc(100svh - 76px)) - 32px);min-height:0;max-height:none}
}
@media(max-width:760px){
 .worker-demo.agent-demo-embedded{height:620px;min-height:0;border-radius:12px;grid-template-rows:44px minmax(0,1fr) 32px}
 .agent-embed-toolbar{gap:8px;padding-inline:10px}
 .agent-embed-guide{display:none}
 .agent-embed-actions button{padding-inline:8px}
 .agent-embed-foot{padding-inline:10px;font-size:10px}
 .agent-embed-foot>span{max-width:45%;white-space:normal;text-align:right}
 .worker-demo.agent-demo-embedded[data-expanded="true"]{inset:8px;width:calc(100vw - 16px);height:calc(var(--wand-viewport-height,100dvh) - 16px)}
}
@media(max-width:400px){.agent-embed-actions button span{display:none}.agent-embed-actions button{width:34px}}
@media(prefers-reduced-motion:reduce){.agent-demo-embedded *{transition:none!important;scroll-behavior:auto!important}}
body.motion-paused .agent-demo-embedded *{transition:none!important}
