.canvio-tooltip-wrapper{position:relative;display:inline-flex}.canvio-tooltip{position:absolute;background:var(--glass-bg, rgba(19, 19, 26, .95));color:var(--text-primary, #ffffff);border:1px solid var(--glass-border, rgba(255, 255, 255, .18));border-radius:8px;padding:5px 10px;font-family:var(--font-sans, system-ui, sans-serif);font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease;z-index:10000;box-shadow:0 10px 25px #00000080,0 0 15px #6366f126;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.canvio-tooltip-wrapper:hover .canvio-tooltip,.canvio-tooltip-wrapper:focus-within .canvio-tooltip{opacity:1}.canvio-tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-6px) scale(.92);margin-bottom:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-top,.canvio-tooltip-wrapper:focus-within .canvio-tooltip-top{transform:translate(-50%) translateY(0) scale(1)}.canvio-tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(6px) scale(.92);margin-top:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-bottom,.canvio-tooltip-wrapper:focus-within .canvio-tooltip-bottom{transform:translate(-50%) translateY(0) scale(1)}.canvio-tooltip-left{right:100%;top:50%;transform:translateY(-50%) translate(-6px) scale(.92);margin-right:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-left,.canvio-tooltip-wrapper:focus-within .canvio-tooltip-left{transform:translateY(-50%) translate(0) scale(1)}.canvio-tooltip-right{left:100%;top:50%;transform:translateY(-50%) translate(6px) scale(.92);margin-left:8px}.canvio-tooltip-wrapper:hover .canvio-tooltip-right,.canvio-tooltip-wrapper:focus-within .canvio-tooltip-right{transform:translateY(-50%) translate(0) scale(1)}.canvio-toolbar-container{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:var(--z-toolbar);width:max-content;max-width:calc(100vw - 24px)}@keyframes toolbar-enter{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.canvio-toolbar-enter{animation:toolbar-enter .4s cubic-bezier(.16,1,.3,1) forwards}.canvio-toolbar{display:flex;align-items:center;gap:5px;padding:5px 11px;background:var(--toolbar-bg, var(--glass-bg, rgba(19, 19, 27, .85)));border:1px solid var(--cv-hairline, var(--toolbar-border, rgba(255, 255, 255, .12)));border-radius:var(--radius-full, 9999px);box-shadow:var(--cv-elev-2, var(--toolbar-shadow, 0 10px 30px rgba(0, 0, 0, .5))),var(--cv-rim, inset 0 1px 0 rgba(255, 255, 255, .07));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.canvio-toolbar::-webkit-scrollbar{display:none}.canvio-toolbar-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;touch-action:manipulation;scroll-snap-align:center}.canvio-toolbar-button:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px) scale(1.05)}.canvio-toolbar-button.active{color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 35%,var(--bg-surface));box-shadow:0 0 18px var(--selection-ring-soft);border:1px solid var(--accent-primary);transform:translateY(-1px) scale(1.08)}.canvio-toolbar-divider{width:1px;height:21px;flex:0 0 1px;background:var(--border-strong);margin:0 var(--space-1)}.canvio-toolbar-more{position:relative;display:flex;flex:0 0 auto}.canvio-toolbar-more__menu{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);width:min(260px,calc(100vw - 24px));min-width:220px;max-height:min(520px,calc(100dvh - 130px));padding:6px;border:1px solid var(--toolbar-border, var(--glass-border, rgba(255, 255, 255, .12)));border-radius:14px;background:var(--bg-elevated, var(--bg-surface, #ffffff));box-shadow:var(--toolbar-shadow, 0 10px 30px rgba(0, 0, 0, .5));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:none;z-index:1}.canvio-toolbar-more__menu::-webkit-scrollbar{display:none}.canvio-toolbar-more__menu:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;transform:translate(-50%) rotate(45deg);background:var(--bg-elevated, var(--bg-surface, #ffffff));border-right:1px solid var(--toolbar-border, var(--glass-border, rgba(255, 255, 255, .12)));border-bottom:1px solid var(--toolbar-border, var(--glass-border, rgba(255, 255, 255, .12)))}.canvio-toolbar-more__mobile-secondary{display:none}.canvio-toolbar-more__menu .canvio-tooltip-wrapper{width:100%;min-width:0}.canvio-toolbar-more__menu .canvio-tooltip{display:none}.canvio-toolbar-button--menu{width:100%;min-width:0;height:38px;flex:1 1 auto;justify-content:flex-start;gap:10px;padding:0 11px;border-radius:10px;color:var(--text-primary, #f8fafc)}.canvio-toolbar-button--menu span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;font-weight:750;white-space:nowrap}.canvio-toolbar-button--mobile-menu{display:none}.canvio-toolbar-button--menu:hover,.canvio-toolbar-button--menu.active{transform:none}@media(max-width:760px){.canvio-toolbar-container{bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 16px)}.canvio-toolbar{border-radius:var(--radius-lg, 16px);padding:5px 7px;gap:4px}.canvio-toolbar-button{width:44px;height:44px;flex:0 0 44px}.canvio-toolbar-button.active{transform:none;box-shadow:none}.canvio-toolbar .canvio-tooltip,.canvio-toolbar-button--mobile-secondary,.canvio-toolbar__mobile-secondary-wrapper,.canvio-toolbar-divider{display:none}.canvio-toolbar-button--mobile-menu{display:flex}.canvio-toolbar-more__mobile-secondary{display:inline-flex}.canvio-toolbar-more__menu{width:min(280px,calc(100vw - 24px));max-height:min(470px,calc(100dvh - 118px))}.canvio-toolbar-more__menu .canvio-toolbar-button--menu{width:100%;height:44px;flex:1 1 auto}}@media(max-width:480px){.canvio-toolbar-container{bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 12px)}.canvio-toolbar{padding:4px 6px;gap:3px}.canvio-toolbar-button{width:44px;height:44px;flex:0 0 44px}.canvio-toolbar-divider{margin:0 2px}.canvio-toolbar-more__menu{left:auto;right:-2px;transform:none;width:min(300px,calc(100vw - 24px))}.canvio-toolbar-more__menu:after{left:auto;right:17px;transform:rotate(45deg)}}@media(pointer:coarse){.canvio-toolbar{padding:5px 7px}.canvio-toolbar-button{width:44px;height:44px;flex-basis:44px}.canvio-toolbar-more__menu .canvio-toolbar-button--menu{height:44px;flex:1 1 auto}}
