@fusioni/client-sdk 1.1.22 → 1.1.23

package/dist/index.css

@@ -46,14 +46,19 @@
   --fusioni-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --fusioni-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   
-  --fusioni-radius: 0.375rem;
-  --fusioni-radius-md: 0.5rem;
-  --fusioni-radius-lg: 0.75rem;
-  --fusioni-radius-xl: 1rem;
-  --fusioni-radius-2xl: 1.5rem;
+  --fusioni-radius: 5.25px;
+  --fusioni-radius-md: 7px;
+  --fusioni-radius-lg: 10.5px;
+  --fusioni-radius-xl: 14px;
+  --fusioni-radius-2xl: 21px;
   
   --fusioni-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   --fusioni-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+
+  /* Local rem base for Shadow DOM: rem units in this stylesheet are rewritten at
+     build time to calc(var(--fusioni-rem) * N) so host-page html font-size cannot
+     shrink SDK typography (inputs, labels, timestamps, etc.). */
+  --fusioni-rem: 14px;
 }
 
 /* Fusioni Chat Widget - Override with custom primary color */
@@ -411,23 +416,23 @@
 
 /* Floating button positioning */
 .fusioni-floating-button-bottom-right {
-  bottom: 1rem;
-  right: 1rem;
+  bottom: 14px;
+  right: 14px;
 }
 
 .fusioni-floating-button-bottom-left {
-  bottom: 1rem;
-  left: 1rem;
+  bottom: 14px;
+  left: 14px;
 }
 
 .fusioni-floating-button-top-right {
-  top: 1rem;
-  right: 1rem;
+  top: 14px;
+  right: 14px;
 }
 
 .fusioni-floating-button-top-left {
-  top: 1rem;
-  left: 1rem;
+  top: 14px;
+  left: 14px;
 }
 
 /* Chat Panel */
@@ -435,8 +440,8 @@
   position: fixed;
   width: 480px;
   height: 640px;
-  max-width: calc(100vw - 2rem);
-  max-height: calc(100vh - 2rem);
+  max-width: calc(100vw - 28px);
+  max-height: calc(100vh - 28px);
   background: var(--fusioni-bg-primary);
   border-radius: var(--fusioni-radius-2xl);
   box-shadow: var(--fusioni-shadow-2xl);
@@ -468,23 +473,23 @@
 
 /* Chat panel positioning */
 .fusioni-chat-panel-bottom-right {
-  bottom: 5rem;
-  right: 1rem;
+  bottom: 70px;
+  right: 14px;
 }
 
 .fusioni-chat-panel-bottom-left {
-  bottom: 5rem;
-  left: 1rem;
+  bottom: 70px;
+  left: 14px;
 }
 
 .fusioni-chat-panel-top-right {
-  top: 5rem;
-  right: 1rem;
+  top: 70px;
+  right: 14px;
 }
 
 .fusioni-chat-panel-top-left {
-  top: 5rem;
-  left: 1rem;
+  top: 70px;
+  left: 14px;
 }
 
 /* Fullscreen mode */
