.kai-fab{position:fixed;right:18px;bottom:108px;z-index:9997;border:0;border-radius:999px;padding:12px 16px;background:#16385c;color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(15,23,42,.22)}
.kai-panel{position:fixed;right:14px;bottom:164px;z-index:9998;width:min(520px,calc(100vw - 28px));max-height:74vh;overflow:auto;background:#fff;border:1px solid #dbe5ee;border-radius:22px;box-shadow:0 22px 60px rgba(15,23,42,.25);color:#10213a}
.kai-head{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e7eef4}.kai-head small{display:block;color:#6d7c8f;margin-top:3px}.kai-close{border:0;background:transparent;font-size:26px}.kai-tabs{display:flex;padding:10px 14px;gap:8px}.kai-tabs button{flex:1;border:1px solid #d7e2ec;background:#f7fafc;padding:10px;border-radius:12px;font-weight:700}.kai-tabs button.active{background:#16385c;color:#fff}.kai-body{padding:0 16px 18px}.kai-form label{display:block;font-size:.82rem;font-weight:700;margin:10px 0}.kai-form input,.kai-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #d7e2ec;border-radius:12px;padding:10px 12px;font:inherit}.kai-form textarea{min-height:74px}.kai-form label>input[type=checkbox]{display:inline;width:auto;margin-right:8px}.kai-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kai-generate{width:100%;border:0;border-radius:13px;padding:12px 14px;background:#16385c;color:#fff;font-weight:800}.kai-status{font-size:.82rem;margin:12px 0;color:#42617f}.kai-preview img{width:100%;border-radius:16px;margin:8px 0 12px}.kai-preview pre{white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto;background:#f6f8fa;padding:10px;border-radius:12px;font-size:.72rem}.kai-actions{display:flex;gap:8px}.kai-actions button{border:1px solid #d7e2ec;background:#fff;border-radius:10px;padding:8px 10px;font-weight:700}@media(max-width:600px){.kai-panel{left:10px;right:10px;width:auto;bottom:150px;max-height:70vh}.kai-fab{right:12px;bottom:105px}.kai-row{grid-template-columns:1fr}}