.tv-floating-toolbar{display:inline-flex;align-items:center;padding:4px 8px;gap:4px;background:#fff;border-radius:6px;box-shadow:0 4px 12px #0000004d;height:auto;position:absolute;z-index:100;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.tv-floating-toolbar.hidden{opacity:0;pointer-events:none;transform:translateY(10px) scale(.98)}.tool-wrapper{position:relative;display:flex;align-items:center;height:100%}.tv-floating-toolbar .drag-handle{width:24px;height:100%;display:flex;align-items:center;justify-content:center;color:#b2b5be;cursor:grab;flex-shrink:0;margin-right:4px}.tv-floating-toolbar .drag-handle:active{cursor:grabbing}.tv-floating-toolbar .drag-handle svg{width:16px;height:16px;fill:currentColor}.tv-floating-toolbar .tool-btn{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:background-color .2s;color:#131722;position:relative;padding:0}.tv-floating-toolbar .tool-btn:hover{background:#0000000d}.tv-floating-toolbar .tool-btn.active{color:var(--tv-color-toolbar-button-text-active, #2962ff);background-color:#2962ff1a}.tv-floating-toolbar .tool-btn.fill-btn{position:relative}.tv-floating-toolbar .fill-btn-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.tv-floating-toolbar .fill-btn-icon{display:flex;align-items:center;justify-content:center}.tv-floating-toolbar .fill-btn-icon svg{width:20px;height:20px}.tv-floating-toolbar .fill-btn-color-bg{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:16px;height:3px;border-radius:1px;overflow:hidden}.tv-floating-toolbar .fill-btn-color{width:100%;height:100%;border-radius:1px}.divider{width:1px;height:20px;background:#e0e3eb;margin:0 8px;flex-shrink:0}.tv-floating-toolbar .stroke-width-trigger{display:flex;align-items:center;gap:8px;padding:0 8px;height:32px;cursor:pointer;border-radius:6px;color:#131722;font-size:13px;font-weight:400}.tv-floating-toolbar .font-size-trigger{display:flex;align-items:center;justify-content:center;padding:0 12px;height:32px;cursor:pointer;border-radius:6px;color:#131722;font-size:14px;font-weight:500;min-width:40px}.tv-floating-toolbar .font-size-trigger:hover{background:#0000000d}.tv-floating-toolbar .stroke-width-trigger:hover{background:#0000000d}.tv-floating-toolbar .stroke-width-preview{width:20px;background:#131722;border-radius:1px}.tv-floating-toolbar__dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-5px);background:#fff;border-radius:6px;box-shadow:0 4px 16px #00000026;padding:6px;display:block;z-index:101;opacity:0;pointer-events:none;min-width:120px;transition:opacity .15s,transform .15s;border:1px solid rgba(0,0,0,.05)}.tv-floating-toolbar__dropdown.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.tv-width-picker__item,.tv-template-item{display:flex;align-items:center;padding:6px 10px;cursor:pointer;border-radius:4px;gap:10px;font-size:13px;color:#131722;transition:background-color .1s}.tv-width-picker__item:hover,.tv-template-item:hover{background-color:#f0f3fa}.tv-width-picker__item.active{background-color:#e6f0ff;color:#2962ff}.tv-width-picker__line{width:100%;background:#131722;border-radius:1px}.tv-width-picker__text{min-width:30px;font-size:12px}.tv-template-item{justify-content:space-between}.tv-template-item__name{flex:1}.tv-template-item__delete{background:transparent;border:none;color:#b2b5be;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.tv-template-item__delete:hover{color:#f23645}.tv-color-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:8px;padding:4px}.tv-floating-toolbar__dropdown:has(.tv-color-picker__grid){min-width:232px;padding:8px}.tv-color-picker__swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,.08)}.tv-color-picker__swatch:hover{transform:scale(1.1);z-index:1;border-color:#0003}.tv-color-picker__swatch.active{border:1px solid #000}.tv-dropdown-separator{height:1px;background:#e0e3eb;margin:6px 0}.tv-color-picker__custom-btn{width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#131722;position:relative;border:1px solid rgba(0,0,0,.1);margin:0 auto 8px}.tv-color-picker__input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.tv-opacity-slider{padding:0 4px}.tv-opacity-slider__label{font-size:11px;color:#787b86;margin-bottom:4px}.tv-opacity-slider__controls{display:flex;align-items:center;gap:8px}.tv-opacity-slider__track{flex:1;height:4px;border-radius:2px;background:#e0e3eb;position:relative;cursor:pointer}.tv-opacity-slider__thumb{width:12px;height:12px;background:#fff;border:1px solid #B2B5BE;box-shadow:0 1px 2px #0000001a;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none}.tv-opacity-slider__value{font-size:12px;color:#131722;min-width:30px;text-align:right}.eraser-cursor,.eraser-cursor *{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjEuNSAxMy41TDE0IDZsLTguNSA4LjUgMi41IDIuNUg2djFoN3YtMWgtMi41bC0xLjUtMS41IDguNS04LjUgMi41IDIuNSAxLjUtMS41ek0xNCA3LjQxbDYuMDkgNi4wOS0xLjA5IDEuMDlMMTIuOTEgOC41IDE0IDcuNDF6Ii8+PGNpcmNsZSBjeD0iNS41IiBjeT0iMTQuNSIgcj0iMiIgZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==) 5 14,auto!important}.grab-cursor,.grab-cursor *{cursor:grab!important}.grabbing-cursor,.grabbing-cursor *{cursor:grabbing!important}.move-cursor,.move-cursor *{cursor:move!important}.crosshair-cursor,.crosshair-cursor *{cursor:crosshair!important}.pointer-cursor,.pointer-cursor *{cursor:pointer!important}.not-allowed-cursor,.not-allowed-cursor *{cursor:not-allowed!important}.tv-font-size-picker__item{display:flex;align-items:center;justify-content:center;padding:8px 16px;cursor:pointer;border-radius:4px;font-size:13px;color:#131722;transition:background-color .1s}.tv-font-size-picker__item:hover{background-color:#f0f3fa}.tv-font-size-picker__item.active{background-color:#e6f0ff;color:#2962ff;font-weight:600}.tv-font-size-picker__text{text-align:center}.tv-more-menu__item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-radius:4px;font-size:13px;color:#131722;transition:background-color .1s;gap:10px;position:relative;white-space:nowrap}.tv-more-menu__item:hover{background-color:#f0f3fa}.tv-more-menu__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.tv-more-menu__icon svg{width:18px;height:18px}.tv-more-menu__label{flex:1}.tv-more-menu__shortcut{font-size:11px;color:#787b86;margin-left:auto}.tv-more-menu__chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:auto}.tv-more-menu__chevron svg{width:16px;height:16px;color:#787b86}.tv-more-menu__item--has-submenu{position:relative}.tv-more-menu__submenu{position:absolute;left:100%;top:0;background:#fff;border-radius:6px;box-shadow:0 4px 16px #00000026;padding:6px;min-width:180px;opacity:0;pointer-events:none;transform:translate(-5px);transition:opacity .15s,transform .15s;border:1px solid rgba(0,0,0,.05);z-index:102}.tv-more-menu__item--has-submenu:hover .tv-more-menu__submenu{opacity:1;pointer-events:auto;transform:translate(0)}.tv-more-menu__submenu-item{padding:8px 12px;cursor:pointer;border-radius:4px;font-size:13px;color:#131722;transition:background-color .1s;white-space:nowrap}.tv-more-menu__submenu-item:hover{background-color:#f0f3fa}.tv-more-menu__submenu-item.active{background-color:#e6f0ff;color:#2962ff}.tool-wrapper:last-child .tv-floating-toolbar__dropdown{left:auto;right:0;transform:translateY(-5px)}.tool-wrapper:last-child .tv-floating-toolbar__dropdown.visible{transform:translateY(0)}
