.fabx-wrapper {position: fixed;z-index: 9999;}.fabx-list {display: flex;gap: 12px;}.fabx-item {width: 56px;height: 56px;min-width: 56px;min-height: 56px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;padding: 14px;background: var(--fabx-bg, #3b82f6);color: var(--fabx-fg, #fff);text-decoration: none;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);transition: transform 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;position: relative;z-index: 2;}.fabx-item:hover {transform: translateY(-2px);box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);}.fabx-item .fabx-title {font-weight: 600;}.fabx-toggle {width: 64px;height: 64px;border: 0;border-radius: 9999px;background: #10b981;color: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);cursor: pointer;transition: transform 0.25s ease;position: relative;z-index: 3;}.fabx-toggle:active {transform: scale(0.98);}.fabx-toggle .fa-bars {font-size: 22px;}.fabx-backdrop {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.15);opacity: 0;visibility: hidden;transition: opacity 0.2s ease;pointer-events: none;z-index: 1;}.fabx-wrapper.fabx-open .fabx-backdrop {opacity: 1;visibility: visible;pointer-events: auto;}.fabx-pos-right {right: 24px;bottom: 24px;display: flex;flex-direction: column;align-items: flex-end;gap: 12px;}.fabx-pos-right .fabx-list {flex-direction: column;align-items: flex-end;}.fabx-pos-left {left: 24px;bottom: 24px;display: flex;flex-direction: column;align-items: flex-start;gap: 12px;}.fabx-pos-left .fabx-list {flex-direction: column;align-items: flex-start;}.fabx-pos-bottom {left: 0;right: 0;bottom: 16px;display: flex;flex-direction: column;align-items: center;gap: 12px;}.fabx-pos-bottom .fabx-list {flex-direction: row;justify-content: center;}.fabx-pos-top {left: 0;right: 0;top: 16px;display: flex;flex-direction: column-reverse;align-items: center;gap: 12px;}.fabx-pos-top .fabx-list {flex-direction: row;justify-content: center;}.fabx-wrapper[data-mode="fab"] .fabx-list .fabx-item {transform: scale(0.5) translateY(10px);opacity: 0;pointer-events: none;transition: transform 0.25s ease, opacity 0.25s ease;}.fabx-wrapper[data-mode="fab"].fabx-open .fabx-list .fabx-item {transform: scale(1) translateY(0);opacity: 1;pointer-events: auto;}.fabx-wrapper[data-mode="separate"] .fabx-toggle, .fabx-wrapper[data-mode="separate"] .fabx-backdrop {display: none;}@media (max-width: 782px) {.fabx-visible-desktop {display: none !important;}}@media (min-width: 783px) {.fabx-visible-mobile {display: none !important;}}.fabx-item i {font-size: 18px;line-height: 1;}.fabx-item[data-display="title_icon"], .fabx-item[data-display="title_only"] {width: auto;min-width: 80px;height: 48px;min-height: 48px;border-radius: 9999px;padding: 0 14px;gap: 8px;}.fabx-item[data-display="title_icon"] {justify-content: flex-start;}.fabx-item[data-display="title_only"] {justify-content: center;text-align: center;}.fabx-item[data-display="title_icon"] .fabx-title, .fabx-item[data-display="title_only"] .fabx-title {margin-left: 0;font-weight: 600;white-space: nowrap;}@media (max-width: 640px) {.fabx-item {width: 44px;height: 44px;min-width: 44px;min-height: 44px;padding: 10px;font-size: 14px;}.fabx-item[data-display="title_icon"], .fabx-item[data-display="title_only"] {height: 40px;min-height: 40px;padding: 0 10px;font-size: 14px;}.fabx-toggle {width: 50px;height: 50px;}.fabx-toggle .fa-bars {font-size: 18px;}.fabx-list {gap: 8px;}.fabx-item i {font-size: 14px;}.fabx-item .fabx-title {font-size: 14px;}}.fabx-wrapper {position: fixed;z-index: 9999;pointer-events: none;}.fabx-wrapper .fabx-toggle {pointer-events: auto;}.fabx-wrapper.fabx-open {pointer-events: auto;}.fabx-item {background: var(--fabx-bg, #3b82f6) !important;color: var(--fabx-fg, #fff) !important;transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease;}.fabx-item:hover {transform: translateY(-2px);box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);background: var(--fabx-bg, #3b82f6) !important;filter: brightness(1.15);color: var(--fabx-fg, #fff) !important;}@media (hover: hover) and (pointer: fine) {.fabx-item:hover {background: var(--fabx-bg, #3b82f6) !important;filter: brightness(1.15);}}@media (hover: hover) and (pointer: fine) {.fabx-item:hover, .fabx-toggle:hover {filter: brightness(1.15);transition: filter 0.25s ease;}}