.hb-ai-launcher{position:fixed;right:24px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;gap:10px;border:1px solid #ffffff50;border-radius:50px;padding:14px 19px;min-height:50px;background:var(--accent);color:#fff;font-weight:650;font-size:13px;box-shadow:0 8px 26px #24483230}.hb-ai-launcher span{font-size:23px}.hb-ai-overlay{position:fixed;inset:0;background:#1c302b35;z-index:60;display:flex;justify-content:flex-end;align-items:flex-end;padding:24px 24px calc(24px + env(safe-area-inset-bottom));backdrop-filter:blur(3px)}.hb-ai-panel{display:flex;flex-direction:column;width:min(480px,100%);height:min(700px,calc(100dvh - 48px));height:min(700px,calc(100vh - 48px));background:var(--paper);border:1px solid var(--edge);border-radius:23px;box-shadow:0 20px 80px #182f2830;overflow:hidden;min-height:0}.hb-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--edge);flex-shrink:0}.hb-ai-brand{display:flex;align-items:center;gap:12px;min-width:0}.hb-ai-brand>span{display:grid;place-items:center;border-radius:14px;background:var(--accent2);color:var(--accent);width:42px;height:42px;font-size:27px;flex-shrink:0}.hb-ai-brand strong{display:block;font-size:16px}.hb-ai-brand small{display:block;color:#748178;font-size:11px;margin-top:4px}.hb-ai-actions{display:flex;gap:4px}.hb-ai-actions button,.hb-ai-prompts button,.hb-ai-error button{background:transparent;border:1px solid var(--edge);border-radius:10px;min-height:44px;color:var(--accent);padding:8px 10px;font-size:12px}.hb-ai-actions button[data-ai=close],.hb-ai-actions button[data-ai=expand]{font-size:22px;min-width:44px;padding:5px}.hb-ai-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px;scroll-behavior:smooth}.hb-ai-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;padding:10px 0}.hb-ai-spark{font-size:48px;color:var(--accent);margin-bottom:15px}.hb-ai-welcome h2{font-family:Georgia,serif;font-weight:500;font-size:30px;margin:0 0 12px;letter-spacing:-1px}.hb-ai-welcome p{font-size:13px;line-height:1.7;color:#748178;max-width:330px;margin:0 0 24px}.hb-ai-prompts{display:grid;gap:9px;width:100%;max-width:380px}.hb-ai-prompts button{text-align:left;background:var(--paper2);padding:14px}.hb-ai-prompts button:hover{background:var(--accent2)}.hb-ai-message{margin-bottom:22px;max-width:92%}.hb-ai-message>span{display:block;font-size:10px;font-weight:750;color:#748178;margin-bottom:8px}.hb-ai-message>div{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.hb-ai-user{margin-left:auto}.hb-ai-user>span{text-align:right}.hb-ai-user>div{padding:12px 15px;border-radius:16px 16px 4px 16px;background:var(--accent2)}.hb-ai-assistant>div{padding:0 2px}.hb-ai-thinking{font-size:12px;color:var(--accent);padding:12px 0}.hb-ai-compose{display:flex;gap:10px;align-items:flex-end;padding:15px 20px 8px;border-top:1px solid var(--edge);flex-shrink:0}.hb-ai-compose textarea{flex:1;min-width:0;resize:none;border:1px solid var(--edge);border-radius:14px;padding:12px;background:#fff;color:var(--ink);font-size:16px;line-height:1.5;max-height:140px}.hb-ai-compose button{flex-shrink:0;justify-content:center;min-width:80px;margin-bottom:1px}.hb-ai-foot{text-align:center;color:#748178;font-size:10px;line-height:1.5;margin:5px 16px 14px;flex-shrink:0}.hb-ai-error{margin:0 20px 10px;padding:10px 12px;background:#fff0e9;border-radius:10px;color:#8c3024;font-size:12px;line-height:1.6}.hb-ai-error button{min-height:36px;background:#fff}.hb-ai-full{width:100%;height:calc(100vh - 230px);height:calc(100dvh - 230px);min-height:430px;box-shadow:var(--shadow)}.hb-ai-full .hb-ai-log{padding:28px max(24px,calc((100% - 800px)/2))}.hb-ai-full .hb-ai-compose{padding:18px max(24px,calc((100% - 850px)/2)) 8px}.hb-ai-modal-open{overflow:hidden}.hb-ai-expanded{height:100vh;height:100dvh;overflow:hidden}.hb-ai-expanded .app-shell{max-width:none;height:100%;padding:12px}.hb-ai-expanded .topbar,.hb-ai-expanded .tabs,.hb-ai-expanded .footer{display:none}.hb-ai-expanded .main{padding:0;height:100%;min-height:0}.hb-ai-expanded #hb-ai-tab-host{height:100%}.hb-ai-expanded .hb-ai-full{height:100%;min-height:0}
@media(max-width:600px){.hb-ai-launcher{right:14px;bottom:calc(86px + env(safe-area-inset-bottom));padding:12px 15px}.hb-ai-overlay{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.hb-ai-panel{width:100%;height:calc(100vh - 24px);height:calc(100dvh - 24px);border-radius:18px}.hb-ai-head{padding:12px;gap:5px}.hb-ai-brand{gap:8px}.hb-ai-brand small{display:none}.hb-ai-brand strong{font-size:14px}.hb-ai-actions{gap:3px}.hb-ai-actions button{padding:6px}.hb-ai-actions button[data-ai=expand],.hb-ai-actions button[data-ai=close]{min-width:38px}.hb-ai-compose{padding:12px 12px 8px}.hb-ai-log{padding:18px}.hb-ai-full{height:calc(100dvh - 200px);min-height:410px}.hb-ai-full .hb-ai-log{padding:18px}.hb-ai-full .hb-ai-compose{padding:12px}.hb-ai-expanded .app-shell{padding:env(safe-area-inset-top) 4px env(safe-area-inset-bottom)}.hb-ai-expanded .hb-ai-full{height:100%;min-height:0}}

.hb-ai-confirm{margin:8px 16px;padding:14px;border:2px solid var(--accent);border-radius:12px;max-height:260px;overflow:auto;background:var(--paper)}.hb-ai-confirm pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 inherit}.hb-ai-confirm button{margin:5px;min-height:44px}.hb-ai-action-log{padding:12px;border-radius:10px;background:var(--accent2);font-size:12px;line-height:1.7;overflow-wrap:anywhere}