:root{--demo-bg:#e7f0e9;--demo-text:#1d2927;--demo-link:#216453;--demo-line:#dedfd7;--demo-toast:#193d38;--demo-white:#fffefa;--demo-font:system-ui,"Noto Sans TC",sans-serif}body{margin:0}.agentic-demo-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;font-family:var(--demo-font)}.agentic-demo-bar{flex:none;z-index:10;display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 16px;background:var(--demo-bg);color:var(--demo-text);font:12px/1.5 var(--demo-font);border-bottom:1px solid var(--demo-line);min-height:44px;box-sizing:border-box}.agentic-demo-label{display:flex;flex-direction:column}.agentic-demo-label small{font:inherit}.agentic-demo-bar nav{display:flex;align-items:center;gap:8px}.agentic-demo-bar button,.agentic-demo-bar a{font:inherit;box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;padding:8px;color:var(--demo-link);background:transparent;text-decoration:underline;border:0;flex-shrink:0;cursor:pointer}.agentic-demo-bar [aria-current=page]{font-weight:700;text-decoration-thickness:2px}.agentic-demo-bar a:focus-visible,.agentic-demo-bar button:focus-visible{outline:2px solid var(--demo-link);outline-offset:2px}.agentic-demo-native,.agentic-demo-outer{flex:1;min-height:0;overflow:hidden}.agentic-demo-shell [hidden]{display:none!important}.agentic-demo-shell iframe{display:block;width:100%;height:100%;border:0;background:var(--demo-white)}.agentic-demo-toast{display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--demo-toast);color:var(--demo-white);padding:12px 16px;border-radius:8px;width:max-content;max-width:90vw;font:14px/1.6 var(--demo-font);box-sizing:border-box}.agentic-demo-toast.agentic-demo-show{display:block}@media(max-width:600px){.agentic-demo-bar{gap:0 8px;padding:0 8px;justify-content:flex-start;flex-wrap:wrap}.agentic-demo-bar>.agentic-demo-label{flex:1 0 calc(100% - 76px);order:-2;padding-top:4px}.agentic-demo-bar>button{order:-1}.agentic-demo-bar nav{margin-top:-4px}.agentic-demo-bar>a:last-child{margin-left:auto;margin-top:-4px}}@media(prefers-reduced-motion:reduce){.agentic-demo-shell *{scroll-behavior:auto!important}}