@@ -582,7 +587,7 @@
 }
 
 .fusioni-conversation-header {
-  padding: 1.25rem 1rem;
+  padding: 17.5px 14px;
   border-bottom: 1px solid var(--fusioni-border-light);
   display: flex;
   align-items: center;
@@ -598,7 +603,7 @@
 .fusioni-conversation-title {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 10.5px;
 }
 
 .fusioni-conversation-logo {
@@ -615,19 +620,19 @@
 
 .fusioni-conversation-info h3 {
   margin: 0;
-  font-size: 1rem;
+  font-size: 14px;
   font-weight: 600;
   color: var(--fusioni-text-primary);
 }
 
 .fusioni-conversation-info p {
   margin: 0;
-  font-size: 0.75rem;
+  font-size: 10.5px;
   color: var(--fusioni-text-secondary);
 }
 
 .fusioni-conversation-search {
-  padding: 1rem;
+  padding: 14px;
 }
 
 .fusioni-search-input {
@@ -636,12 +641,12 @@
 
 .fusioni-input {
   width: 100%;
-  padding: 0.75rem 2.5rem 0.75rem 1rem;
+  padding: 10.5px 35px 10.5px 14px;
   border: 1px solid var(--fusioni-border-light);
   border-radius: var(--fusioni-radius-lg);
   background: var(--fusioni-bg-secondary);
   color: var(--fusioni-text-primary);
-  font-size: 0.875rem;
+  font-size: 12.25px;
   transition: var(--fusioni-transition);
   box-shadow: var(--fusioni-shadow);
 }
@@ -664,7 +669,7 @@
 
 .fusioni-search-icon {
   position: absolute;
-  right: 0.75rem;
+  right: 10.5px;
   top: 50%;
   transform: translateY(-50%);
   color: var(--fusioni-text-muted);
@@ -674,23 +679,23 @@
 .fusioni-divider {
   height: 1px;
   background: var(--fusioni-border);
-  margin: 0 1rem;
+  margin: 0 14px;
 }
 
 .fusioni-conversations {
   flex: 1;
   overflow-y: auto;
-  padding: 0.5rem;
+  padding: 7px;
 }
 
 .fusioni-conversation-item {
   position: relative;
-  padding: 1rem;
-  padding-right: 0.5rem;
+  padding: 14px;
+  padding-right: 7px;
   border-radius: var(--fusioni-radius-lg);
   cursor: pointer;
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-  margin-bottom: 0.5rem;
+  margin-bottom: 7px;
   background: var(--fusioni-bg-primary);
   border: 1px solid var(--fusioni-border-light);
   box-shadow: var(--fusioni-shadow);
@@ -845,14 +850,14 @@
   z-index: 2;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 7px;
 }
 
 .fusioni-conversation-main {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
-  gap: 1rem;
+  gap: 14px;
 }
 
 .fusioni-conversation-title-section {
@@ -860,18 +865,18 @@
   min-width: 0;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 7px;
 }
 
 .fusioni-conversation-title-text {
   margin: 0;
-  font-size: 0.95rem;
+  font-size: 13.299999999999999px;
   font-weight: 600;
   line-height: 1.3;
   color: var(--fusioni-text-primary);
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: 7px;
   flex-wrap: wrap;
   word-break: break-word;
 }
@@ -884,15 +889,15 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 0.75rem;
-  margin-top: 0.25rem;
+  gap: 10.5px;
+  margin-top: 3.5px;
 }
 
 .fusioni-conversation-status {
   display: flex;
   align-items: center;
-  gap: 0.375rem;
-  font-size: 0.75rem;
+  gap: 5.25px;
+  font-size: 10.5px;
   color: var(--fusioni-text-muted);
   font-weight: 500;
 }
@@ -920,9 +925,9 @@
   align-items: center;
   background: linear-gradient(135deg, var(--fusioni-warning) 0%, #f59e0b 100%);
   color: white;
-  padding: 0.25rem 0.5rem;
+  padding: 3.5px 7px;
   border-radius: var(--fusioni-radius);
-  font-size: 0.625rem;
+  font-size: 8.75px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -949,9 +954,9 @@
 
 .fusioni-conversation-actions {
   display: flex;
-  gap: 0.25rem;
+  gap: 3.5px;
   align-items: flex-start;
-  margin-top: 0.25rem;
+  margin-top: 3.5px;
 }
 
 .fusioni-delete-btn {
@@ -979,7 +984,7 @@
 
 .fusioni-conversation-date {
   margin: 0;
-  font-size: 0.75rem;
+  font-size: 10.5px;
   color: var(--fusioni-text-muted);
   font-weight: 500;
 }
@@ -1033,7 +1038,7 @@
 }
 
 .fusioni-empty-state {
-  padding: 2rem;
+  padding: 28px;
   text-align: center;
   color: var(--fusioni-text-muted);
 }
@@ -1042,7 +1047,7 @@
 .fusioni-message-list {
   flex: 1;
   overflow-y: auto;
-  padding: 1rem;
+  padding: 14px;
   background: var(--fusioni-bg-primary);
   display: flex;
   flex-direction: column;
@@ -1051,7 +1056,7 @@
 .fusioni-messages-container {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 14px;
   height: 100%;
 }
 
@@ -1075,14 +1080,14 @@
 .fusioni-empty-icon {
   width: 64px;
   height: 64px;
-  margin: 0 auto 1rem;
+  margin: 0 auto 14px;
   color: var(--fusioni-text-muted);
 }
 
 .fusioni-messages {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 14px;
 }
 
 .fusioni-message-wrapper {
@@ -1125,26 +1130,26 @@
 .fusioni-message-header {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.25rem;
+  gap: 7px;
+  margin-bottom: 3.5px;
 }
 
 .fusioni-message-footer {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.25rem;
+  gap: 7px;
+  margin-bottom: 3.5px;
 }
 
 .fusioni-message-role {
-  font-size: 0.75rem;
+  font-size: 10.5px;
   font-weight: 500;
   margin-left: 5px;
   color: var(--fusioni-text-secondary);
 }
 
 .fusioni-message-time {
-  font-size: 0.75rem;
+  font-size: 10.5px;
   color: var(--fusioni-text-muted);
 }
 
@@ -1153,7 +1158,7 @@
 }
 
 .fusioni-message-bubble {
-  padding: 0.75rem 1rem;
+  padding: 10.5px 14px;
   border-radius: var(--fusioni-radius-lg);
   max-width: 100%;
   word-wrap: break-word;
@@ -1169,13 +1174,13 @@
 .fusioni-message-user {
   background: var(--fusioni-primary);
   color: white;
-  border-bottom-right-radius: 0.25rem;
+  border-bottom-right-radius: 3.5px;
 }
 
 .fusioni-message-assistant {
   background: var(--fusioni-bg-secondary);
   color: var(--fusioni-text-primary);
-  border-bottom-left-radius: 0.25rem;
+  border-bottom-left-radius: 3.5px;
 }
 
 /* Bubble shell is a no-op while streaming UI lives in MessageList (MessageStreamLoading sibling). */
@@ -1208,25 +1213,25 @@
 .fusioni-message-text h1,
 .fusioni-message-text h2,
 .fusioni-message-text h3 {
-  margin: 0.5rem 0 0.25rem;
+  margin: 7px 0 3.5px;
   line-height: 1.25;
 }
 
 .fusioni-message-text p {
-  margin: 0.5rem 0;
+  margin: 7px 0;
 }
 
 .fusioni-message-text ul,
 .fusioni-message-text ol {
-  margin: 0.5rem 0;
-  padding-left: 1rem;
+  margin: 7px 0;
+  padding-left: 14px;
   list-style-position: outside;
 }
 
 .fusioni-message-text code {
   background: var(--fusioni-bg-tertiary);
-  padding: 0.125rem 0.25rem;
-  border-radius: 0.25rem;
+  padding: 1.75px 3.5px;
+  border-radius: 3.5px;
   font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
   font-size: 0.875em;
 }
@@ -1234,10 +1239,10 @@
 .fusioni-message-text pre {
   background: var(--fusioni-bg-dark);
   color: var(--fusioni-text-light);
-  padding: 0.75rem;
+  padding: 10.5px;
   border-radius: var(--fusioni-radius);
   overflow-x: auto;
-  margin: 0.5rem 0;
+  margin: 7px 0;
 }
 
 .fusioni-message-text a {
@@ -1251,15 +1256,15 @@
   overflow: hidden;
   border-collapse: separate;
   border-spacing: 0;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+  font-size: 12.25px;
+  line-height: 17.5px;
   text-align: left;
   color: #374151;
   background-color: #ffffff;
   border: 1px solid #e5e7eb;
-  border-radius: 0.5rem;
+  border-radius: 7px;
   box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  margin: 1.25rem 0;
+  margin: 17.5px 0;
 }
 
 [dir="rtl"] .fusioni-message-text table {
@@ -1267,9 +1272,9 @@
 }
 
 .fusioni-message-text table th {
-  padding: 1rem;
-  font-size: 0.75rem;
-  line-height: 1rem;
+  padding: 14px;
+  font-size: 10.5px;
+  line-height: 14px;
   font-weight: 600;
   letter-spacing: 0.05em;
   text-transform: uppercase;
@@ -1279,7 +1284,7 @@
 }
 
 .fusioni-message-text table td {
-  padding: 1rem;
+  padding: 14px;
   vertical-align: top;
   border-bottom: 1px solid #f3f4f6;
 }
@@ -1317,11 +1322,11 @@
 }
 
 .fusioni-message-extra {
-  margin-top: 0.5rem;
+  margin-top: 7px;
 }
 
 .fusioni-message-image {
-  margin-top: 0.5rem;
+  margin-top: 7px;
 }
 
 .fusioni-image {
@@ -1332,8 +1337,8 @@
 }
 
 .fusioni-message-audio {
-  margin-top: 0.5rem;
-  padding: 0.75rem;
+  margin-top: 7px;
+  padding: 10.5px;
   background: var(--fusioni-bg-tertiary);
   border-radius: var(--fusioni-radius);
 }
@@ -1341,14 +1346,14 @@
 .fusioni-audio-header {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
+  gap: 7px;
+  margin-bottom: 7px;
+  font-size: 12.25px;
   color: var(--fusioni-text-secondary);
 }
 
 .fusioni-audio-duration {
-  font-size: 0.75rem;
+  font-size: 10.5px;
   color: var(--fusioni-text-muted);
 }
 
@@ -1358,11 +1363,11 @@
 }
 
 .fusioni-message-map {
-  margin-top: 0.5rem;
+  margin-top: 7px;
 }
 
 .fusioni-map-placeholder {
-  padding: 1rem;
+  padding: 14px;
   background: var(--fusioni-bg-tertiary);
   border-radius: var(--fusioni-radius);
   text-align: center;
@@ -1371,7 +1376,7 @@
 
 /* Map Component Styles */
 .fusioni-map-container {
-  margin-top: 0.5rem;
+  margin-top: 7px;
   border-radius: var(--fusioni-radius);
   overflow: hidden;
   box-shadow: var(--fusioni-shadow);
@@ -1403,7 +1408,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 2rem;
+  padding: 28px;
   background: var(--fusioni-bg-tertiary);
   border-radius: var(--fusioni-radius);
   border: 1px solid var(--fusioni-border);
@@ -1413,7 +1418,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 0.75rem;
+  gap: 10.5px;
   color: var(--fusioni-text-secondary);
 }
 
@@ -1430,7 +1435,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 1rem;
+  padding: 14px;
   background: rgba(220, 38, 38, 0.05);
   border: 1px solid rgba(220, 38, 38, 0.2);
   border-radius: var(--fusioni-radius);
@@ -1440,8 +1445,8 @@
 .fusioni-map-error-content {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  font-size: 0.875rem;
+  gap: 7px;
+  font-size: 12.25px;
 }
 
 /* Dark theme adjustments for map */
@@ -1460,8 +1465,8 @@
 }
 
 .fusioni-message-thoughts {
-  margin-top: 0.5rem;
-  font-size: 0.75rem;
+  margin-top: 7px;
+  font-size: 10.5px;
   color: var(--fusioni-text-muted);
 }
 
@@ -1478,7 +1483,7 @@
   flex-direction: row;
   align-items: center;
   margin-left: auto;
-  gap: 0.1rem;
+  gap: 1.4000000000000001px;
   opacity: 0;
   transition: var(--fusioni-transition);
 }
@@ -1494,10 +1499,10 @@
 .fusioni-message-error-indicator {
   display: flex;
   align-items: center;
-  gap: 0.25rem;
-  font-size: 0.75rem;
+  gap: 3.5px;
+  font-size: 10.5px;
   color: var(--fusioni-error);
-  margin-top: 0.25rem;
+  margin-top: 3.5px;
 }
 
 
@@ -1505,8 +1510,8 @@
 .fusioni-stream-message {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
-  margin-bottom: 0.5rem;
+  gap: 10.5px;
+  margin-bottom: 7px;
 }
 
 .fusioni-stream-message:last-child {
@@ -1529,20 +1534,20 @@
 }
 
 .fusioni-stream-text {
-  font-size: 0.875rem;
+  font-size: 12.25px;
   color: var(--fusioni-text-secondary);
   line-height: 1.4;
 }
 
 /* Chat Input */
 .fusioni-chat-input {
-  padding: 1rem;
+  padding: 14px;
   background: var(--fusioni-bg-primary);
   border-top: 1px solid var(--fusioni-border);
 }
 
 .fusioni-image-preview {
-  margin-bottom: 0.75rem;
+  margin-bottom: 10.5px;
 }
 
 .fusioni-image-preview-content {
@@ -1559,13 +1564,13 @@
 
 .fusioni-image-preview-content .fusioni-btn {
   position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
+  top: 7px;
+  right: 7px;
 }
 
 .fusioni-audio-preview {
-  margin-bottom: 0.75rem;
-  padding: 0.75rem;
+  margin-bottom: 10.5px;
+  padding: 10.5px;
   background: var(--fusioni-bg-secondary);
   border-radius: var(--fusioni-radius);
   border: 1px solid var(--fusioni-border);
@@ -1574,14 +1579,14 @@
 .fusioni-audio-preview-content {
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 7px;
 }
 
 .fusioni-audio-preview-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  font-size: 0.875rem;
+  font-size: 12.25px;
   color: var(--fusioni-text-secondary);
 }
 
@@ -1591,7 +1596,7 @@
 }
 
 .fusioni-audio-preview-text {
-  font-size: 0.75rem;
+  font-size: 10.5px;
   color: var(--fusioni-text-muted);
   text-align: center;
   margin: 0;
@@ -1604,11 +1609,11 @@
 .fusioni-input-wrapper {
   display: flex;
   align-items: flex-end;
-  gap: 0.5rem;
+  gap: 7px;
   background: var(--fusioni-bg-secondary);
   border: 2px solid var(--fusioni-border);
   border-radius: var(--fusioni-radius-xl);
-  padding: 0.5rem;
+  padding: 7px;
   transition: var(--fusioni-transition);
 }
 
@@ -1624,12 +1629,12 @@
   outline: none;
   resize: none;
   font-family: inherit;
-  font-size: 0.875rem;
+  font-size: 12.25px;
   line-height: 1.5;
   color: var(--fusioni-text-primary);
   min-height: 20px;
   max-height: 120px;
-  padding: 0.5rem;
+  padding: 7px;
 }
 
 .fusioni-textarea::placeholder {
@@ -1639,7 +1644,7 @@
 .fusioni-input-actions {
   display: flex;
   align-items: center;
-  gap: 0.25rem;
+  gap: 3.5px;
 }
 
 /* Buttons */
@@ -1647,10 +1652,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: 0.5rem;
+  padding: 7px;
   border: none;
   border-radius: var(--fusioni-radius);
-  font-size: 0.875rem;
+  font-size: 12.25px;
   font-weight: 500;
   cursor: pointer;
   transition: var(--fusioni-transition);
@@ -1705,7 +1710,7 @@
   border: none;
   box-shadow: var(--fusioni-shadow-md);
   font-weight: 600;
-  padding: 0.75rem 1.5rem;
+  padding: 10.5px 21px;
   border-radius: var(--fusioni-radius-lg);
   transition: var(--fusioni-transition);
 }
@@ -1729,7 +1734,7 @@
 .fusioni-btn-text {
   background: transparent;
   color: var(--fusioni-primary);
-  padding: 0.25rem 0.5rem;
+  padding: 3.5px 7px;
 }
 
 .fusioni-btn-text:hover {
@@ -1774,9 +1779,9 @@
 /* Confirmation Widget */
 .fusioni-confirmation-widget {
   display: flex;
-  gap: 0.75rem;
+  gap: 10.5px;
   /* margin-top: 1.25rem; */
-  padding-top: 1.25rem;
+  padding-top: 17.5px;
 }
 
 .fusioni-btn-confirm {
@@ -1785,10 +1790,10 @@
   border: none;
   box-shadow: var(--fusioni-shadow-md);
   font-weight: 600;
-  padding: 0.75rem 1.5rem;
+  padding: 10.5px 21px;
   border-radius: var(--fusioni-radius-lg);
   transition: var(--fusioni-transition);
-  font-size: 0.875rem;
+  font-size: 12.25px;
 }
 
 .fusioni-btn-confirm:hover:not(:disabled) {
@@ -1815,10 +1820,10 @@
   border: none;
   box-shadow: var(--fusioni-shadow-md);
   font-weight: 600;
-  padding: 0.75rem 1.5rem;
+  padding: 10.5px 21px;
   border-radius: var(--fusioni-radius-lg);
   transition: var(--fusioni-transition);
-  font-size: 0.875rem;
+  font-size: 12.25px;
 }
 
 .fusioni-btn-cancel:hover:not(:disabled) {
@@ -1851,7 +1856,7 @@
 .fusioni-audio-recorder {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: 7px;
 }
 
 .fusioni-recording-indicator {
@@ -1869,10 +1874,10 @@
 }
 
 .fusioni-recording-timer {
-  font-size: 0.75rem;
+  font-size: 10.5px;
   color: var(--fusioni-error);
   font-weight: 500;
-  min-width: 3rem;
+  min-width: 42px;
   text-align: center;
 }
 
@@ -1883,29 +1888,29 @@
   right: 0;
   background: var(--fusioni-error);
   color: white;
-  padding: 0.5rem;
+  padding: 7px;
   border-radius: var(--fusioni-radius);
-  font-size: 0.75rem;
-  margin-bottom: 0.5rem;
+  font-size: 10.5px;
+  margin-bottom: 7px;
 }
 
 .fusioni-audio-error p {
-  margin: 0 0 0.25rem;
+  margin: 0 0 3.5px;
 }
 
 .fusioni-audio-error button {
   background: transparent;
   color: white;
   border: 1px solid white;
-  padding: 0.25rem 0.5rem;
+  padding: 3.5px 7px;
   border-radius: var(--fusioni-radius);
-  font-size: 0.75rem;
+  font-size: 10.5px;
   cursor: pointer;
 }
 
 /* Chat Loader */
 .fusioni-chat-loader {
-  padding: 1rem;
+  padding: 14px;
   text-align: center;
 }
 
@@ -1913,12 +1918,12 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.75rem;
+  gap: 10.5px;
 }
 
 .fusioni-loader-dots {
   display: flex;
-  gap: 0.25rem;
+  gap: 3.5px;
 }
 
 .fusioni-loader-dot {
@@ -1938,7 +1943,7 @@
 }
 
 .fusioni-loader-text {
-  font-size: 0.875rem;
+  font-size: 12.25px;
   color: var(--fusioni-text-secondary);
 }
 
@@ -1947,7 +1952,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 1rem;
+  padding: 14px;
   border-bottom: 1px solid var(--fusioni-border-light);
   background: var(--fusioni-bg-tertiary);
   backdrop-filter: blur(10px);
@@ -1960,7 +1965,7 @@
 }
 
 .fusioni-chat-main-header-title {
-  font-size: 0.9375rem;
+  font-size: 13.125px;
   font-weight: 600;
   color: var(--fusioni-text-primary);
   min-width: 0;
@@ -1972,7 +1977,7 @@
 .fusioni-header-actions {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 10.5px;
   margin-left: auto;
 }
 
@@ -1985,14 +1990,14 @@
 .fusioni-conversation-toggle {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
+  gap: 7px;
+  padding: 7px 10.5px;
   background: var(--fusioni-bg-primary);
   border: 1px solid var(--fusioni-border);
   border-radius: var(--fusioni-radius-lg);
   cursor: pointer;
   transition: var(--fusioni-transition);
-  font-size: 0.875rem;
+  font-size: 12.25px;
   color: var(--fusioni-text-secondary);
 }
 
@@ -2020,7 +2025,7 @@
 .fusioni-connection-indicator {
   display: flex;
   align-items: center;
-  padding: 0.25rem;
+  padding: 3.5px;
   border-radius: var(--fusioni-radius);
   transition: var(--fusioni-transition);
 }
@@ -2051,14 +2056,14 @@
 .fusioni-language-button {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
+  gap: 7px;
+  padding: 7px 10.5px;
   background: var(--fusioni-bg-primary);
   border: 1px solid var(--fusioni-border);
   border-radius: var(--fusioni-radius-lg);
   cursor: pointer;
   transition: var(--fusioni-transition);
-  font-size: 0.875rem;
+  font-size: 12.25px;
   color: var(--fusioni-text-primary);
   min-width: 120px;
 }
@@ -2069,7 +2074,7 @@
 }
 
 .fusioni-language-flag {
-  font-size: 1rem;
+  font-size: 14px;
   line-height: 1;
 }
 
@@ -2098,20 +2103,20 @@
   box-shadow: var(--fusioni-shadow-lg);
   z-index: 1000;
   overflow: hidden;
-  margin-top: 0.25rem;
+  margin-top: 3.5px;
 }
 
 .fusioni-language-option {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: 7px;
   width: 100%;
-  padding: 0.75rem;
+  padding: 10.5px;
   background: transparent;
   border: none;
   cursor: pointer;
   transition: var(--fusioni-transition);
-  font-size: 0.875rem;
+  font-size: 12.25px;
   color: var(--fusioni-text-primary);
   text-align: left;
 }
@@ -2137,7 +2142,7 @@
   justify-content: center;
   height: 100%;
   width: 100%;
-  padding: 3rem 2rem;
+  padding: 42px 28px;
   background: var(--fusioni-bg-primary);
   box-sizing: border-box;
   overflow: hidden;
@@ -2161,8 +2166,8 @@
 }
 
 .fusioni-chat-welcome-content h3 {
-  margin: 0 0 1rem;
-  font-size: 1.5rem;
+  margin: 0 0 14px;
+  font-size: 21px;
   font-weight: 700;
   color: var(--fusioni-text-primary);
   background: linear-gradient(135deg, var(--fusioni-primary) 0%, var(--fusioni-primary-light) 100%);
@@ -2172,30 +2177,30 @@
 }
 
 .fusioni-chat-welcome-content p {
-  margin: 0 0 2rem;
+  margin: 0 0 28px;
   color: var(--fusioni-text-secondary);
   line-height: 1.6;
-  font-size: 1rem;
+  font-size: 14px;
 }
 
 /* Error State */
 .fusioni-chat-error {
-  padding: 1rem;
+  padding: 14px;
   background: var(--fusioni-error);
   color: white;
   border-radius: var(--fusioni-radius);
-  margin: 1rem;
+  margin: 14px;
 }
 
 .fusioni-chat-error p {
-  margin: 0 0 0.5rem;
+  margin: 0 0 7px;
 }
 
 .fusioni-chat-error button {
   background: transparent;
   color: white;
   border: 1px solid white;
-  padding: 0.25rem 0.5rem;
+  padding: 3.5px 7px;
   border-radius: var(--fusioni-radius);
   cursor: pointer;
 }
