.page-ai-dock{position:fixed;right:max(16px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:40;display:flex;align-items:center;gap:8px;pointer-events:none}
.page-ai-dock>*{pointer-events:auto}
.page-ai-launch,.page-ai-pane{background:rgba(10,31,50,.86);color:#edf8ff;border:1px solid rgba(111,211,238,.55);box-shadow:0 6px 24px #04152644;backdrop-filter:blur(14px)}
.page-ai-launch{width:46px;height:46px;border-radius:50%;font:700 15px/1 system-ui;cursor:pointer;background:rgba(14,55,79,.78)}
.page-ai-pane{width:min(410px,calc(100vw - 32px));max-height:min(68dvh,640px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px}
.page-ai-scroll{overflow:auto;overscroll-behavior:contain;min-height:0}
.page-ai-pane .ai-live-insight{background:transparent;border:0;box-shadow:none;margin:0;padding:16px}
.page-ai-pane .ai-live-insight:before{display:none}
.page-ai-pane .ai-live-body{background:transparent;color:#d4e6f3;border:0;padding:0}
.page-ai-pane .ai-live-head small{color:#bdd2e0}
.page-ai-reply{padding:14px 16px;border-top:1px solid #7396aa44;font-size:14px}
.page-ai-reply p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.page-ai-compose{display:flex;gap:8px;padding:12px;border-top:1px solid #7396aa44}
.page-ai-compose input{flex:1;min-width:0;padding:9px;border:1px solid #7396aa88;color:white;background:#07192e99;border-radius:6px}
.page-ai-compose input::placeholder{color:#b6cbd8}
.page-ai-compose button{background:#82d9ed;color:#082536;border:0;border-radius:6px;padding:0 12px;cursor:pointer}
.page-ai-compose button:disabled{opacity:.6;cursor:default}
@media(max-width:767px){.page-ai-dock{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));justify-content:flex-end}.page-ai-launch{flex:none}.page-ai-pane{min-width:0;max-height:calc(100dvh - 152px)}}