#firebot-launch{position:fixed;bottom:24px;left:24px;z-index:65;display:flex;align-items:center;gap:10px;padding:12px 17px;min-height:48px;border:1px solid var(--ui-border);border-radius:30px;background:var(--ui-fg);color:var(--ui-bg);font:500 13px/1.3 Manrope,sans-serif;cursor:pointer;box-shadow:0 8px 25px #0002;transition:transform .25s,box-shadow .25s}
#firebot-launch:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}
.firebot-symbol{display:block;width:23px;height:23px;background:currentColor;mask:url('assets/brand/symbol-light.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/symbol-light.svg') center/contain no-repeat}
#firebot{position:fixed;inset:auto auto 24px 24px;margin:0;padding:0;width:min(390px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);height:580px;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-bg);color:var(--ui-fg);box-shadow:0 25px 90px #0005;overflow:hidden}
#firebot[open]{display:flex;flex-direction:column;animation:firebot-enter .25s ease both}
#firebot::backdrop{background:#19171855}
.firebot-header{display:flex;align-items:center;gap:11px;padding:20px;border-bottom:1px solid var(--ui-border);flex-shrink:0}
html[data-theme] #firebot .firebot-header h2{font:500 22px/1.2 Lora,serif;margin:0;color:var(--ui-fg)}
.firebot-header small{font:400 11px/1.5 Manrope,sans-serif;display:block;margin-top:4px}
#firebot .firebot-close{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:transparent;color:inherit;border:1px solid var(--ui-border);border-radius:50%;cursor:pointer}
.firebot-close svg{width:18px;height:18px}
.firebot-content{padding:22px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin}
html[data-theme] #firebot h3{font:500 25px/1.3 Lora,serif;margin:0 0 12px;color:var(--ui-fg);letter-spacing:-.02em}
html[data-theme] #firebot p{font:400 13px/1.75 Manrope,sans-serif;margin:0 0 18px;color:var(--ui-fg)}
#firebot .firebot-note{padding:12px;border-left:2px solid var(--ui-border);font-size:12px}
.firebot-choices{display:grid;gap:8px}.firebot-models{grid-template-columns:1fr 1fr}
html[data-theme] #firebot .firebot-choice{display:flex;align-items:center;min-height:46px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:10px;background:color-mix(in srgb,var(--ui-fg) 6%,var(--ui-bg));color:var(--ui-fg);text-decoration:none;font:500 12px/1.5 Manrope,sans-serif;cursor:pointer;text-align:left;box-sizing:border-box;transition:background .2s,color .2s}
html[data-theme] #firebot .firebot-choice:hover{background:var(--ui-fg);color:var(--ui-bg)}
#firebot .firebot-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin:0 0 18px}
.firebot-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--ui-border);flex-shrink:0;font:400 10px/1.5 Manrope,sans-serif}
#firebot .firebot-home{border:0;background:transparent;color:inherit;font:500 12px/1.4 Manrope,sans-serif;min-height:44px;padding:8px 0;cursor:pointer}
#firebot :is(a,button):focus-visible,#firebot-launch:focus-visible{outline:2px solid var(--ui-fg);outline-offset:3px}

@keyframes firebot-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:720px){#firebot-launch{left:14px;bottom:16px;padding:10px 14px;min-height:44px}#firebot{inset:auto 12px 12px 12px;width:auto;height:min(590px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:16px}.firebot-header{padding:15px}.firebot-content{padding:18px}.firebot-footer{padding:10px 18px}body:has(.product63-action.is-visible) #firebot-launch{bottom:82px}}
@media(prefers-reduced-motion:reduce){#firebot[open]{animation:none}#firebot-launch,#firebot .firebot-choice{transition:none}}