@@ -2380,22 +2385,22 @@
 @media (max-width: 768px) {
   .fusioni-floating-button-bottom-right,
   .fusioni-floating-button-bottom-left {
-    bottom: max(1rem, calc(env(safe-area-inset-bottom, 0px) + 1rem));
+    bottom: max(14px, calc(env(safe-area-inset-bottom, 0px) + 14px));
   }
 
   .fusioni-floating-button-bottom-right,
   .fusioni-floating-button-top-right {
-    right: max(0.75rem, calc(env(safe-area-inset-right, 0px) + 0.75rem));
+    right: max(10.5px, calc(env(safe-area-inset-right, 0px) + 10.5px));
   }
 
   .fusioni-floating-button-bottom-left,
   .fusioni-floating-button-top-left {
-    left: max(0.75rem, calc(env(safe-area-inset-left, 0px) + 0.75rem));
+    left: max(10.5px, calc(env(safe-area-inset-left, 0px) + 10.5px));
   }
 
   .fusioni-floating-button-top-right,
   .fusioni-floating-button-top-left {
-    top: max(0.75rem, calc(env(safe-area-inset-top, 0px) + 0.75rem));
+    top: max(10.5px, calc(env(safe-area-inset-top, 0px) + 10.5px));
   }
 
   /*
@@ -2444,13 +2449,13 @@
 
   .fusioni-message-list {
     -webkit-overflow-scrolling: touch;
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-    padding-bottom: 0.25rem;
+    padding-left: 10.5px;
+    padding-right: 10.5px;
+    padding-bottom: 3.5px;
   }
 
   .fusioni-chat-input {
-    padding-bottom: max(1rem, calc(env(safe-area-inset-bottom, 0px) + 0.5rem));
+    padding-bottom: max(14px, calc(env(safe-area-inset-bottom, 0px) + 7px));
   }
 
   .fusioni-chat-toolbar-close-mobile {
@@ -2462,7 +2467,7 @@
   .fusioni-header-actions {
     flex-wrap: wrap;
     justify-content: flex-end;
-    row-gap: 0.25rem;
+    row-gap: 3.5px;
   }
 }
 
@@ -2490,7 +2495,7 @@
 
 /* URL Preview Styles */
 .fusioni-url-preview {
-  margin: 0.5rem 0;
+  margin: 7px 0;
   border-radius: var(--fusioni-radius);
   overflow: hidden;
   border: 1px solid var(--fusioni-border);
@@ -2505,16 +2510,16 @@
 }
 
 .fusioni-url-preview-compact {
-  margin: 0.25rem 0;
+  margin: 3.5px 0;
 }
 
 .fusioni-url-preview-loading {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  padding: 0.75rem;
+  gap: 7px;
+  padding: 10.5px;
   color: var(--fusioni-text-secondary);
-  font-size: 0.875rem;
+  font-size: 12.25px;
 }
 
 .fusioni-url-preview-spinner {
@@ -2535,9 +2540,9 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0.75rem;
+  padding: 10.5px;
   color: var(--fusioni-error);
-  font-size: 0.875rem;
+  font-size: 12.25px;
   background: rgba(220, 38, 38, 0.05);
 }
 
@@ -2547,8 +2552,8 @@
 
 .fusioni-url-preview-close {
   position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
+  top: 7px;
+  right: 7px;
   z-index: 10;
   width: 24px;
   height: 24px;
@@ -2606,7 +2611,7 @@
 
 .fusioni-url-preview-text {
   flex: 1;
-  padding: 0.75rem;
+  padding: 10.5px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -2614,15 +2619,15 @@
 }
 
 .fusioni-url-preview-compact .fusioni-url-preview-text {
-  padding: 0.5rem;
+  padding: 7px;
 }
 
 .fusioni-url-preview-title {
   font-weight: 600;
-  font-size: 0.875rem;
+  font-size: 12.25px;
   line-height: 1.25;
   color: var(--fusioni-text-primary);
-  margin-bottom: 0.25rem;
+  margin-bottom: 3.5px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
@@ -2631,16 +2636,16 @@
 }
 
 .fusioni-url-preview-compact .fusioni-url-preview-title {
-  font-size: 0.8125rem;
+  font-size: 11.375px;
   -webkit-line-clamp: 1;
   line-clamp: 1;
 }
 
 .fusioni-url-preview-description {
-  font-size: 0.8125rem;
+  font-size: 11.375px;
   line-height: 1.4;
   color: var(--fusioni-text-secondary);
-  margin-bottom: 0.25rem;
+  margin-bottom: 3.5px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
@@ -2649,20 +2654,20 @@
 }
 
 .fusioni-url-preview-compact .fusioni-url-preview-description {
-  font-size: 0.75rem;
+  font-size: 10.5px;
   -webkit-line-clamp: 1;
   line-clamp: 1;
 }
 
 .fusioni-url-preview-domain {
-  font-size: 0.75rem;
+  font-size: 10.5px;
   color: var(--fusioni-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.025em;
 }
 
 .fusioni-message-url-previews {
-  margin-top: 0.5rem;
+  margin-top: 7px;
 }
 
 /* Dark theme adjustments for URL preview */
@@ -3279,33 +3284,33 @@
 }
 
 .fusioni-dialog-header {
-  padding: 1.5rem 1.5rem 1rem;
+  padding: 21px 21px 14px;
   border-bottom: 1px solid var(--fusioni-border);
 }
 
 .fusioni-dialog-title {
   margin: 0;
-  font-size: 1.25rem;
+  font-size: 17.5px;
   font-weight: 600;
   color: var(--fusioni-text-primary);
   line-height: 1.5;
 }
 
 .fusioni-dialog-body {
-  padding: 1.5rem;
+  padding: 21px;
 }
 
 .fusioni-dialog-message {
   margin: 0;
   color: var(--fusioni-text-secondary);
   line-height: 1.6;
-  font-size: 0.9375rem;
+  font-size: 13.125px;
 }
 
 .fusioni-dialog-footer {
-  padding: 1rem 1.5rem 1.5rem;
+  padding: 14px 21px 21px;
   display: flex;
-  gap: 0.75rem;
+  gap: 10.5px;
   justify-content: flex-end;
   border-top: 1px solid var(--fusioni-border);
 }
@@ -3392,12 +3397,12 @@
   justify-content: flex-start;
   animation: fusionImageGalleryFadeIn 0.2s ease-out;
   /* Reserve vertical space for top bar + optional thumb band (matches Angular calc(100vh - 8rem) baseline) */
-  --fusioni-ig-img-offset: 8rem;
+  --fusioni-ig-img-offset: 112px;
 }
 
 .fusioni-image-gallery-overlay.fusioni-image-gallery-has-thumbs {
   /* Top bar + compact thumb grid + dots (extra vs Angular single-pane 8rem) */
-  --fusioni-ig-img-offset: 14rem;
+  --fusioni-ig-img-offset: 196px;
 }
 
 .fusioni-image-gallery-body {
@@ -3446,17 +3451,17 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0.75rem 1rem;
+  padding: 10.5px 14px;
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
   pointer-events: none;
 }
 
 .fusioni-image-gallery-topbar-spacer {
-  width: 2.5rem;
+  width: 35px;
 }
 
 .fusioni-image-gallery-counter {
-  font-size: 0.875rem;
+  font-size: 12.25px;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.9);
   font-variant-numeric: tabular-nums;
@@ -3468,8 +3473,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
+  width: 35px;
+  height: 35px;
   border: none;
   border-radius: 9999px;
   color: #fff;
@@ -3491,13 +3496,13 @@
 }
 
 .fusioni-image-gallery-icon {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 17.5px;
+  height: 17.5px;
 }
 
 .fusioni-image-gallery-icon-lg {
-  width: 2rem;
-  height: 2rem;
+  width: 28px;
+  height: 28px;
 }
 
 /* Angular image-gallery: flex:1; min-width:0; padding 4rem 4.5rem; img max 100% × calc(100vh - 8rem) */
