*{margin:0;padding:0;box-sizing:border-box}[data-theme=default]{--bg-primary: #fff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--bg-sidebar: #ebebeb;--bg-toolbar: #f0f0f0;--bg-input: #fff;--bg-card: #fff;--bg-debug: #f5f5f5;--bg-msg-user: #4a4fc7;--bg-msg-bot: #e8e8e8;--bg-button: #e0e0e0;--bg-button-hover: #d0d0d0;--text-primary: #1a1a1a;--text-secondary: #555;--text-muted: #888;--text-bot: #1a1a1a;--text-sidebar: #444;--text-sidebar-active: #1a1a1a;--text-sidebar-header: #888;--text-sidebar-team: #333;--border: #ddd;--accent: #6264a7;--accent-hover: #7b7dc7;--accent-bg: rgba(98, 100, 167, .1);--iframe-bg: #fff}[data-theme=dark]{--bg-primary: #1f1f1f;--bg-secondary: #292929;--bg-tertiary: #3a3a3a;--bg-sidebar: #1a1a2e;--bg-toolbar: #292929;--bg-input: #1f1f1f;--bg-card: #333;--bg-debug: #1a1a1a;--bg-msg-user: #4a4fc7;--bg-msg-bot: #3a3a3a;--bg-button: #3a3a3a;--bg-button-hover: #4a4a4a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888;--text-bot: #e0e0e0;--text-sidebar: #b0b0b0;--text-sidebar-active: #fff;--text-sidebar-header: #888;--text-sidebar-team: #c0c0c0;--border: #3a3a3a;--accent: #8b8cc7;--accent-hover: #5b5fd8;--accent-bg: rgba(139, 140, 199, .15);--iframe-bg: #1f1f1f}[data-theme=contrast]{--bg-primary: #000;--bg-secondary: #111;--bg-tertiary: #222;--bg-sidebar: #000;--bg-toolbar: #111;--bg-input: #000;--bg-card: #111;--bg-debug: #000;--bg-msg-user: #1aebff;--bg-msg-bot: #222;--bg-button: #222;--bg-button-hover: #333;--text-primary: #fff;--text-secondary: #fff;--text-muted: #fff;--text-bot: #fff;--text-sidebar: #fff;--text-sidebar-active: #000;--text-sidebar-header: #fff;--text-sidebar-team: #fff;--border: #fff;--accent: #1aebff;--accent-hover: #fff;--accent-bg: #1aebff;--iframe-bg: #000}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}#app-layout{display:flex;height:100vh}#sidebar{width:200px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}#sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-header{font-size:11px;font-weight:600;color:var(--text-sidebar-header);letter-spacing:.5px;padding:12px 14px 4px}.sidebar-team{padding:0}.sidebar-team-name{font-size:13px;font-weight:600;color:var(--text-sidebar-team);padding:6px 14px}.sidebar-entry{font-size:13px;padding:6px 14px 6px 28px;cursor:pointer;color:var(--text-sidebar);border-left:3px solid transparent}.sidebar-entry:hover{background:#8080801a;color:var(--text-primary)}.sidebar-entry.active{background:var(--accent-bg);color:var(--text-sidebar-active);border-left-color:var(--accent)}#main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}#toolbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-toolbar);border-bottom:1px solid var(--border);flex-shrink:0}.toolbar-title{font-weight:600;font-size:14px;color:var(--accent)}#config-panel{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-top:1px solid var(--border);font-size:12px;flex-shrink:0}#config-panel label{color:var(--text-muted)}#config-panel select{width:100%;background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}#content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}#iframe-container{flex:1;min-width:0;background:var(--iframe-bg)}#iframe-container iframe{width:100%;height:100%;border:none}#chat-container{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.conversation-feed{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.msg-user{align-self:flex-end;background:var(--bg-msg-user);color:#fff;padding:8px 12px;border-radius:12px 12px 4px;max-width:85%;font-size:13px;word-break:break-word}.msg-bot{align-self:flex-start;background:var(--bg-msg-bot);color:var(--text-bot);padding:8px 12px;border-radius:12px 12px 12px 4px;max-width:85%;font-size:13px;word-break:break-word}.msg-card{align-self:flex-start;background:var(--bg-card);border-radius:8px;padding:2px;max-width:95%;overflow:hidden}.msg-card .ac-adaptiveCard{background:transparent!important}.msg-reply{margin-left:24px;border-left:3px solid var(--accent, #6264a7);padding-left:12px}#bot-toolbar{padding:8px 12px;border-top:1px solid var(--border);display:flex;gap:8px}#bot-toolbar button{background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer}#bot-toolbar button:hover{background:var(--bg-button-hover)}#input-bar{padding:8px 12px;border-top:1px solid var(--border)}#input-bar input{width:100%;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px;outline:none}#input-bar input:focus{border-color:var(--accent)}#debug-log{border-top:1px solid var(--border);background:var(--bg-debug);font-size:11px;font-family:SF Mono,Consolas,monospace;flex-shrink:0}#debug-log.collapsed #debug-entries{display:none}#debug-log:not(.collapsed) #debug-entries{max-height:200px;overflow-y:auto;padding:8px 12px}#debug-toggle{padding:6px 12px;cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}.debug-entry{padding:2px 0;color:var(--text-muted)}.debug-entry.sdk{color:#8b8cc7}.debug-entry.bot{color:#4caf50}.debug-entry.service{color:#ff9800}.debug-entry.warn{color:#f44336}#dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}#dialog-overlay.hidden{display:none}#dialog-container{background:var(--bg-card);border-radius:8px;width:600px;height:520px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0006}#dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}#dialog-header-left{display:flex;align-items:center;gap:10px;min-width:0}#dialog-app-icon{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center}#dialog-app-icon svg{border-radius:4px}#dialog-header-text{display:flex;flex-direction:column;min-width:0}#dialog-app-name{font-weight:600;font-size:14px;color:var(--text-primary);line-height:1.3}#dialog-title{font-size:12px;color:var(--text-secondary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dialog-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}#dialog-header button:hover{background:var(--bg-button);color:var(--text-primary)}#dialog-frame{flex:1;border:none;width:100%}#dialog-card-container{flex:1;overflow-y:auto;padding:0}#dialog-card-container .ac-adaptiveCard{min-height:100%}#dialog-card-container.hidden{display:none}.hidden{display:none!important}