.bloub-avatar-container{background:0 0;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto;display:flex;position:relative;overflow:visible}.bloub-avatar-btn{cursor:pointer;width:96px;height:96px;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.bloub-avatar-btn:hover{transform:scale(1.05)}.bloub-avatar-btn:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #3b82f6}.bloub-avatar-bot{pointer-events:none;filter:drop-shadow(0 6px 18px #0f172a1a);width:100%;height:100%;display:block;overflow:visible}.bloub-avatar-fallback{color:#fff;background:#0a0a0c;border-radius:50%;place-items:center;width:100%;height:100%;font-size:26px;font-weight:700;display:grid}.bloub-popover-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#0f172a52;animation:.18s ease-out bloubFadeIn;display:block;position:fixed;inset:0}.bloub-popover-card{overscroll-behavior:contain;background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;gap:12px;width:360px;max-width:calc(100vw - 32px);max-height:78vh;padding:18px;animation:.22s cubic-bezier(.16,1,.3,1) bloubSlideUp;display:flex;position:fixed;top:112px;left:128px;overflow-y:auto;box-shadow:0 24px 60px #0f172a38}@media (max-width:1024px){.bloub-popover-card{width:auto;max-width:none;top:84px;left:16px;right:16px}}@media (min-width:1025px) and (max-width:1399px){.bloub-popover-card{left:116px}}.bloub-inline-card{flex-direction:column;gap:10px;width:100%;display:flex}.bloub-inline-preview{justify-content:center;align-items:center;min-height:88px;padding:6px 0 2px;display:flex}.bloub-inline-tabs{background:#f1f5f9;border-radius:12px;gap:3px;padding:3px;display:flex}.bloub-inline-tab{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;flex:1;padding:6px 8px;font-size:12px;font-weight:600;transition:all .15s}.bloub-inline-tab:hover{color:#0f172a}.bloub-inline-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.bloub-inline-content{overscroll-behavior:contain;flex-direction:column;justify-content:flex-start;height:248px;min-height:248px;max-height:248px;padding-right:2px;display:flex;overflow-y:auto}.bloub-inline-grid-shapes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.bloub-inline-shape-btn{aspect-ratio:1;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;place-items:center;width:100%;padding:6px;transition:all .15s;display:grid}.bloub-inline-shape-icon{width:26px;height:26px;color:inherit}.bloub-inline-shape-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bloub-inline-shape-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:700}.bloub-inline-grid-colors{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.bloub-inline-color-preview-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;transition:all .15s;display:flex}.bloub-inline-color-preview-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bloub-inline-color-preview-btn.active{background:#eff6ff;border-color:#3b82f6}.bloub-inline-color-mini{pointer-events:none;place-items:center;width:32px;height:32px;display:grid}.bloub-inline-color-dot{border:1px solid #00000014;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0000001a}.bloub-inline-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .15s;display:grid;box-shadow:0 1px 3px #00000014}.bloub-inline-color-btn:hover{transform:scale(1.15)}.bloub-inline-color-btn.active{transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a}.bloub-inline-grid-exprs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.bloub-inline-expr-btn{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:6px 4px 4px;font-size:9.5px;font-weight:600;transition:all .15s;display:flex}.bloub-inline-expr-preview{pointer-events:none;flex-shrink:0;width:32px;height:32px}.bloub-inline-expr-btn:hover{background:#f8fafc}.bloub-inline-expr-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:700}.bloub-inline-toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.bloub-inline-toggle-label{color:#334155;font-size:12px;font-weight:600}.bloub-inline-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.bloub-inline-btn-reset{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.bloub-inline-btn-reset:hover{color:#0f172a;background:#f1f5f9}.bloub-inline-btn-done{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .15s}.bloub-inline-btn-done:hover{background:#1d4ed8}.bloub-switch{cursor:pointer;background:#cbd5e1;border:none;border-radius:11px;width:40px;height:22px;padding:0;transition:background-color .2s;position:relative}.bloub-switch.checked{background:#2563eb}.bloub-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.bloub-switch.checked .bloub-switch-thumb{transform:translate(18px)}.bloub-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0f172a73;place-items:center;padding:16px;animation:.2s ease-out bloubFadeIn;display:grid;position:fixed;inset:0}.bloub-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) bloubSlideUp;display:flex;overflow-y:auto;box-shadow:0 20px 40px -8px #0f172a29}@keyframes bloubFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bloubSlideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.bloub-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.bloub-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.bloub-modal-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;place-items:center;width:32px;height:32px;transition:background-color .15s,color .15s;display:grid}.bloub-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.bloub-modal-body{flex-direction:column;gap:20px;padding:20px 24px;display:flex}.bloub-modal-preview{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.bloub-modal-preview-hint{color:#64748b;margin-top:10px;font-size:12px;font-weight:500}.bloub-section-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:10px;font-size:13px;font-weight:700}.bloub-modal-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.bloub-shape-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.bloub-shape-btn{color:#334155;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 4px;font-size:11px;font-weight:600;transition:all .15s;overflow:hidden}.bloub-shape-btn:hover{background:#f8fafc;border-color:#cbd5e1}.bloub-shape-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:700}.bloub-color-grid{grid-template-columns:repeat(6,1fr);justify-items:center;gap:6px;display:grid}.bloub-color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .15s;display:grid;box-shadow:0 1px 3px #00000014}.bloub-color-btn:hover{transform:scale(1.15)}.bloub-color-btn.active{transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px #0f172a}.bloub-expr-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.bloub-expr-btn{color:#475569;cursor:pointer;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 3px;font-size:10px;font-weight:600;transition:all .15s;overflow:hidden}.bloub-expr-btn:hover{background:#f8fafc}.bloub-expr-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:700}.bloub-toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.bloub-toggle-label{color:#334155;font-size:12px;font-weight:600}.bloub-toggle-desc{color:#64748b;margin-top:2px;font-size:11px}.bloub-btn-reset,.bloub-btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.bloub-btn-reset:hover,.bloub-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.bloub-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .15s}.bloub-btn-save:hover{background:#1d4ed8}.bloub-footer-actions{align-items:center;gap:8px;display:flex}