@@ -3510,7 +3515,7 @@
   min-height: 0;
   width: 100%;
   max-width: 100%;
-  padding: 4rem 4.5rem;
+  padding: 56px 63px;
   box-sizing: border-box;
 }
 
@@ -3519,10 +3524,10 @@
   max-width: 100%;
   width: auto;
   height: auto;
-  max-height: calc(100vh - var(--fusioni-ig-img-offset, 8rem));
-  max-height: calc(100dvh - var(--fusioni-ig-img-offset, 8rem));
+  max-height: calc(100vh - var(--fusioni-ig-img-offset, 112px));
+  max-height: calc(100dvh - var(--fusioni-ig-img-offset, 112px));
   object-fit: contain;
-  border-radius: 0.5rem;
+  border-radius: 7px;
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
   animation: fusionImageGalleryZoomIn 0.25s ease-out;
 }
@@ -3530,32 +3535,32 @@
 .fusioni-image-gallery-thumbs-wrap {
   flex: 0 0 auto;
   width: 100%;
-  max-width: min(100vw - 2rem, 42rem);
-  max-height: 12.5rem;
+  max-width: min(100vw - 28px, 588px);
+  max-height: 175px;
   margin: 0 auto;
-  padding: 0 1rem 0.75rem;
+  padding: 0 14px 10.5px;
   box-sizing: border-box;
   overflow: hidden;
 }
 
 /* Compact thumbnail rail: full-width cells made huge by aspect-ratio — cap row height (SDK-only; Angular has no strip) */
 .fusioni-image-gallery-thumbs-wrap .fusioni-gallery-strip--lightbox .fusioni-gallery-strip-grid {
-  gap: 0.5rem;
+  gap: 7px;
 }
 
 .fusioni-image-gallery-thumbs-wrap .fusioni-gallery-strip--lightbox .fusioni-gallery-strip-cell {
   display: flex;
   align-items: center;
   justify-content: center;
-  max-height: 3.75rem;
+  max-height: 52.5px;
 }
 
 .fusioni-image-gallery-thumb {
   display: block;
   box-sizing: border-box;
   width: 100%;
-  max-width: 5.5rem;
-  height: 3.5rem;
+  max-width: 77px;
+  height: 49px;
   padding: 0;
   margin: 0 auto;
   border: 2px solid transparent;
@@ -3591,7 +3596,7 @@
 }
 
 .fusioni-image-gallery-thumbs-wrap .fusioni-gallery-strip-dots {
-  margin-top: 0.5rem;
+  margin-top: 7px;
 }
 
 @keyframes fusionImageGalleryZoomIn {
@@ -3614,8 +3619,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 3rem;
-  height: 3rem;
+  width: 42px;
+  height: 42px;
   border: none;
   border-radius: 50%;
   color: #fff;
@@ -3642,25 +3647,25 @@
 }
 
 .fusioni-image-gallery-nav-prev {
-  left: 1rem;
+  left: 14px;
 }
 
 .fusioni-image-gallery-nav-next {
-  right: 1rem;
+  right: 14px;
 }
 
 @media (min-width: 640px) {
   .fusioni-image-gallery-nav {
-    width: 3.5rem;
-    height: 3.5rem;
+    width: 49px;
+    height: 49px;
   }
 
   .fusioni-image-gallery-nav-prev {
-    left: 1.5rem;
+    left: 21px;
   }
 
   .fusioni-image-gallery-nav-next {
-    right: 1.5rem;
+    right: 21px;
   }
 }
 
