.toolbar-container{bottom:20px;position:fixed;right:20px;z-index:99999}.toolbar-container #toolbarContent{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:move;display:none;overflow:visible;position:fixed;z-index:99999}.toolbar-container .toolbar-btn{align-items:center;background:#7530fe;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.toolbar-container .toolbar-btn i{color:#fff;font-size:24px}.toolbar-container .toolbar-item{border-bottom:1px solid #f1f1f1;padding:5px 10px}.toolbar-container .toolbar-item:last-child{border-bottom:none}.toolbar-container .toolbar-item .layui-form-label{line-height:20px;padding:8px 8px 8px 0;width:auto}.toolbar-container .toolbar-item .layui-input-block{margin-left:50px}.toolbar-container .toolbar-item .layui-input,.toolbar-container .toolbar-item .layui-select{height:30px;line-height:30px}.toolbar-container .toolbar-item .layui-form-radio{margin:3px 10px 3px 0;padding-right:0}.toolbar-container .toolbar-item .layui-form-checkbox{margin-right:0;padding-right:0}.toolbar-container .toolbar-item .layui-btn{margin:3px}.toolbar-container .layui-form-select,.toolbar-container .layui-form-select .layui-select-title{position:relative;z-index:99999}.toolbar-container .layui-form-select dl{position:absolute;z-index:99999}.toolbar-container .layui-colorpicker{position:relative;z-index:99999}.toolbar-container .layui-colorpicker-main{position:absolute;z-index:99999}.toolbar-container .toolbar-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #f1f1f1;cursor:move;display:flex;justify-content:space-between;padding:10px 15px}.toolbar-container .toolbar-header h3{color:#7530fe;font-size:16px;margin:0}.toolbar-container .close-btn{color:#666;cursor:pointer}.toolbar-container .toolbar-body{background-color:#fff;max-height:calc(100vh - 100px);overflow-y:auto;padding:10px}.toolbar-container .toolbar-body .layui-form{margin:0;position:relative;z-index:99999}.toolbar-container .toolbar-body .layui-form-label{float:left;padding:5px;text-align:left;width:50px}.toolbar-container .toolbar-body .layui-input,.toolbar-container .toolbar-body .layui-select{height:32px;line-height:32px}.toolbar-container .toolbar-body .layui-form-checkbox{display:inline-block;margin:0;padding:0}.toolbar-container .toolbar-body .layui-form-checkbox span{padding-left:5px}.toolbar-container .toolbar-body .layui-input-inline{display:inline-block;margin-bottom:5px;margin-right:0}.toolbar-container .toolbar-body .layui-btn{height:32px;line-height:32px;margin-right:5px;padding:0 10px}.toolbar-container .layui-form-checkbox,.toolbar-container .layui-form-item,.toolbar-container .layui-form-radio{position:relative;z-index:1}.toolbar-container .layui-colorpicker{border:none;display:inline-block;top:-6px;vertical-align:middle}.toolbar-container .layui-colorpicker-main{margin-left:0}.toolbar-container .checkbox-group{display:flex;gap:10px;margin-left:50px}.toolbar-container .toolbar-body .button-group{display:flex;gap:5px;margin-left:50px}.toolbar-container .toolbar-item .layui-slider{margin:10px 0}.toolbar-container .toolbar-item .layui-slider-wrap{margin:0}.toolbar-container .toolbar-item .layui-slider-input{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.toolbar-container .toolbar-item .layui-slider-input .layui-input{background-color:#f8f8f8;border:1px solid #e6e6e6;border-radius:2px;height:28px;line-height:28px;padding:0 5px;text-align:center;width:60px}.toolbar-container .toolbar-item .layui-slider-input .layui-input:focus{border-color:#1e9fff}.toolbar-container .toolbar-item .layui-slider-input .layui-slider-value{color:#666;font-size:12px}.toolbar-container .toolbar-item .layui-slider-wrap .layui-slider-bar{background-color:#1e9fff;border-radius:2px;height:4px}.toolbar-container .toolbar-item .layui-slider-wrap .layui-slider-btn{background-color:#fff;border:2px solid #1e9fff;box-shadow:0 0 2px rgba(0,0,0,.1);height:12px;width:12px}.toolbar-container .toolbar-item .layui-slider-wrap .layui-slider-btn:hover{background-color:#1e9fff}.toolbar-container .toolbar-item .layui-slider-wrap .layui-slider-tick{background-color:#e6e6e6;height:6px;top:-1px;width:1px}.toolbar-container .toolbar-item .layui-slider-wrap .layui-slider-tick.layui-slider-tick-active{background-color:#1e9fff}.toolbar-container .toolbar-item .layui-form-label{padding:9px 5px;text-align:right;width:40px}.toolbar-container .toolbar-item .layui-input-block{margin-left:70px;min-height:36px;padding-top:8px;width:100px}.toolbar-container .toolbar-item .layui-input{width:100%}.toolbar-container .toolbar-item{margin-bottom:10px}.toolbar-container .toolbar-item .layui-form-label{width:60px}.toolbar-container .toolbar-item .layui-input-block{margin-left:60px}@media screen and (max-width:768px){.toolbar-container #toolbarContent{border-radius:8px 8px 0 0;bottom:0;left:0;width:100%}}@media screen and (min-width:769px){.toolbar-container #toolbarContent{border-radius:8px;bottom:0;left:0;top:0;transform:translateX(-100%);transition:transform .3s ease;width:380px}.toolbar-container #toolbarContent.show{transform:translateX(0)}}.tool-form-item .tool-form-content{position:relative}.tool-form-item[style*="width: 100%"]{align-items:center;display:flex;gap:8px}.tool-form-item[style*="width: 100%"] .tool-form-label{flex-shrink:0;min-width:50px;width:auto}.tool-form-item[style*="width: 100%"] .tool-form-content{display:flex;flex:1}.custom-font-selector{flex:1 1 auto;max-width:100%;min-width:0;overflow:visible;position:relative;width:100%}.font-selector-display{align-items:center;background:#fff;border:1px solid #e6e6e6;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;height:38px;justify-content:space-between;max-width:100%;padding:0 12px;transition:border-color .3s;width:100%}.font-selector-display:hover{border-color:#c0c4cc}.font-selector-display.active{border-color:#7530fe}.font-selector-display .font-preview-text{color:#333;flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-selector-display .layui-icon{color:#999;font-size:12px;transition:transform .3s}.font-selector-display.active .layui-icon{transform:rotate(180deg)}.font-selector-dropdown{background:#fff;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.1);box-sizing:border-box;display:none;left:0;margin-top:4px;max-width:100%;position:absolute;right:0;top:100%;z-index:99999}.font-selector-dropdown.show{display:block}.font-options-list{max-height:360px;overflow-y:auto;padding:4px 0}.font-options-list::-webkit-scrollbar{width:6px}.font-options-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.font-options-list::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}.font-options-list::-webkit-scrollbar-thumb:hover{background:#909399}.font-option-item{align-items:center;border-radius:0;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:10px 12px;transition:background-color .2s}.font-option-item:hover{background-color:#f5f7fa}.font-option-item.active{background-color:#ecf0ff;color:#7530fe}.font-option-item.selected{background-color:#ecf0ff}.font-option-item .font-name{color:#333;flex:1;font-size:14px;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.font-option-item.active .font-name{color:#7530fe;font-weight:500}.font-option-item .font-check-icon{color:#7530fe;display:none;font-size:14px;margin-left:8px}.font-option-item.selected .font-check-icon{display:inline-block}.font-no-results{color:#909399;font-size:13px;padding:20px;text-align:center}.font-option-item.loading .font-name:after{color:#909399;content:" (加载中...)";font-size:12px}.font-option-item.error .font-name:after{color:#f56c6c;content:" (加载失败)";font-size:12px}@media screen and (max-width:768px){.font-selector-dropdown{bottom:10px;left:10px;margin-top:0;position:fixed;right:10px;top:auto}}