/* AgentViewer: the agent card alone on a page (shared styles: agent.css). */
:root{--page:#ece3d7;--gutter:16px}
html,body{margin:0;height:100%}
body{background:var(--page);display:grid;place-items:center;overflow:hidden}
.widget{width:min(980px,100% - 2 * var(--gutter));height:min(620px,100dvh - 2 * var(--gutter))}
#error{position:fixed;left:16px;right:16px;bottom:16px;z-index:9;margin:0;padding:14px 16px;border-radius:12px;background:#ffebe4;color:#a63620;font:13px/1.4 system-ui,sans-serif}
@media(max-width:760px){
  body{place-items:stretch}
  .widget{width:100%;height:100dvh;border-radius:0;box-shadow:none}
}