@@ -3713,7 +3718,7 @@
 
 .fusioni-gallery-strip-grid {
   display: grid;
-  gap: 0.75rem;
+  gap: 10.5px;
 }
 
 .fusioni-gallery-strip-cell {
@@ -3721,16 +3726,16 @@
 }
 
 .fusioni-gallery-strip-dots {
-  margin-top: 1rem;
+  margin-top: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 0.5rem;
+  gap: 7px;
 }
 
 .fusioni-gallery-strip-dot {
-  width: 0.625rem;
-  height: 0.625rem;
+  width: 8.75px;
+  height: 8.75px;
   border-radius: 9999px;
   border: none;
   padding: 0;
@@ -3774,7 +3779,7 @@
 
 /* Document image grid (assistant message thumbnails → gallery) */
 .fusioni-document-images {
-  margin-top: 0.25rem;
+  margin-top: 3.5px;
   position: relative;
   width: 100%;
   max-width: 100%;
@@ -3783,7 +3788,7 @@
 
 /* Document video grid (assistant message attachments) */
 .fusioni-document-videos {
-  margin-top: 0.25rem;
+  margin-top: 3.5px;
   position: relative;
   width: 100%;
   max-width: 100%;
@@ -3795,8 +3800,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: 0.75rem;
-  min-height: 1.25rem;
+  margin-bottom: 10.5px;
+  min-height: 17.5px;
 }
 
 .fusioni-document-videos-header::before {
@@ -3819,17 +3824,17 @@
   z-index: 1;
   display: inline-flex;
   align-items: center;
-  gap: 0.375rem;
-  padding: 0 0.625rem;
-  font-size: 0.8125rem;
+  gap: 5.25px;
+  padding: 0 8.75px;
+  font-size: 11.375px;
   font-weight: 600;
   color: var(--fusioni-text-secondary);
   background: var(--fusioni-bg-secondary);
 }
 
 .fusioni-document-videos-header-icon {
-  width: 1rem;
-  height: 1rem;
+  width: 14px;
+  height: 14px;
   flex-shrink: 0;
   opacity: 0.9;
 }
@@ -3872,8 +3877,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: 0.75rem;
-  min-height: 1.25rem;
+  margin-bottom: 10.5px;
+  min-height: 17.5px;
 }
 
 .fusioni-document-images-header::before {
@@ -3896,17 +3901,17 @@
   z-index: 1;
   display: inline-flex;
   align-items: center;
-  gap: 0.375rem;
-  padding: 0 0.625rem;
-  font-size: 0.8125rem;
+  gap: 5.25px;
+  padding: 0 8.75px;
+  font-size: 11.375px;
   font-weight: 600;
   color: var(--fusioni-text-secondary);
   background: var(--fusioni-bg-secondary);
 }
 
 .fusioni-document-images-header-icon {
-  width: 1rem;
-  height: 1rem;
+  width: 14px;
+  height: 14px;
   flex-shrink: 0;
   opacity: 0.9;
 }
@@ -4090,7 +4095,7 @@
 
 .fusioni-chat-panel {
   width: 440px;
-  height: min(680px, calc(100vh - 7rem));
+  height: min(680px, calc(100vh - 98px));
   border-radius: 20px;
   border: 1px solid rgb(16 24 40 / 0.1);
   background: rgba(255, 255, 255, 0.98);
@@ -4112,18 +4117,18 @@
 
 .fusioni-chat-panel-bottom-right,
 .fusioni-chat-panel-bottom-left {
-  bottom: 5.5rem;
+  bottom: 77px;
 }
 
 .fusioni-chat-panel-top-right,
 .fusioni-chat-panel-top-left {
-  top: 5.5rem;
+  top: 77px;
 }
 
 .fusioni-chat-main-header,
 .fusioni-conversation-header {
   min-height: 64px;
-  padding: 0.875rem 1rem;
+  padding: 12.25px 14px;
   border-bottom: 1px solid var(--fusioni-border-light);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
 }
@@ -4191,7 +4196,7 @@
 }
 
 .fusioni-conversation-search {
-  padding: 0.875rem;
+  padding: 12.25px;
 }
 
 .fusioni-input,
@@ -4207,7 +4212,7 @@
 
 .fusioni-input-wrapper {
   border-radius: 16px;
-  padding: 0.5rem;
+  padding: 7px;
 }
 
 .fusioni-input:focus,
@@ -4217,7 +4222,7 @@
 }
 
 .fusioni-chat-input {
-  padding: 0.875rem 1rem 1rem;
+  padding: 12.25px 14px 14px;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), #fff);
   border-top: 1px solid var(--fusioni-border-light);
 }
