.main{position:relative}
.plugin-panel{position:absolute;inset:80px 0 0;z-index:4;background:var(--bg-primary);overflow:hidden}
.plugin-frame{border:0;width:100%;height:100%;display:block;background:var(--bg-primary)}
.plugin-menu{position:fixed;z-index:350;width:min(300px,calc(100vw - 24px));padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary);box-shadow:0 16px 48px #0005;color:var(--text-secondary);font-size:12px}
.plugin-menu-item{display:flex;width:100%;padding:12px 14px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);text-align:left;font-family:inherit;font-size:12px!important;font-weight:500;line-height:1.5;letter-spacing:-.012em;cursor:pointer}
.plugin-menu-item:hover{background:var(--accent-subtle)}
.plugins-trigger .ui-icon{width:18px;height:18px;display:inline-flex;align-items:center}
.agent-plugin-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.agent-plugin-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-primary);cursor:pointer}
.agent-plugin-option input{margin-top:3px;accent-color:var(--accent)}
.agent-plugin-option span{display:grid;gap:6px;min-width:0}.agent-plugin-option strong{font-size:13px;font-weight:500}.agent-plugin-option small{font-size:12px;line-height:1.6;color:var(--text-secondary)}
@media(max-width:480px){
 .mobile-toolbar:has(.plugins-trigger:not([hidden])){gap:4px!important;padding:6px!important}
 .mobile-toolbar:has(.plugins-trigger:not([hidden])) .action-btn{flex:1 1 0!important;min-width:36px;min-height:44px;padding:8px!important}
 .mobile-toolbar:has(.plugins-trigger:not([hidden])) .action-btn>span:not(.ui-icon){display:none}
}

.agent-plugin-option .plugin-scope{width:100%;min-width:0;font:inherit;font-size:12px;padding:9px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}

.plugin-menu-item{align-items:center;gap:10px}
.plugin-menu-item>.ui-icon{width:17px;height:17px;flex:0 0 17px;color:var(--accent,#929cf6)}
.plugin-menu-item>.plugin-label{min-width:0;overflow-wrap:anywhere}
.conversation-tab.plugin-tab{display:inline-flex;align-items:center;gap:8px}
.plugin-tab>.ui-icon{width:16px;height:16px;flex:0 0 16px;opacity:.9}
.plugin-tab>.plugin-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-plugin-option .plugin-option-heading{display:flex;align-items:center;gap:9px;min-width:0}
.agent-plugin-option .plugin-option-heading>.ui-icon{display:inline-flex;width:20px;height:20px;flex:0 0 20px;color:var(--accent,#929cf6)}
.agent-plugin-option .plugin-option-heading>strong{min-width:0;overflow-wrap:anywhere}