@@ -4228,14 +4233,14 @@
 
 .fusioni-textarea {
   min-height: 24px;
-  padding: 0.5rem 0.375rem;
+  padding: 7px 5.25px;
 }
 
 .fusioni-message-list {
   background:
     linear-gradient(180deg, rgba(248, 250, 252, 0.84), rgba(255, 255, 255, 0.98)),
     var(--fusioni-bg-primary);
-  padding: 1.125rem;
+  padding: 15.75px;
 }
 
 .fusioni-chat-widget.dark .fusioni-message-list {
@@ -4245,11 +4250,11 @@
 }
 
 .fusioni-messages {
-  gap: 1.125rem;
+  gap: 15.75px;
 }
 
 .fusioni-message {
-  gap: 0.625rem;
+  gap: 8.75px;
 }
 
 .fusioni-message-avatar {
@@ -4266,7 +4271,7 @@
 }
 
 .fusioni-message-bubble {
-  padding: 0.75rem 0.875rem;
+  padding: 10.5px 12.25px;
   border-radius: 14px;
   line-height: 1.55;
   box-shadow: 0 1px 2px rgb(16 24 40 / 0.05);
@@ -4295,12 +4300,12 @@
 
 .fusioni-message-role,
 .fusioni-message-time {
-  font-size: 0.72rem;
+  font-size: 10.08px;
 }
 
 .fusioni-conversation-item {
-  margin-bottom: 0.5rem;
-  padding: 0.875rem;
+  margin-bottom: 7px;
+  padding: 12.25px;
   border-radius: 14px;
   border: 1px solid var(--fusioni-border-light);
   background: var(--fusioni-bg-primary);
@@ -4372,13 +4377,13 @@
 }
 
 .fusioni-chat-welcome-content h3 {
-  font-size: 1.35rem;
+  font-size: 18.900000000000002px;
   letter-spacing: 0;
 }
 
 .fusioni-chat-welcome-content p {
-  font-size: 0.9375rem;
-  margin-bottom: 1.5rem;
+  font-size: 13.125px;
+  margin-bottom: 21px;
 }
 
 .fusioni-btn-primary {
@@ -4414,13 +4419,13 @@
 }
 
 .fusioni-empty-messages {
-  padding: 1.5rem;
+  padding: 21px;
 }
 
 .fusioni-empty-messages-content {
   height: auto;
   max-width: 340px;
-  padding: 1.5rem 0;
+  padding: 21px 0;
   color: var(--fusioni-text-secondary);
 }
 
@@ -4431,7 +4436,7 @@
   justify-content: center;
   width: 76px;
   height: 76px;
-  margin: 0 auto 1.125rem;
+  margin: 0 auto 15.75px;
   border-radius: 22px;
   background:
     radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.9), transparent 38%),
@@ -4463,16 +4468,16 @@
 .fusioni-empty-messages-content h3 {
   margin: 0;
   color: var(--fusioni-text-primary);
-  font-size: 1.125rem;
+  font-size: 15.75px;
   line-height: 1.35;
   font-weight: 700;
   letter-spacing: 0;
 }
 
 .fusioni-empty-messages-content p {
-  margin: 0.625rem 0 0;
+  margin: 8.75px 0 0;
   color: var(--fusioni-text-secondary);
-  font-size: 0.9375rem;
+  font-size: 13.125px;
   line-height: 1.55;
 }
 
@@ -4480,8 +4485,8 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  gap: 0.5rem;
-  margin-top: 1.125rem;
+  gap: 7px;
+  margin-top: 15.75px;
 }
 
 .fusioni-empty-suggestions span,
@@ -4490,13 +4495,13 @@
   display: inline-flex;
   align-items: center;
   min-height: 30px;
-  padding: 0.375rem 0.625rem;
+  padding: 5.25px 8.75px;
   border-radius: 999px;
   color: var(--fusioni-text-secondary);
   background: color-mix(in srgb, var(--fusioni-bg-primary) 82%, var(--fusioni-primary) 5%);
   border: 1px solid var(--fusioni-border-light);
   box-shadow: 0 1px 2px rgb(16 24 40 / 0.04);
-  font-size: 0.75rem;
+  font-size: 10.5px;
   font-weight: 600;
   overflow: hidden;
   transform-origin: center;
@@ -4574,7 +4579,7 @@
 }
 
 .fusioni-message {
-  gap: 0.75rem;
+  gap: 10.5px;
 }
 
 .fusioni-message,
@@ -4585,7 +4590,7 @@
 .fusioni-message-content {
   display: flex;
   flex-direction: column;
-  max-width: min(92%, 38rem);
+  max-width: min(92%, 532px);
 }
 
 .fusioni-message:not(.user) .fusioni-message-content {
@@ -4608,9 +4613,9 @@
 .fusioni-message-author-row {
   display: flex;
   align-items: center;
-  gap: 0.45rem;
-  margin: 0 0 0.4rem;
-  padding: 0 0.25rem;
+  gap: 6.3px;
+  margin: 0 0 5.6000000000000005px;
+  padding: 0 3.5px;
 }
 
 .fusioni-message.user .fusioni-message-author-row {
@@ -4620,7 +4625,7 @@
 
 .fusioni-message-author-label {
   color: var(--fusioni-text-secondary);
-  font-size: 0.75rem;
+  font-size: 10.5px;
   font-weight: 700;
   line-height: 1;
 }
@@ -4654,14 +4659,14 @@
 }
 
 .fusioni-message-header {
-  margin: 0 0 0.35rem;
-  padding-left: 0.25rem;
+  margin: 0 0 4.8999999999999995px;
+  padding-left: 3.5px;
 }
 
 .fusioni-message-role {
   margin-left: 0;
   color: var(--fusioni-text-secondary);
-  font-size: 0.75rem;
+  font-size: 10.5px;
   font-weight: 700;
 }
 
@@ -4672,7 +4677,7 @@
 .fusioni-message-bubble {
   width: fit-content;
   max-width: 100%;
-  padding: 0.825rem 0.95rem;
+  padding: 11.549999999999999px 13.299999999999999px;
   border-radius: 18px;
   line-height: 1.58;
   letter-spacing: 0;
@@ -4738,9 +4743,9 @@
 .fusioni-message-footer {
   width: fit-content;
   max-width: 100%;
-  margin: 0.35rem 0 0;
-  padding: 0 0.25rem;
-  gap: 0.375rem;
+  margin: 4.8999999999999995px 0 0;
+  padding: 0 3.5px;
+  gap: 5.25px;
   color: var(--fusioni-text-muted);
 }
 
@@ -4752,14 +4757,14 @@
 
 .fusioni-message-time {
   color: var(--fusioni-text-muted);
-  font-size: 0.6875rem;
+  font-size: 9.625px;
   font-weight: 600;
   line-height: 1;
 }
 
 .fusioni-message-actions {
-  gap: 0.125rem;
-  padding: 0.125rem;
+  gap: 1.75px;
+  padding: 1.75px;
   border-radius: 999px;
   background: color-mix(in srgb, var(--fusioni-bg-primary) 88%, transparent);
   border: 1px solid var(--fusioni-border-light);
@@ -4799,7 +4804,7 @@
 
 .fusioni-chat-input {
   position: relative;
-  padding: 0.875rem 1rem 1rem;
+  padding: 12.25px 14px 14px;
   background:
     linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.98)),
     var(--fusioni-bg-primary);
@@ -4811,8 +4816,8 @@
   content: '';
   position: absolute;
   top: -1px;
-  left: 1rem;
-  right: 1rem;
+  left: 14px;
+  right: 14px;
   height: 1px;
   background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--fusioni-primary) 18%, var(--fusioni-border)), transparent);
 }
@@ -4823,9 +4828,9 @@
 
 .fusioni-input-wrapper {
   align-items: flex-end;
-  gap: 0.5rem;
+  gap: 7px;
   min-height: 58px;
-  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
+  padding: 7px 7px 7px 10.5px;
   border-radius: 18px;
   border: 1px solid color-mix(in srgb, var(--fusioni-border) 86%, var(--fusioni-primary) 14%);
   background:
@@ -4843,9 +4848,9 @@
 .fusioni-textarea {
   min-height: 24px;
   max-height: 128px;
-  padding: 0.55rem 0.25rem;
+  padding: 7.700000000000001px 3.5px;
   color: var(--fusioni-text-primary);
-  font-size: 0.925rem;
+  font-size: 12.950000000000001px;
   line-height: 1.5;
 }
 
@@ -4855,8 +4860,8 @@
 
 .fusioni-input-actions {
   align-items: center;
-  gap: 0.25rem;
-  padding-bottom: 0.125rem;
+  gap: 3.5px;
+  padding-bottom: 1.75px;
 }
 
 .fusioni-input-actions .fusioni-btn-icon {
@@ -4875,7 +4880,7 @@
 .fusioni-input-actions .fusioni-btn-send {
   width: 38px;
   height: 38px;
-  margin-left: 0.125rem;
+  margin-left: 1.75px;
   border-radius: 14px;
   color: #fff;
   background:
@@ -4904,7 +4909,7 @@
 
 .fusioni-image-preview,
 .fusioni-audio-preview {
-  margin-bottom: 0.75rem;
+  margin-bottom: 10.5px;
 }
 
 .fusioni-preview-image {
@@ -4916,8 +4921,8 @@
 }
 
 .fusioni-image-preview-content .fusioni-btn {
-  top: 0.375rem;
-  right: 0.375rem;
+  top: 5.25px;
+  right: 5.25px;
   width: 30px;
   height: 30px;
   color: #fff;
@@ -4927,7 +4932,7 @@
 }
 
 .fusioni-audio-preview {
-  padding: 0.875rem;
+  padding: 12.25px;
   border-radius: 16px;
   background: var(--fusioni-bg-primary);
   border: 1px solid var(--fusioni-border-light);
@@ -4968,8 +4973,8 @@
 
 .fusioni-document-images,
 .fusioni-document-videos {
-  margin-top: 0.875rem;
-  padding: 0.75rem;
+  margin-top: 12.25px;
+  padding: 10.5px;
   border-radius: 16px;
   background:
     linear-gradient(180deg, rgba(248, 250, 252, 0.86), rgba(255, 255, 255, 0.72));
@@ -4980,7 +4985,7 @@
 .fusioni-document-images-header,
 .fusioni-document-videos-header {
   justify-content: flex-start;
-  margin-bottom: 0.625rem;
+  margin-bottom: 8.75px;
   min-height: auto;
 }
 
@@ -4991,25 +4996,25 @@
 
 .fusioni-document-images-header-label,
 .fusioni-document-videos-header-label {
-  gap: 0.45rem;
+  gap: 6.3px;
   padding: 0;
   color: var(--fusioni-text-primary);
   background: transparent;
-  font-size: 0.75rem;
+  font-size: 10.5px;
   font-weight: 800;
   letter-spacing: 0;
 }
 
 .fusioni-document-images-header-icon,
 .fusioni-document-videos-header-icon {
-  width: 0.95rem;
-  height: 0.95rem;
+  width: 13.299999999999999px;
+  height: 13.299999999999999px;
   color: var(--fusioni-primary);
   opacity: 1;
 }
 
 .fusioni-gallery-strip-grid {
-  gap: 0.625rem;
+  gap: 8.75px;
 }
 
 .fusioni-document-image-btn,
@@ -5065,11 +5070,11 @@
 .fusioni-document-video-aspect::before {
   content: '';
   position: absolute;
-  left: 0.625rem;
-  top: 0.625rem;
+  left: 8.75px;
+  top: 8.75px;
   z-index: 1;
-  width: 2rem;
-  height: 2rem;
+  width: 28px;
+  height: 28px;
   border-radius: 999px;
   background: rgba(15, 23, 42, 0.62);
   border: 1px solid rgba(255, 255, 255, 0.28);
@@ -5080,30 +5085,30 @@
 .fusioni-document-video-wrap::after {
   content: '';
   position: absolute;
-  left: 1.37rem;
-  top: 1.205rem;
+  left: 19.18px;
+  top: 16.87px;
   z-index: 2;
   width: 0;
   height: 0;
-  border-top: 0.38rem solid transparent;
-  border-bottom: 0.38rem solid transparent;
-  border-left: 0.55rem solid #fff;
+  border-top: 5.32px solid transparent;
+  border-bottom: 5.32px solid transparent;
+  border-left: 7.700000000000001px solid #fff;
   pointer-events: none;
 }
 
 .fusioni-gallery-strip-dots {
-  margin-top: 0.75rem;
-  gap: 0.375rem;
+  margin-top: 10.5px;
+  gap: 5.25px;
 }
 
 .fusioni-gallery-strip--document .fusioni-gallery-strip-dot {
-  width: 0.45rem;
-  height: 0.45rem;
+  width: 6.3px;
+  height: 6.3px;
   background: var(--fusioni-border);
 }
 
 .fusioni-gallery-strip--document .fusioni-gallery-strip-dot-active {
-  width: 1.1rem;
+  width: 15.400000000000002px;
   background: var(--fusioni-primary);
 }
 
@@ -5212,12 +5217,12 @@
   }
 
   .fusioni-header-actions {
-    gap: 0.375rem;
+    gap: 5.25px;
   }
 
   .fusioni-language-button {
     min-width: 0;
-    padding: 0.5rem;
+    padding: 7px;
   }
 
   .fusioni-language-name {