@charset "UTF-8";.canvas-datav-icon[data-v-f17cfa52]{transition:all .3s ease}.canvas-datav-icon.with-hover[data-v-f17cfa52]:hover{transform:scale(1.1)}.main-shape[data-v-f17cfa52]{stroke-dasharray:60;stroke-dashoffset:60;animation:drawShape-f17cfa52 2s ease-in-out forwards,pulse-f17cfa52 3s ease-in-out infinite 2s}.data-flow .flow-line-1[data-v-f17cfa52]{stroke-dasharray:20;stroke-dashoffset:20;animation:flowData-f17cfa52 4s ease-in-out infinite;animation-delay:0s}.data-flow .flow-line-2[data-v-f17cfa52]{stroke-dasharray:18;stroke-dashoffset:18;animation:flowData-f17cfa52 4s ease-in-out infinite;animation-delay:1s}.data-flow .flow-line-3[data-v-f17cfa52]{stroke-dasharray:22;stroke-dashoffset:22;animation:flowData-f17cfa52 4s ease-in-out infinite;animation-delay:2s}.core-dot[data-v-f17cfa52]{animation:coreGlow-f17cfa52 2s ease-in-out infinite}.data-nodes .node-1[data-v-f17cfa52]{animation:nodeFloat-f17cfa52 2s ease-in-out infinite;animation-delay:0s}.data-nodes .node-2[data-v-f17cfa52]{animation:nodeFloat-f17cfa52 2s ease-in-out infinite;animation-delay:.5s}.data-nodes .node-3[data-v-f17cfa52]{animation:nodeFloat-f17cfa52 2s ease-in-out infinite;animation-delay:1s}.data-nodes .node-4[data-v-f17cfa52]{animation:nodeFloat-f17cfa52 2s ease-in-out infinite;animation-delay:1.5s}.connection-points .conn-point-1[data-v-f17cfa52]{animation:connectionPulse-f17cfa52 4s ease-in-out infinite;animation-delay:0s}.connection-points .conn-point-2[data-v-f17cfa52]{animation:connectionPulse-f17cfa52 4s ease-in-out infinite;animation-delay:1s}.connection-points .conn-point-3[data-v-f17cfa52]{animation:connectionPulse-f17cfa52 4s ease-in-out infinite;animation-delay:2s}.connection-points .conn-point-4[data-v-f17cfa52]{animation:connectionPulse-f17cfa52 4s ease-in-out infinite;animation-delay:3s}@keyframes drawShape-f17cfa52{to{stroke-dashoffset:0}}@keyframes pulse-f17cfa52{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes flowData-f17cfa52{0%{stroke-dashoffset:25;opacity:.1}25%{stroke-dashoffset:12.5;opacity:.4}50%{stroke-dashoffset:0;opacity:.9}75%{stroke-dashoffset:-12.5;opacity:.4}to{stroke-dashoffset:-25;opacity:.1}}@keyframes coreGlow-f17cfa52{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes nodeFloat-f17cfa52{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes connectionPulse-f17cfa52{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.canvas-datav-icon:not(.animated) .main-shape[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .flow-line-1[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .flow-line-2[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .flow-line-3[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .core-dot[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .node-1[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .node-2[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .node-3[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .node-4[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .conn-point-1[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .conn-point-2[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .conn-point-3[data-v-f17cfa52],.canvas-datav-icon:not(.animated) .conn-point-4[data-v-f17cfa52]{animation:none!important}.canvas-datav-icon:not(.animated) .main-shape[data-v-f17cfa52]{stroke-dasharray:none!important;stroke-dashoffset:0!important}.canvas-datav-icon:not(.animated) .data-flow path[data-v-f17cfa52]{stroke-dasharray:none!important;stroke-dashoffset:0!important}.canvas-datav-icon:not(.animated) .connection-points[data-v-f17cfa52]{opacity:.6!important}.overlay[data-v-9da8bf63]{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 0%,rgba(64,158,255,.1),transparent 60%),radial-gradient(1200px 600px at 80% 100%,rgba(147,51,234,.1),transparent 60%);backdrop-filter:blur(3px);opacity:0;animation:fadeIn-9da8bf63 .28s ease-out forwards}.aurora[data-v-9da8bf63]{position:absolute;inset:-10%;background:conic-gradient(from 0deg,#409eff14,#9333ea14,#00d4ff14,#409eff14);filter:blur(30px);animation:flow-9da8bf63 8s linear infinite}.center[data-v-9da8bf63]{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 28px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:0 12px 40px #00000059,inset 0 0 24px #409eff26;transform:translateY(6px) scale(.98);animation:popIn-9da8bf63 .28s ease-out forwards}.ring[data-v-9da8bf63]{position:relative;width:88px;height:88px;border-radius:50%;background:conic-gradient(from 0deg,#409eff00,#409effe6,#00d4ffe6,#9333eae6,#409eff00);mask:radial-gradient(circle 38px,transparent 36px,black 37px);animation:spin-9da8bf63 1.1s linear infinite;box-shadow:0 0 24px #409eff59}.ring-core[data-v-9da8bf63]{position:absolute;inset:12px;border-radius:50%;background:linear-gradient(135deg,#409eff33,#9333ea33);box-shadow:inset 0 0 18px #409eff59}.dot[data-v-9da8bf63]{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px #ffffffd9}.dot.d1[data-v-9da8bf63]{top:-3px;left:50%;transform:translate(-50%)}.dot.d2[data-v-9da8bf63]{bottom:-3px;left:8px}.dot.d3[data-v-9da8bf63]{bottom:-3px;right:8px}.title[data-v-9da8bf63]{font-size:18px;color:#e6e6e6;letter-spacing:.5px;text-shadow:0 0 12px rgba(64,158,255,.35)}.details[data-v-9da8bf63]{font-size:12px;color:#a8c5e0;max-width:520px;text-align:center}@keyframes spin-9da8bf63{to{transform:rotate(360deg)}}@keyframes flow-9da8bf63{to{transform:rotate(360deg)}}@keyframes fadeIn-9da8bf63{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-9da8bf63{0%{opacity:1}to{opacity:0}}@keyframes popIn-9da8bf63{0%{transform:translateY(6px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes popOut-9da8bf63{0%{transform:translateY(0) scale(1)}to{transform:translateY(6px) scale(.98)}}.overlay[data-state=leaving][data-v-9da8bf63]{animation:fadeOut-9da8bf63 .22s ease-in forwards}.overlay[data-state=leaving] .center[data-v-9da8bf63]{animation:popOut-9da8bf63 .22s ease-in forwards}.affix-control[data-v-d1b7cc26]{display:flex;align-items:center;gap:8px}.native-input[data-v-d1b7cc26]{flex:1;background:transparent!important;border:none!important;outline:none;color:inherit;font:inherit;padding:0!important;min-height:auto;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.affix[data-v-d1b7cc26]{display:inline-flex;align-items:center;color:var(--color-text-secondary, #bbbbbb)}.affix-control[data-v-78cdbf25]{display:flex;align-items:center;gap:8px}.native-input[data-v-78cdbf25]{flex:1;background:transparent!important;border:none!important;outline:none;color:inherit;font:inherit;padding:0!important;min-height:auto;-moz-appearance:textfield;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.native-input[data-v-78cdbf25]::-webkit-outer-spin-button,.native-input[data-v-78cdbf25]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.affix[data-v-78cdbf25]{display:inline-flex;align-items:center;color:var(--color-text-secondary, #bbbbbb)}:root{--cp-gray-100: #f9f9f9;--cp-gray-200: #f1f1f4;--cp-gray-300: #dbdfe9;--cp-gray-400: #c4cada;--cp-gray-500: #99a1b7;--cp-gray-600: #78829d;--cp-gray-700: #4b5675;--cp-gray-800: #252f4a;--cp-gray-900: #071437;--cp-inverse-dark: #57575723;--cp-inverse-white: #9292920d;--cp-container-bg: #fff;--cp-primary: #5983fc;--cp-select-color: #2c5ae6af;--cp-range-border: #f7f7f7;--cp-range-shadow: #4c86f3;--cp-container-shadow: #58585881;--padding: 0px 10px;--margin-top: 10px}.ck-cp-container[cp-theme=dark]{--cp-gray-100: #1b1c22;--cp-gray-200: #26272f;--cp-gray-300: #363843;--cp-gray-400: #464852;--cp-gray-500: #636674;--cp-gray-600: #808290;--cp-gray-700: #9a9cae;--cp-gray-800: #b5b7c8;--cp-gray-900: #f5f5f5;--cp-inverse-dark: #6b6b6b56;--cp-inverse-white: #92929256;--cp-container-bg: #131314;--cp-container-shadow: #2b262696}.ck-cp-container{left:0;background-color:var(--cp-container-bg);border-radius:.5rem;padding:0;width:270px;height:auto;box-shadow:0 0 34px 1px var(--cp-container-shadow);padding-bottom:calc(var(--margin-top) * 1.5);padding-top:var(--margin-top)}.ck-cp-container *{outline:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none}.ck-cp-controller-bar{border-radius:.475rem;display:flex;align-items:center;gap:15px}.ck-cp-menu{display:flex;align-items:center;justify-content:space-between;padding:var(--padding)}.cp-btn{border:0;height:30px!important;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:5px;padding:0;background-color:var(--cp-container-bg);color:var(--cp-gray-700)}.cp-btn svg{fill:var(--cp-gray-700)}.cp-picker-wrap{height:145px;position:relative;overflow:hidden;margin:var(--padding)}.picker-saturation{cursor:auto;position:absolute;inset:0}.colour-area-point-circle{pointer-events:none;cursor:pointer;position:absolute;width:12px;height:12px;box-shadow:0 0 0 1.5px var(--cp-container-bg),inset 0 0 1px 1px var(--cp-gray-900),0 0 1px 2px var(--cp-gray-900);border-radius:50%}.colour-area-mask{border-radius:.5rem;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset #00000013 0 0 0 1px}.colour-area{width:100%;height:100%;border-radius:.5rem}.picker-hue{width:100%;height:8px}.picker-hue-range-slider{margin:0;border-radius:10px;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;width:100%;display:block;outline:none;transition:color .05s linear;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.picker-hue-range-slider:focus{outline:none}.picker-hue-range-slider:active,.picker-hue-range-slider:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.picker-hue-range-slider::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;outline:none}.picker-hue-range-slider::-ms-track{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.picker-hue-range-slider::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.picker-hue-range-slider::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.picker-opacity-slider{top:0;position:absolute;left:0;width:100%;height:8px}.opacity_slider{margin:0;border-radius:16px;position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;width:100%;display:block;outline:none;transition:color .05s linear}.opacity_slider:focus{outline:none}.opacity_slider:active,.opacity_slider:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.opacity_slider::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;outline:none}.opacity_slider::-ms-track{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.opacity_slider::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.opacity_slider::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.gradient-bar{width:100%;position:relative;box-sizing:border-box}.gradient-container{width:100%;height:8px;border-radius:10px}.gradient-handle{position:absolute;z-index:1;top:-3px;outline:none}.gradient-handle .gradient-handle-content{cursor:ew-resize;display:flex;box-sizing:border-box;justify-content:center;align-items:center;box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%}.gradient-handle.select .gradient-handle-content{background-color:var(--cp-primary);border:2px solid var(--cp-range-border)}.gradient-handle.select{z-index:2}.opacity-bar{position:relative;height:8px;overflow:visible;border-radius:16px;display:flex;align-items:center;background:linear-gradient(45deg,var(--cp-inverse-dark) 25%,transparent 25%,transparent 75%,var(--cp-inverse-dark) 75%,var(--cp-inverse-dark) 0px) 0px 0px/16px 16px repeat padding-box border-box,linear-gradient(45deg,var(--cp-inverse-dark) 25%,transparent 25%,transparent 75%,var(--cp-inverse-dark) 75%,var(--cp-inverse-dark) 0px) 8px 8px/16px 16px repeat padding-box border-box,var(--cp-inverse-white)}.ck-cp-linear-angle-container{padding:var(--padding);margin-bottom:calc(var(--margin-top) * 1.75)}.ck-cp-linear-angle-container input[type=range]{margin:0;border-radius:10px;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cp-gray-200);height:8px;width:100%;display:block;outline:none;transition:color .05s linear}.ck-cp-linear-angle-container input[type=range]:focus{outline:none}.ck-cp-linear-angle-container input[type=range]:active,.ck-cp-linear-angle-container input[type=range]:hover:active{cursor:grabbing;cursor:-webkit-grabbing}.ck-cp-linear-angle-container input[type=range]::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;outline:none}.ck-cp-linear-angle-container input[type=range]::-ms-track{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}.ck-cp-linear-angle-container input[type=range]::-webkit-slider-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.ck-cp-linear-angle-container input[type=range]::-moz-range-thumb{box-shadow:0 0 6px 0 var(--cp-range-shadow);border:1px solid var(--cp-range-border);background-color:var(--cp-primary);height:14px;width:14px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;cursor:move;cursor:grab;cursor:-webkit-grab}.ck-cp-linear-angle-container .ck-gradient-set-label{text-align:start;font-size:12px;color:var(--cp-gray-700);margin:0;margin-top:var(--margin-top);margin-bottom:calc(var(--margin-top) / 2)}.ck-cp-linear-angle-container .ck-gradient-set-label span{color:var(--cp-primary);font-weight:700}.ck-cp-linear-angle-container p span:before{content:"→ "}.ck-cp-input-container{display:flex;gap:8px;margin:0 10px;margin-top:calc(var(--margin-top) * 2.5)}.ck-cp-input-container input{background-color:var(--cp-container-bg);border:1px solid var(--cp-gray-300);color:var(--cp-gray-900);border-radius:5px}.ck-cp-input-container input[type=text]{padding:0;width:100%;text-align:center;height:30px;flex-shrink:0;outline:none;font-size:14px}.ck-cp-input-container input[type=number]{padding:0;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield;border-radius:5px;text-align:center;flex-shrink:0;outline:none;height:100%;width:100%;font-size:14px}.ck-cp-input-container input:focus-visible{border:1px solid var(--cp-primary)}.ck-cp-input-container input[type=number]::-webkit-inner-spin-button,.ck-cp-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;display:none;margin:0}.ck-cp-input-container .ck-cp-input-content:not(.color-hex){position:relative;display:flex;flex-direction:column;min-width:34px;height:30px}.ck-cp-input-container .color-hex{position:relative;display:flex;flex-direction:column;width:100%}.ck-cp-input-container .ck-cp-input-content .ck-cp-input-label{position:absolute;background-color:var(--cp-container-bg);font-size:10px;top:-6px;left:-6px;color:var(--cp-gray-700);padding:0 4px;z-index:1}.ck-cp-local-color-conatiner{display:flex;flex-direction:column;gap:12px;padding:0 10px;border-top:1px solid var(--cp-gray-200);padding-top:calc(var(--margin-top) * 1.25);margin-top:calc(var(--margin-top) * 2)}.ck-cp-local-color-conatiner .ck-cp-color-item{cursor:pointer;width:25px;height:25px;border:1px solid transparent;box-sizing:border-box;border-radius:5px}.ck-cp-local-color-conatiner .ck-cp-color-item.ck-select{border:2px solid var(--cp-select-color)}.ck-cp-disabled *{pointer-events:none!important;opacity:.75}.cp-main-btn{border:0;height:20px!important;width:20px!important;display:flex;align-items:center;font-size:14px;background-color:var(--cp-container-bg);padding:0;justify-content:center}.cp-main-btn svg{transform:scale(.9);fill:var(--cp-gray-700)}.cp-btn-save-color{background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;width:25px;height:25px;border:1px solid var(--cp-gray-500);border-radius:5px}.cp-btn-save-color svg{fill:var(--cp-gray-700)}.ck-cp-color-list{display:flex;flex-wrap:wrap;gap:7px}.ck-cp-color-list-label{font-size:12px;height:20px;display:flex;align-items:center;justify-content:space-between;color:var(--cp-gray-700)}.ck-cp-color-list-label svg{fill:var(--cp-gray-700)}.ck-cp-buttons{padding:20px 10px 0;display:flex;flex-direction:row;justify-content:flex-end;column-gap:4px}.ck-cp-buttons__button{font-size:12px;padding:5px 15px;background-color:var(--cp-container-bg);border:none;color:var(--cp-gray-800);border-radius:5px}.ck-cp-buttons__button:hover{cursor:pointer;background-color:var(--cp-gray-100)}.ck-cp-buttons__button:active{background-color:var(--cp-gray-100)}.color-input-wrapper[data-v-f177aa48]{display:block}.color-picker[data-v-f177aa48]{--cp-container-bg: transparent;--cp-container-shadow: rgba(0,0,0,.35);--cp-primary: var(--interactive-color, #409eff);--cp-range-shadow: var(--interactive-color, #409eff);--cp-gray-100: #1b1c22;--cp-gray-200: #26272f;--cp-gray-300: #363843;--cp-gray-400: #464852;--cp-gray-500: #636674;--cp-gray-600: #808290;--cp-gray-700: #9a9cae;--cp-gray-800: #b5b7c8;--cp-gray-900: #f5f5f5;border:0px solid rgba(255,255,255,.16);border-radius:0;box-shadow:none;padding:0;width:100%}.color-picker[data-v-f177aa48] :where(input,button,select){font-size:12px}[data-v-f177aa48] .cp-btn{cursor:pointer}[data-v-f177aa48] .ck-cp-controller-bar{gap:8px}[data-v-f177aa48] .ck-cp-menu{padding:0}[data-v-f177aa48] .picker-hue-range-slider{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)!important}.range-wrapper[data-v-31cef37a]{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.range-input[data-v-31cef37a]{position:relative;width:100%;height:10px;border-radius:var(--form-radius-pill, 999px);background:linear-gradient(90deg,#4facfe 0%,#00f2fe var(--progress),rgba(255,255,255,.14) var(--progress));box-shadow:inset 0 0 12px #ffffff1f;cursor:pointer;outline:none}.range-track[data-v-31cef37a]{position:absolute;inset:0;border-radius:inherit}.range-thumb[data-v-31cef37a]{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(120% 120% at 50% 50%,#4facfe,#00f2fe);border:var(--form-border-width, 1px) solid var(--form-border-color, rgba(255, 255, 255, .6));box-shadow:0 6px 16px #4facfe66,0 0 0 2px #4facfe40 inset}.range-value[data-v-31cef37a]{font-size:12px;color:#999;text-align:right}.custom-select[data-v-2878272d]{position:relative;width:100%}.select-trigger[data-v-2878272d]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.custom-select.open .select-trigger[data-v-2878272d]{border-color:#409eff;box-shadow:0 0 0 3px #409eff2e}.selected-label[data-v-2878272d]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.caret[data-v-2878272d]{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #e6e6e6;transition:border-top-color .2s ease}.select-trigger:hover .caret[data-v-2878272d]{border-top-color:#9ec9ff}.custom-select.open .caret[data-v-2878272d]{border-top-color:var(--interactive-color, #409eff)}.select-dropdown[data-v-2878272d]{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;max-width:100%;max-height:240px;overflow:auto;border:var(--form-border-width, 1px) solid var(--form-border-color, #404040);border-radius:var(--form-radius, 8px);background:var(--bg-color-panel, #1a1a1a);box-shadow:var(--shadow-panel, 0 8px 24px rgba(0,0,0,.3));z-index:1100000}.select-option[data-v-2878272d]{padding:var(--form-padding-y, 8px) var(--form-padding-x, 12px);color:var(--color-text-regular, #e6e6e6);transition:background-color var(--transition-duration-base, .3s) var(--ease-out-quart, ease),color var(--transition-duration-base, .3s) var(--ease-out-quart, ease);cursor:pointer}.select-option[data-v-2878272d]:hover,.select-option.highlighted[data-v-2878272d]{background:var(--bg-color-light, #2a2a2a)}.select-option.selected[data-v-2878272d]{background:var(--interactive-bg-selected, #244a8f);color:var(--color-text-primary, #ffffff)}.select-fade-enter-active[data-v-2878272d],.select-fade-leave-active[data-v-2878272d]{transition:opacity .15s ease,transform .15s ease}.select-fade-enter-from[data-v-2878272d],.select-fade-leave-to[data-v-2878272d]{opacity:0;transform:translateY(-4px)}.affix[data-v-2878272d]{display:inline-flex;align-items:center;color:var(--color-text-secondary, #bbbbbb)}.option-group[data-v-f2d2d673]{display:flex;flex-wrap:wrap;gap:10px 12px}.option-item[data-v-f2d2d673]{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#e6e6e6;outline:none;cursor:pointer}.option-item.disabled[data-v-f2d2d673]{cursor:not-allowed}.option-visual[data-v-f2d2d673]{display:inline-flex;align-items:center;gap:8px;padding:var(--form-padding-y, 8px) var(--form-padding-x, 12px);border:var(--form-border-width, 1px) solid var(--form-border-color, rgba(255, 255, 255, .16));border-radius:var(--form-radius, 10px);background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(8px);transition:all .2s ease;box-shadow:inset 0 0 12px #ffffff0f;min-height:var(--form-control-height, 36px)}.option-item:hover .option-visual[data-v-f2d2d673]{border-color:#ffffff47;transform:translateY(-1px)}.option-item:focus-visible .option-visual[data-v-f2d2d673]{box-shadow:0 0 0 2px #409eff59}.option-visual .box[data-v-f2d2d673]{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(120% 120% at 10% 10%,#409eff40,#0000 60%);box-shadow:0 0 8px #409eff40 inset;position:relative;will-change:transform,box-shadow}.option-item.checked .option-visual[data-v-f2d2d673]{border-color:#409eff99;box-shadow:0 6px 18px #409eff40,inset 0 0 12px #409eff40}.option-item.checked .option-visual .box[data-v-f2d2d673]{background:linear-gradient(135deg,#4facfe,#00f2fe);border-color:#409effe6;animation:boxPulse-f2d2d673 .22s ease-out}.option-item.checked .option-visual .box[data-v-f2d2d673]:after{content:"";position:absolute;left:3px;top:1px;width:7px;height:10px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg);transform-origin:left top;will-change:transform,opacity;animation:tickIn-f2d2d673 .16s ease-out}@keyframes boxPulse-f2d2d673{0%{box-shadow:0 0 8px #409eff40 inset}50%{box-shadow:0 0 12px #409eff59 inset,0 6px 18px #409eff40}to{box-shadow:0 0 8px #409eff40 inset}}@keyframes tickIn-f2d2d673{0%{opacity:0;transform:rotate(45deg) scale(.8)}to{opacity:1;transform:rotate(45deg) scale(1)}}.option-visual .text[data-v-f2d2d673]{font-style:normal;letter-spacing:.2px}.option-group[data-v-31eb139d]{display:flex;flex-wrap:wrap;gap:10px 12px}.option-item[data-v-31eb139d]{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#e6e6e6;outline:none;cursor:pointer}.option-item.disabled[data-v-31eb139d]{cursor:not-allowed}.option-visual[data-v-31eb139d]{display:inline-flex;align-items:center;gap:8px;padding:var(--form-padding-y, 8px) var(--form-padding-x, 12px);border:var(--form-border-width, 1px) solid var(--form-border-color, rgba(255, 255, 255, .16));border-radius:var(--form-radius-pill, 999px);background:linear-gradient(135deg,#ffffff14,#ffffff08);backdrop-filter:blur(8px);transition:all .2s ease;box-shadow:inset 0 0 12px #ffffff0f;min-height:var(--form-control-height, 36px)}.option-item:hover .option-visual[data-v-31eb139d]{border-color:#ffffff47;transform:translateY(-1px)}.option-item:focus-visible .option-visual[data-v-31eb139d]{box-shadow:0 0 0 2px #ff73f559}.option-visual .dot[data-v-31eb139d]{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:radial-gradient(120% 120% at 10% 10%,#ff73f540,#0000 60%);box-shadow:0 0 8px #ff73f540 inset;position:relative;will-change:transform,box-shadow}.option-item.checked .option-visual[data-v-31eb139d]{border-color:#ff73f599;box-shadow:0 6px 18px #ff73f540,inset 0 0 12px #ff73f540}.option-item.checked .option-visual .dot[data-v-31eb139d]{background:radial-gradient(120% 120% at 50% 50%,#ff73f5,#a56dff);border-color:#ff73f5e6;animation:dotPulse-31eb139d .22s ease-out}.option-item.checked .option-visual .dot[data-v-31eb139d]:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(1);will-change:transform,opacity;animation:dotIn-31eb139d .16s ease-out}@keyframes dotPulse-31eb139d{0%{box-shadow:0 0 8px #ff73f540 inset}50%{box-shadow:0 0 12px #ff73f559 inset,0 6px 18px #ff73f540}to{box-shadow:0 0 8px #ff73f540 inset}}@keyframes dotIn-31eb139d{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.option-visual .text[data-v-31eb139d]{font-style:normal;letter-spacing:.2px}.switch-wrapper[data-v-86d0cdc1]{display:inline-flex;align-items:center;gap:10px;padding:7px}.label[data-v-86d0cdc1]{font-size:12px;color:#e6e6e6}.switch[data-v-86d0cdc1]{position:relative;width:44px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:inset 0 0 12px #ffffff0f;cursor:pointer;transition:all .2s ease}.switch.on[data-v-86d0cdc1]{border-color:#409eff99;box-shadow:0 6px 18px #409eff40,inset 0 0 12px #409eff40;background:linear-gradient(135deg,#4facfe,#00f2fe)}.switch[data-v-86d0cdc1]:focus-visible{outline:none;box-shadow:0 0 0 2px #409eff59}.switch .knob[data-v-86d0cdc1]{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch.on .knob[data-v-86d0cdc1]{transform:translate(20px)}.disabled .switch[data-v-86d0cdc1]{cursor:not-allowed;opacity:.7}.color-array[data-v-7b4105ef]{width:100%}.swatches[data-v-7b4105ef]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch[data-v-7b4105ef]{display:grid;grid-template-columns:18px 24px auto 20px;align-items:center;gap:6px;padding:6px 8px;border:var(--form-border-width, 1px) solid var(--form-border-color, rgba(255,255,255,.16));background:#ffffff0f;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-radius:var(--form-radius, 8px);cursor:grab;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,opacity .18s ease}.swatch.dragging[data-v-7b4105ef]{opacity:.85;transform:scale(1.06);box-shadow:0 8px 18px #00d4ff2e,0 0 0 1px #00d4ff59 inset}.swatch.over[data-v-7b4105ef]{transform:scale(1.03);outline:1px dashed var(--interactive-color, #00d4ff);background:#ffffff14}.handle[data-v-7b4105ef]{color:var(--interactive-color, #4facfe);font-size:14px;line-height:1;cursor:grab}.color-input[data-v-7b4105ef]{width:24px;height:24px;border:none;padding:0;background:transparent}.hex[data-v-7b4105ef]{font-size:12px;color:var(--color-text-primary, #e6eaf0)}.remove[data-v-7b4105ef]{cursor:pointer;border:none;background:transparent;color:var(--color-text-primary, #e6eaf0)}.add[data-v-7b4105ef]{cursor:pointer;border:var(--form-border-width, 1px) solid var(--form-border-color, rgba(255,255,255,.16));background:#ffffff0f;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-radius:var(--form-radius, 8px);padding:6px 10px;color:var(--interactive-color, #4facfe);font-weight:600}.add[data-v-7b4105ef]:hover{border-color:var(--interactive-color, #4facfe);box-shadow:0 4px 12px #00d4ff1f}.kv-editor[data-v-b08d0132]{display:flex;flex-direction:column;gap:8px}.kv-row[data-v-b08d0132]{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.btn-icon[data-v-b08d0132]{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#e1e5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-icon[data-v-b08d0132]:hover{background:#ffffff26;transform:translateY(-1px)}.btn-icon.btn-danger[data-v-b08d0132]{background:#f4433633;color:#f44336}.btn-icon.btn-danger[data-v-b08d0132]:hover{background:#f443364d}.btn-add[data-v-b08d0132]{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:fit-content;margin-top:12px}.btn-add[data-v-b08d0132]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.json-kv-editor[data-v-fe32b9ab]{display:flex;flex-direction:column;gap:8px}.mode-switch[data-v-fe32b9ab]{margin-bottom:8px}.field-mapping-container[data-v-c599c0fb]{background:#ffffff08;border-radius:8px;padding:16px}.mapping-grid[data-v-c599c0fb]{display:flex;flex-direction:column;gap:12px}.mapping-header[data-v-c599c0fb]{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr) var(--action-col-w, 60px);gap:12px;font-size:12px;color:#8a9ba8;font-weight:500;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;background:#0003;backdrop-filter:blur(6px);padding:8px 0;z-index:1}.mapping-row[data-v-c599c0fb]{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr) var(--action-col-w, 60px);gap:12px;align-items:center}.mapping-field[data-v-c599c0fb]{min-width:0}.mapping-actions[data-v-c599c0fb]{display:flex;justify-content:center}.btn-icon[data-v-c599c0fb]{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#e1e5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-icon[data-v-c599c0fb]:hover{background:#ffffff26;transform:translateY(-1px)}.btn-icon.btn-danger[data-v-c599c0fb]{background:#f4433633;color:#f44336}.btn-icon.btn-danger[data-v-c599c0fb]:hover{background:#f443364d}.btn-add-mapping[data-v-c599c0fb]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:12px}.btn-add-mapping[data-v-c599c0fb]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}@media(max-width:768px){.mapping-header[data-v-c599c0fb],.mapping-row[data-v-c599c0fb]{grid-template-columns:1fr;gap:8px}.mapping-header[data-v-c599c0fb]{display:none}.mapping-row[data-v-c599c0fb]{background:#ffffff08;border-radius:8px;padding:12px}}.mapping-grid.overlay-actions .mapping-header[data-v-c599c0fb],.mapping-grid.overlay-actions .mapping-row[data-v-c599c0fb]{grid-template-columns:repeat(var(--cols, 3),1fr) var(--action-col-w, 60px)}.mapping-grid.overlay-actions .mapping-actions[data-v-c599c0fb]{position:static}.mapping-grid.overlay-actions .btn-icon[data-v-c599c0fb]{width:28px;height:28px}.btn[data-v-43b67aee]{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:var(--color-text-regular, #e6e6e6);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);cursor:pointer;transition:all .2s ease}.btn[data-v-43b67aee]:hover{border-color:#00d4ff73;color:var(--interactive-color, #409eff);transform:translateY(-1px);box-shadow:0 0 0 2px #409eff33 inset}.btn[data-v-43b67aee]:disabled,.btn.disabled[data-v-43b67aee]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm[data-v-43b67aee]{padding:6px 10px;font-size:12px;min-height:28px}.btn-md[data-v-43b67aee]{padding:8px 12px;font-size:13px;min-height:32px}.btn-primary[data-v-43b67aee]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#409eff66}.btn-outline[data-v-43b67aee]{background:transparent;color:#3b82f6;border-color:#3b82f659}.btn-ghost[data-v-43b67aee]{background:transparent;border-color:transparent;color:#94a3b8}.spinner[data-v-43b67aee]{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin-43b67aee .8s linear infinite}@keyframes spin-43b67aee{to{transform:rotate(360deg)}}[data-v-79b5d065] .mapping-grid{--cols: 6 }@media(max-width:720px){[data-v-79b5d065] .mapping-grid{--cols: 2 }}.cdv-dialog-overlay[data-v-a003dfc5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.cdv-dialog[data-v-a003dfc5]{background:var(--gradient-glass);-webkit-backdrop-filter:var(--backdrop-filter-blur);backdrop-filter:var(--backdrop-filter-blur);border:1px solid var(--border-color-base, #2a3f5f);border-radius:var(--radius-large, 6px);box-shadow:var(--shadow-panel);display:flex;flex-direction:column}.cdv-dialog-header[data-v-a003dfc5]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color-base, #2a3f5f)}.cdv-dialog-title[data-v-a003dfc5]{font-size:14px;font-weight:600;color:var(--color-text-regular, #e8f4fd)}.cdv-dialog-close[data-v-a003dfc5]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-color-base, #2a3f5f);border-radius:6px;background:transparent;color:var(--color-text-secondary, #a8c5e0);cursor:pointer;transition:all .2s ease}.cdv-dialog-close[data-v-a003dfc5]:hover{background:#ffffff14;color:#00d4ff;border-color:#00d4ff}.cdv-dialog-content[data-v-a003dfc5]{padding:12px;flex:1;overflow:auto}.close-btn[data-v-a003dfc5]:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.path-browser[data-v-cf379341]{display:grid;gap:8px;max-width:100%}.row[data-v-cf379341]{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;max-width:100%}.preview-controls[data-v-cf379341]{display:flex;align-items:center;justify-content:space-between;gap:8px}.type-badge[data-v-cf379341]{display:inline-block;font-size:12px;color:#9aa7b2;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:2px 8px}.btn-compact[data-v-cf379341]{font-size:12px;padding:4px 8px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff0f;color:#e6e6e6}.btn-compact[data-v-cf379341]:hover{background:#ffffff1a}.preview[data-v-cf379341]{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:start;max-width:100%}.preview-json[data-v-cf379341]{margin:0;padding:8px;background:#ffffff0a;border-radius:6px;max-height:180px;overflow:auto;max-width:100%;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.empty-tip[data-v-cf379341]{color:#9aa7b2;font-size:12px;padding:4px 0}.config-section[data-v-77a60ef8]{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--form-border-color, #2a3441);transition:all .3s ease}.config-section[data-v-77a60ef8]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-section[data-v-77a60ef8]:hover{border-bottom-color:#409eff66}.section-title[data-v-77a60ef8]{font-size:14px;font-weight:600;color:var(--color-text-primary, #e1e5e9);margin:0 0 16px;padding:0;display:flex;align-items:center;gap:8px;position:relative;cursor:var(--f256770a);user-select:none;transition:all .2s ease}.section-title[data-v-77a60ef8]:hover{color:var(--interactive-color, #409eff)}.section-title[data-v-77a60ef8]:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,#409eff,#00d4ff);border-radius:2px;flex-shrink:0}.collapse-icon[data-v-77a60ef8]{margin-left:auto;transition:transform .2s ease;opacity:.7}.collapse-icon.collapsed[data-v-77a60ef8]{transform:rotate(-90deg)}.section-title:hover .collapse-icon[data-v-77a60ef8]{opacity:1}.section-content[data-v-77a60ef8]{display:flex;flex-direction:column;gap:12px;animation:slideDown-77a60ef8 .2s ease}.section-content[data-v-77a60ef8]>*{width:100%}@keyframes slideDown-77a60ef8{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.section-title[data-v-77a60ef8]{font-size:13px}.section-title[data-v-77a60ef8]:before{height:14px}}.config-content[data-v-fb861366]{padding:20px;height:calc(100% - 45px);overflow-y:auto}.config-grid[data-v-fb861366]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.col-span-2[data-v-fb861366]{grid-column:span 2}.col-span-1[data-v-fb861366]{grid-column:span 1}.error-message[data-v-fb861366]{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:20px;background:#ff52521a;border:1px solid rgba(255,82,82,.3);border-radius:8px;color:#ff5252;font-size:14px;animation:slideIn-fb861366 .2s ease}@keyframes slideIn-fb861366{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preset-grid[data-v-fb861366]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.preset-card[data-v-fb861366]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:1px solid var(--form-border-color, #404040);border-radius:var(--form-radius, 8px);background:linear-gradient(135deg,#2d2d2dcc,#1a1a1ae6);color:var(--color-text-regular, #e6e6e6);cursor:pointer;transition:all .2s ease;text-align:center}.preset-card[data-v-fb861366]:hover{border-color:#00d4ff;background:linear-gradient(135deg,#00d4ff1a,#2d2d2dcc);transform:translateY(-2px)}.preset-card.active[data-v-fb861366]{border-color:#00d4ff;background:linear-gradient(135deg,#00d4ff33,#2d2d2de6);color:#00d4ff;box-shadow:0 0 16px #00d4ff4d}.preset-icon[data-v-fb861366]{margin-bottom:4px}.preset-name[data-v-fb861366]{font-weight:600;font-size:13px;margin-bottom:2px}.preset-size[data-v-fb861366]{font-size:11px;color:var(--color-text-secondary, #bbbbbb);margin-bottom:4px}.preset-desc[data-v-fb861366]{font-size:10px;color:var(--color-text-secondary, #bbbbbb);line-height:1.2}.dimension-inputs[data-v-fb861366]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dialog-footer[data-v-fb861366]{display:flex;justify-content:flex-end;gap:12px;padding:12px;border-top:1px solid var(--form-border-color, #2a3441)}@media(max-width:768px){.config-content[data-v-fb861366]{padding:16px;max-height:60vh}.config-grid[data-v-fb861366]{grid-template-columns:1fr;gap:12px}.error-message[data-v-fb861366]{padding:10px 12px;font-size:13px;margin-bottom:16px}.preset-grid[data-v-fb861366]{grid-template-columns:repeat(2,1fr);gap:8px}.preset-card[data-v-fb861366]{padding:12px 8px}.preset-icon[data-v-fb861366]{margin-bottom:2px}.preset-name[data-v-fb861366]{font-size:12px}.preset-size[data-v-fb861366]{font-size:10px}.preset-desc[data-v-fb861366]{font-size:9px}.dimension-inputs[data-v-fb861366]{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.dialog-footer[data-v-fb861366]{padding:12px 16px;gap:8px}.form-row[data-v-fb861366]{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px}.form-label[data-v-fb861366]{font-size:11px}}@media(max-width:1280px){.config-grid[data-v-fb861366]{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-2[data-v-fb861366]{grid-column:span 2}}@media(max-width:480px){.preset-grid[data-v-fb861366]{grid-template-columns:1fr}.config-content[data-v-fb861366]{padding:12px}.dialog-footer[data-v-fb861366]{flex-direction:column;gap:8px}.dialog-footer button[data-v-fb861366]{width:100%}}.config-content[data-v-fb861366]::-webkit-scrollbar{width:6px}.config-content[data-v-fb861366]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.config-content[data-v-fb861366]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.config-content[data-v-fb861366]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.form-row[data-v-fb861366]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.form-row[data-v-fb861366]:last-child{margin-bottom:0}.form-label[data-v-fb861366]{width:100px;font-size:12px;color:var(--color-text-regular, #e6e6e6);font-weight:500}.input-group[data-v-fb861366]{display:flex;flex-direction:column;gap:6px}.property-item[data-v-edac4c21]{display:flex;flex-direction:column;gap:8px;width:100%}.property-row[data-v-edac4c21]{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.property-row.has-append[data-v-edac4c21]{grid-template-columns:auto 1fr auto}.property-row label[data-v-edac4c21]{flex:0 0 auto;white-space:nowrap}.control[data-v-edac4c21]{flex:1;width:100%}.control[data-v-edac4c21] .input{width:100%;min-height:var(--form-control-height, 40px)}.append[data-v-edac4c21]{flex:0 0 auto}.property-row[data-v-edac4c21] .input,.property-item[data-v-edac4c21] .input{width:100%}.canvas-config[data-v-8f92318d]{height:100%}.grid[data-v-8f92318d]{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start;align-content:start;grid-auto-flow:row;grid-auto-rows:minmax(0,auto)}.config-group[data-v-8f92318d]{border:1px solid #2a3f5f;border-radius:6px;background:linear-gradient(135deg,#1a2332e6,#0f1419f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,inset 0 1px #00d4ff1a}.section-header[data-v-8f92318d]{padding:12px 16px;background:#1a2332b3;border-bottom:1px solid #3d5a85}.section-header h4[data-v-8f92318d]{margin:0;font-size:14px;font-weight:600;color:#00d4ff}.section-content[data-v-8f92318d]{padding:12px;display:flex;flex-direction:column;gap:8px}.property-label[data-v-8f92318d]{display:flex;align-items:center;gap:8px;font-size:12px;color:#a8c5e0;cursor:pointer;user-select:none}.property-label input[type=checkbox][data-v-8f92318d]{width:14px;height:14px;accent-color:#00d4ff}.grid-options[data-v-8f92318d]{margin-left:16px;padding-left:var(--form-padding-x, 16px);border-left:var(--form-border-width, 2px) solid var(--form-border-color, #2a3f5f);display:flex;flex-direction:column;gap:8px}.grid-type-selector[data-v-8f92318d]{display:flex;gap:8px;flex:1}.grid-type-btn[data-v-8f92318d]{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--form-padding-y, 8px) var(--form-padding-x, 8px);border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);border-radius:var(--form-radius, 6px);background:var(--gradient-button-default, linear-gradient(135deg, rgba(45, 45, 45, .8) 0%, rgba(26, 26, 26, .9) 100%));color:#e8f4fd;font-size:11px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1)}.grid-type-btn[data-v-8f92318d]:hover{border-color:#00d4ff;color:#00d4ff;transform:translateY(-1px);box-shadow:var(--shadow-button-hover, 0 4px 15px rgba(64, 158, 255, .2))}.grid-type-btn.active[data-v-8f92318d]{border-color:#00d4ff;background:var(--gradient-button-active, linear-gradient(135deg, #409eff 0%, #67c23a 100%));color:#fff}.grid-preview[data-v-8f92318d]{width:24px;height:24px;border:var(--form-border-width, 1px) solid var(--form-border-color, #3d5a85);border-radius:var(--form-radius, 4px);background-color:#0a0e1a}.grid-lines[data-v-8f92318d]{background-image:linear-gradient(to right,#6b8db5 1px,transparent 1px),linear-gradient(to bottom,#6b8db5 1px,transparent 1px);background-size:6px 6px}.grid-dots[data-v-8f92318d]{background-image:radial-gradient(circle,#6b8db5 1px,transparent 1px);background-size:6px 6px}.grid-type-btn.active .grid-lines[data-v-8f92318d]{background-image:linear-gradient(to right,#00d4ff 1px,transparent 1px),linear-gradient(to bottom,#00d4ff 1px,transparent 1px)}.grid-type-btn.active .grid-dots[data-v-8f92318d]{background-image:radial-gradient(circle,#00d4ff 1px,transparent 1px)}.group-grid[data-v-8f92318d]{grid-column:1/span 6}.group-ruler[data-v-8f92318d]{grid-column:7/span 6}.group-background[data-v-8f92318d]{grid-column:1/-1;grid-row:1}@media(max-width:900px){.grid[data-v-8f92318d]{grid-template-columns:1fr}.group-grid[data-v-8f92318d],.group-ruler[data-v-8f92318d],.group-background[data-v-8f92318d]{grid-column:1/-1}}.bg-grid[data-v-8f92318d]{display:grid;grid-template-columns:400px 1fr;gap:8px;align-items:start;grid-auto-flow:row dense}@media(max-width:900px){.bg-grid[data-v-8f92318d]{grid-template-columns:1fr}}.group-background[data-v-8f92318d] .bg-grid :deep(.property-item){grid-column:auto}.bg-grid>.property-row[data-v-8f92318d]:first-child{grid-column:1;grid-template-columns:1fr;padding:8px}.bg-grid>.property-item[data-v-8f92318d]:not(:first-child){grid-column:2}.bg-actions[data-v-8f92318d]{grid-column:1/-1;display:flex;justify-content:flex-end}.group-background[data-v-8f92318d] .color-input-wrapper{width:fit-content}.group-background[data-v-8f92318d] .color-picker{width:100%}.section-content[data-v-8f92318d]{overflow:visible}.graphql-adapter-config[data-v-6cd88c8b]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-6cd88c8b]{display:flex;flex-direction:column;gap:8px}.form-grid-2[data-v-6cd88c8b]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label[data-v-6cd88c8b]{font-size:14px;font-weight:500;color:#b8c5d1}.path-callout[data-v-6cd88c8b]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(64,158,255,.3);border-radius:8px;background:linear-gradient(180deg,#409eff0f,#409eff08)}.path-hint[data-v-6cd88c8b]{font-size:12px;color:#8a9ba8;margin-top:4px}.mock-adapter-config[data-v-c2c1dff6]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-c2c1dff6]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-c2c1dff6]{font-size:14px;font-weight:500;color:#b8c5d1}.form-grid-2[data-v-c2c1dff6]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.path-callout[data-v-c2c1dff6]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(64,158,255,.3);border-radius:8px;background:linear-gradient(180deg,#409eff0f,#409eff08)}.path-hint[data-v-c2c1dff6]{font-size:12px;color:#8a9ba8;margin-top:4px}.rest-adapter-config[data-v-fe07df8c]{display:flex;flex-direction:column;gap:20px}.path-callout[data-v-fe07df8c]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(64,158,255,.3);border-radius:8px;background:linear-gradient(180deg,#409eff0f,#409eff08)}.form-group[data-v-fe07df8c]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-fe07df8c]{font-size:14px;font-weight:500;color:#b8c5d1}.form-input[data-v-fe07df8c],.form-select[data-v-fe07df8c],.form-textarea[data-v-fe07df8c]{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e1e5e9;font-size:14px;transition:all .3s ease}.form-input[data-v-fe07df8c]:focus,.form-select[data-v-fe07df8c]:focus,.form-textarea[data-v-fe07df8c]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.form-textarea[data-v-fe07df8c]{resize:vertical;min-height:100px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.headers-editor[data-v-fe07df8c]{display:flex;flex-direction:column;gap:8px}.header-item[data-v-fe07df8c]{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.header-key[data-v-fe07df8c]{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.btn-icon[data-v-fe07df8c]{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#e1e5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-icon[data-v-fe07df8c]:hover{background:#ffffff26;transform:translateY(-1px)}.btn-icon.btn-danger[data-v-fe07df8c]{background:#f4433633;color:#f44336}.btn-icon.btn-danger[data-v-fe07df8c]:hover{background:#f443364d}.btn-add-header[data-v-fe07df8c]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e1e5e9;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-add-header[data-v-fe07df8c]:hover{background:#ffffff26;transform:translateY(-1px)}.body-format-hint[data-v-fe07df8c],.path-hint[data-v-fe07df8c]{font-size:12px;color:#8a9ba8;margin-top:4px}.checkbox-label[data-v-fe07df8c]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-text[data-v-fe07df8c]{font-size:14px;color:#e1e5e9}@media(max-width:768px){.header-item[data-v-fe07df8c]{grid-template-columns:1fr;gap:6px}.form-group[data-v-fe07df8c]{gap:6px}}.websocket-adapter-config[data-v-ba14935a]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-ba14935a]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-ba14935a]{font-size:14px;font-weight:500;color:#b8c5d1}.path-callout[data-v-ba14935a]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(64,158,255,.3);border-radius:8px;background:linear-gradient(180deg,#409eff0f,#409eff08)}.path-hint[data-v-ba14935a]{font-size:12px;color:#8a9ba8;margin-top:4px}.dialog-backdrop[data-v-d6345909]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.dialog[data-v-d6345909]{width:600px;max-width:90vw;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden}.dialog-header[data-v-d6345909]{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.dialog-body[data-v-d6345909]{padding:16px}.form-group[data-v-d6345909]{margin-bottom:16px}.dialog-footer[data-v-d6345909]{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}.btn-primary[data-v-d6345909],.btn-secondary[data-v-d6345909]{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.btn-primary[data-v-d6345909]{border:1px solid rgba(64,158,255,.3);background:linear-gradient(180deg,#409eff26,#409eff0f);color:#eaf9ff}.btn-secondary[data-v-d6345909]{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);color:var(--color-text-regular, #e6e6e6)}.modal-overlay[data-v-f1d58d99]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.modal-content[data-v-f1d58d99]{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid rgba(255,255,255,.2);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header[data-v-f1d58d99]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3[data-v-f1d58d99]{margin:0;font-size:18px;font-weight:600;color:#e1e5e9}.btn-close[data-v-f1d58d99]{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#e1e5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close[data-v-f1d58d99]:hover{background:#ffffff26;transform:rotate(90deg)}.modal-body[data-v-f1d58d99]{padding:24px}.modal-footer[data-v-f1d58d99]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.form-group[data-v-f1d58d99]{margin-bottom:20px}.form-label[data-v-f1d58d99]{display:block;font-size:14px;color:#b8c5d1;margin-bottom:8px;font-weight:500}.btn-primary[data-v-f1d58d99],.btn-secondary[data-v-f1d58d99]{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.btn-primary[data-v-f1d58d99]{border:1px solid rgba(64,158,255,.4);background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.btn-secondary[data-v-f1d58d99]{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--color-text-regular, #e6e6e6)}.modal-overlay[data-v-276b5280]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.modal-content[data-v-276b5280]{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid rgba(255,255,255,.2);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header[data-v-276b5280]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3[data-v-276b5280]{margin:0;font-size:18px;font-weight:600;color:#e1e5e9}.btn-close[data-v-276b5280]{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#e1e5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close[data-v-276b5280]:hover{background:#ffffff26;transform:rotate(90deg)}.modal-body[data-v-276b5280]{padding:24px}.modal-footer[data-v-276b5280]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.form-group[data-v-276b5280]{margin-bottom:20px}.form-label[data-v-276b5280]{display:block;font-size:14px;color:#b8c5d1;margin-bottom:8px;font-weight:500}.btn-primary[data-v-276b5280],.btn-secondary[data-v-276b5280]{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.btn-primary[data-v-276b5280]{border:1px solid rgba(64,158,255,.4);background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.btn-secondary[data-v-276b5280]{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--color-text-regular, #e6e6e6)}.header-left[data-v-6d7f5843]{display:flex;align-items:center;gap:4px}.config-title[data-v-6d7f5843]{font-size:14px;font-weight:600;color:#e1e5e9;margin:0}.config-stats[data-v-6d7f5843]{display:flex;gap:4px}.stat-item[data-v-6d7f5843]{display:flex;align-items:center;gap:3px;font-size:11px}.stat-label[data-v-6d7f5843]{color:#8a9ba8}.stat-value[data-v-6d7f5843]{color:#00d4ff;font-weight:600}.header-actions[data-v-6d7f5843]{display:flex;gap:6px}.btn-primary[data-v-6d7f5843],.btn-secondary[data-v-6d7f5843]{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.btn-primary[data-v-6d7f5843]{border:1px solid rgba(64,158,255,.3);background:linear-gradient(180deg,#409eff26,#409eff0f);color:#eaf9ff}.btn-secondary[data-v-6d7f5843]{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);color:var(--color-text-regular, #e6e6e6)}.btn-large[data-v-6d7f5843]{height:28px;padding:0 14px;font-size:13px;border-radius:999px}.request-item[data-v-9622ff22]{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.request-item[data-v-9622ff22]:hover{background:#ffffff0d;transform:translateY(-1px)}.request-item.active[data-v-9622ff22]{background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d);border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.request-item.enabled[data-v-9622ff22]{border-left:3px solid #4caf50}.request-item.error[data-v-9622ff22]{border-left:3px solid #f44336}.request-status[data-v-9622ff22]{display:flex;align-items:center}.status-indicator[data-v-9622ff22]{width:8px;height:8px;border-radius:50%;background:#8a9ba8}.status-indicator.idle[data-v-9622ff22]{background:#8a9ba8}.status-indicator.loading[data-v-9622ff22]{background:#ff9800;animation:pulse-9622ff22 1.5s infinite}.status-indicator.success[data-v-9622ff22]{background:#4caf50}.status-indicator.error[data-v-9622ff22]{background:#f44336}.status-indicator.degraded[data-v-9622ff22]{background:#ff9800}@keyframes pulse-9622ff22{0%,to{opacity:1}50%{opacity:.5}}.request-info[data-v-9622ff22]{flex:1;min-width:0}.request-name[data-v-9622ff22]{font-size:14px;font-weight:500;color:#e1e5e9;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-details[data-v-9622ff22]{display:flex;gap:8px;font-size:12px;color:#8a9ba8}.request-adapter[data-v-9622ff22],.request-update-mode[data-v-9622ff22]{background:#ffffff0d;padding:2px 6px;border-radius:4px;font-size:11px}.request-actions[data-v-9622ff22]{display:flex;gap:4px}.btn-icon[data-v-9622ff22]{width:32px;height:32px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border-radius:999px;color:#a8c5e0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon.btn-active[data-v-9622ff22]{border-color:#409eff66;background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.btn-icon.btn-danger[data-v-9622ff22]{border-color:#f443364d;background:linear-gradient(180deg,#f443361a,#f443360d);color:#f44336}.request-list-panel[data-v-c1183714]{background:#ffffff05;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.panel-header[data-v-c1183714]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-title[data-v-c1183714]{font-size:16px;font-weight:600;color:#e1e5e9;margin:0}.panel-actions[data-v-c1183714]{display:flex;gap:8px}.request-list[data-v-c1183714]{flex:1;overflow-y:auto;padding:8px}.empty-state[data-v-c1183714]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#8a9ba8}.btn-primary[data-v-c1183714],.btn-small[data-v-c1183714]{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.btn-primary[data-v-c1183714]{border:1px solid rgba(64,158,255,.4);background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.btn-small[data-v-c1183714]{height:28px;padding:0 10px;font-size:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--color-text-regular, #e6e6e6)}.btn-active[data-v-c1183714]{border:1px solid rgba(64,158,255,.4);background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.form-section[data-v-b3da6785]{margin-bottom:32px}.form-section-title[data-v-b3da6785]{font-size:16px;font-weight:600;color:#e1e5e9;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.form-group[data-v-b3da6785]{margin-bottom:20px}.form-label[data-v-b3da6785]{display:block;font-size:14px;color:#b8c5d1;margin-bottom:8px;font-weight:500}.error-banner[data-v-31e0a5d3]{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #ff4d4f;background:#fff1f0;color:#a8071a;border-radius:6px}.error-text[data-v-31e0a5d3]{font-weight:600}.error-details[data-v-31e0a5d3]{opacity:.8}.error-retry[data-v-31e0a5d3]{margin-left:auto;padding:6px 10px;border:1px solid #ff4d4f;background:#fff;color:#a8071a;border-radius:4px;cursor:pointer}.error-retry[data-v-31e0a5d3]:hover{background:#ffecec}.empty[data-v-31e0a5d3]{display:none}.validation-banner[data-v-df0c6a99]{margin:8px 0;padding:8px 12px;border:1px dashed #e67e22;border-radius:6px;background:#e67e221a}.validation-title[data-v-df0c6a99]{font-size:12px;color:#e67e22;margin-bottom:6px}.missing-chip[data-v-df0c6a99]{display:inline-block;background:#e67e2233;color:#e67e22;padding:2px 8px;border-radius:12px;margin-right:6px;font-size:12px}.mapping-preview[data-v-df0c6a99]{margin-top:12px;background:#ffffff08;border-radius:8px;padding:12px}.preview-title[data-v-df0c6a99]{font-size:12px;color:#9aa7b2;margin-bottom:8px}.preview-grid[data-v-df0c6a99]{display:flex;flex-direction:column;gap:6px}.preview-row[data-v-df0c6a99]{display:flex;align-items:center;gap:8px}.preview-target[data-v-df0c6a99]{min-width:120px;font-weight:600;color:#e6e6e6}.preview-arrow[data-v-df0c6a99]{color:#9aa7b2}.preview-value[data-v-df0c6a99]{color:#d9e2ec}.form-section[data-v-b3c43e28]{margin-bottom:32px}.form-section-title[data-v-b3c43e28]{font-size:16px;font-weight:600;color:#e1e5e9;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.form-group[data-v-b3c43e28]{margin-bottom:20px}.form-label[data-v-b3c43e28]{display:block;font-size:14px;color:#b8c5d1;margin-bottom:8px;font-weight:500}.form-section[data-v-32dadef4]{margin-bottom:24px}.form-section-title[data-v-32dadef4]{font-size:14px;font-weight:600;color:#e1e5e9;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.form-group[data-v-32dadef4]{margin-bottom:16px}.form-label[data-v-32dadef4]{display:block;font-size:13px;color:#b8c5d1;margin-bottom:6px;font-weight:500}.form-section[data-v-fefdfc88]{margin-bottom:32px}.form-section-title[data-v-fefdfc88]{font-size:16px;font-weight:600;color:#e1e5e9;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.form-group[data-v-fefdfc88]{margin-bottom:20px}.form-label[data-v-fefdfc88]{display:block;font-size:14px;color:#b8c5d1;margin-bottom:8px;font-weight:500}.hint[data-v-fefdfc88]{font-size:12px;color:#8a9ba8}.data-table[data-v-3850cf25]{overflow-x:auto}.data-table table[data-v-3850cf25]{width:100%;border-collapse:collapse;font-size:13px}.data-table th[data-v-3850cf25],.data-table td[data-v-3850cf25]{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.data-table th[data-v-3850cf25]{background:#ffffff0d;font-weight:600;color:#b8c5d1}.data-table td[data-v-3850cf25]{color:#e1e5e9}.empty[data-v-3850cf25]{color:#8a9ba8;font-size:13px}.data-json[data-v-3de61ec6]{background:#00000080;border-radius:6px;padding:16px;overflow-x:auto}.data-json pre[data-v-3de61ec6]{margin:0;color:#00d4ff;font-size:12px;line-height:1.5;white-space:pre-wrap}.row[data-v-aa45ba88]{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.label[data-v-aa45ba88]{font-size:12px;color:#9aa7b2}.code-editor[data-v-aa45ba88]{display:flex;flex-direction:column;gap:6px}.editor-toolbar[data-v-aa45ba88]{display:flex;align-items:center;justify-content:space-between}.toolbar-left[data-v-aa45ba88]{display:inline-flex;align-items:center;gap:8px}.toolbar-right[data-v-aa45ba88]{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px}.toolbar-label[data-v-aa45ba88]{font-size:12px;color:#94a3b8}.toolbar-input[data-v-aa45ba88]{width:56px;height:24px;font-size:12px}.switch[data-v-aa45ba88]{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.textarea[data-v-aa45ba88]{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#0b1220;color:#e2e8f0;border:1px solid #1e293b;border-radius:6px;padding:10px 12px;outline:none;resize:vertical}.textarea[data-v-aa45ba88]:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840}.actions[data-v-aa45ba88]{flex-direction:row;align-items:center;gap:8px}.preview[data-v-aa45ba88]{background:#0f172a;color:#e2e8f0;padding:8px;border-radius:6px;max-height:240px;overflow:auto;border:1px solid #1e293b}.preview.error[data-v-aa45ba88]{color:#ff6b6b}.btn-primary[data-v-aa45ba88],.btn-secondary[data-v-aa45ba88]{font-size:12px;padding:4px 8px}.stat[data-v-aa45ba88]{padding:2px 6px;background:#0f172a;border:1px solid #1e293b;border-radius:4px}.registry-settings[data-v-1c0e3d59]{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px;padding:8px 0;align-items:center}.settings-item[data-v-1c0e3d59]{display:flex;flex-direction:column;gap:6px}.settings-label[data-v-1c0e3d59]{font-size:12px;color:#9aa7b2}.preset-actions[data-v-1c0e3d59]{display:flex;gap:6px}.enhanced-request-config[data-v-1c0e3d59]{--density-font-size: 12px;--density-padding: 4px;--density-gap: 4px;--density-input-height: 24px}.config-detail-panel[data-v-1c0e3d59]{padding:var(--density-padding)}.panel-header[data-v-1c0e3d59]{display:flex;align-items:center;justify-content:space-between;gap:var(--density-gap);padding-bottom:var(--density-padding)}.panel-title[data-v-1c0e3d59]{font-size:calc(var(--density-font-size) + 2px);margin:0}.panel-actions .btn-primary[data-v-1c0e3d59]{display:inline-flex;align-items:center;gap:6px;padding:var(--density-padding) calc(var(--density-padding) + 4px);font-size:var(--density-font-size)}.config-tabs[data-v-1c0e3d59]{display:flex;flex-direction:column;gap:var(--density-gap)}.tab-header[data-v-1c0e3d59]{display:flex;flex-wrap:wrap;gap:var(--density-gap)}.tab-button[data-v-1c0e3d59]{padding:var(--density-padding) calc(var(--density-padding) + 4px);font-size:var(--density-font-size)}.tab-button.active[data-v-1c0e3d59]{font-weight:600}.tab-content[data-v-1c0e3d59]{padding:var(--density-padding)}[data-v-1c0e3d59] input,[data-v-1c0e3d59] select,[data-v-1c0e3d59] textarea{font-size:var(--density-font-size);padding:4px 8px;height:var(--density-input-height)}[data-v-1c0e3d59] textarea{min-height:calc(var(--density-input-height) * 2)}[data-v-1c0e3d59] .form-item,[data-v-1c0e3d59] .field,[data-v-1c0e3d59] .control,[data-v-1c0e3d59] .row{margin-bottom:var(--density-gap)}[data-v-1c0e3d59] .list-item,[data-v-1c0e3d59] .request-item,[data-v-1c0e3d59] .section,[data-v-1c0e3d59] .card,[data-v-1c0e3d59] .panel{padding:var(--density-padding)}.events-config[data-v-abc14ff0],.events-editor[data-v-abc14ff0]{display:flex;flex-direction:column;gap:12px}.toolbar[data-v-abc14ff0]{display:flex;justify-content:space-between;align-items:center}.toolbar .left[data-v-abc14ff0],.toolbar .right[data-v-abc14ff0]{display:flex;align-items:center;gap:8px}.btn[data-v-abc14ff0]{height:28px;padding:0 12px;border:1px solid #3a4757;background:#27303a;color:#cfe6ff;border-radius:6px}.btn-primary[data-v-abc14ff0]{border-color:#2a5a6e;background:#1f2e3a;color:#bfe9ff}.btn-danger[data-v-abc14ff0]{border-color:#6e2a2a;background:#3a2727;color:#ffd6d6}.btn[disabled][data-v-abc14ff0]{opacity:.5;cursor:not-allowed}.list[data-v-abc14ff0]{display:flex;flex-direction:column;gap:12px}.row-card[data-v-abc14ff0]{border:1px solid #3a4757;border-radius:8px;background:#1e262f;padding:10px;display:flex;flex-direction:column;gap:8px}.row-card[data-v-abc14ff0]:hover{box-shadow:0 6px 18px #00000040}.row[data-v-abc14ff0]{display:grid;grid-template-columns:180px 180px 220px 1fr;gap:12px;align-items:start}.row-bottom[data-v-abc14ff0]{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:start}.field[data-v-abc14ff0]{display:flex;flex-direction:column;gap:8px}.inline[data-v-abc14ff0]{display:inline-flex;align-items:center;gap:8px}.label[data-v-abc14ff0]{font-size:12px;color:#9fb1c4}.params[data-v-abc14ff0]{min-height:200px}.actions[data-v-abc14ff0]{display:flex;align-items:center;justify-content:flex-end}.btn.large[data-v-abc14ff0]{height:32px;padding:0 14px;display:inline-flex;gap:6px;align-items:center}.field.invalid[data-v-abc14ff0] .input,.field.invalid[data-v-abc14ff0] .native-input{border-color:#ff8a8a!important;box-shadow:0 0 0 2px #ff8a8a26}.errors[data-v-abc14ff0]{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.error[data-v-abc14ff0]{font-size:12px;color:#ffb4b4}.overview[data-v-abc14ff0]{display:flex;flex-direction:column;gap:12px}.summary[data-v-abc14ff0]{font-size:13px;color:#aeb8c2}.overview-list[data-v-abc14ff0]{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow:auto}.ov-row[data-v-abc14ff0]{border:1px solid #3a4757;border-radius:8px;padding:8px;background:#1e262f}.ov-head[data-v-abc14ff0]{display:flex;align-items:center;gap:8px;color:#cfe6ff}.ov-name[data-v-abc14ff0]{font-weight:500}.ov-id[data-v-abc14ff0]{font-size:12px;color:#9fb1c4}.ov-count[data-v-abc14ff0]{margin-left:auto;font-size:12px;color:#9fb1c4}.ov-events[data-v-abc14ff0]{display:flex;flex-direction:column;gap:6px;margin-top:6px}.ov-event[data-v-abc14ff0]{display:grid;grid-template-columns:120px 140px 1fr;gap:8px;font-size:12px;color:#bcd0e4}.ov-type[data-v-abc14ff0]{color:#e0f2ff}.ov-action[data-v-abc14ff0]{color:#cde5ff}.ov-target[data-v-abc14ff0]{color:#b0c4d9}.ov-empty[data-v-abc14ff0]{font-size:12px;color:#8fa1b5;margin-top:6px}@media(max-width:900px){.row[data-v-abc14ff0]{grid-template-columns:1fr}.params[data-v-abc14ff0]{grid-column:1 / -1}.actions[data-v-abc14ff0]{justify-content:flex-start}}.export-dialog[data-v-b5787c54]{display:flex;flex-direction:column;gap:12px;height:100%}.export-mode[data-v-b5787c54]{display:flex;justify-content:flex-start}.export-types[data-v-b5787c54]{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;row-gap:10px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a}.type-btn[data-v-b5787c54]{height:30px;padding:0 12px;min-width:110px;text-align:center;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--color-text-regular, #e6e6e6);cursor:pointer}.type-btn.active[data-v-b5787c54]{border-color:#409eff66;color:#eaf9ff;background:linear-gradient(180deg,#409eff38,#409eff1a)}.actions[data-v-b5787c54]{display:flex;gap:8px;justify-content:flex-end}.view-toggle[data-v-b5787c54]{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary, #a8c5e0)}.content[data-v-b5787c54]{overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#00000040}pre[data-v-b5787c54]{margin:0;padding:12px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.6}.hint[data-v-b5787c54]{margin:0;font-size:12px;color:var(--color-text-secondary, #a8c5e0)}@keyframes spin-cd056aae{to{transform:rotate(360deg)}}.auth-container[data-v-a187ff69]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);position:relative;overflow:hidden}.auth-container[data-v-a187ff69]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);filter:blur(60px);z-index:1}.auth-card[data-v-a187ff69]{position:relative;z-index:2;width:100%;max-width:440px;padding:48px;background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px #00000040,inset 0 1px #ffffff1a;animation:cardFloat-a187ff69 6s ease-in-out infinite}@keyframes cardFloat-a187ff69{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header[data-v-a187ff69]{text-align:center;margin-bottom:32px}.auth-icon[data-v-a187ff69]{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 32px #667eea66}.auth-icon svg[data-v-a187ff69]{width:32px;height:32px;color:#fff}.auth-title[data-v-a187ff69]{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle[data-v-a187ff69]{font-size:16px;color:#ffffffb3;margin:0}.auth-tabs[data-v-a187ff69]{margin-bottom:32px;display:flex;justify-content:center}.auth-tabs[data-v-a187ff69] .option-group{background:#ffffff0d;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.auth-tabs[data-v-a187ff69] .option-visual{padding:12px 24px;font-size:14px;font-weight:500}.auth-form[data-v-a187ff69]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-a187ff69]{position:relative}.form-label[data-v-a187ff69]{display:block;font-size:14px;font-weight:500;color:#ffffffe6;margin-bottom:8px}.form-group[data-v-a187ff69] .input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;font-size:16px;color:#fff;transition:all .3s ease}.form-group[data-v-a187ff69] .input:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;background:#ffffff1f}.form-group[data-v-a187ff69] .input:hover{border-color:#ffffff40}.input-error[data-v-a187ff69] .input{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.error-message[data-v-a187ff69]{color:#ff6b6b;font-size:13px;margin-top:6px;font-weight:500}.auth-messages[data-v-a187ff69]{min-height:48px;display:flex;align-items:center;justify-content:center}.success-message[data-v-a187ff69]{display:flex;align-items:center;gap:8px;color:#2ecc71;font-size:14px;font-weight:500;background:#2ecc711a;padding:12px 16px;border-radius:8px;border:1px solid rgba(46,204,113,.2)}.success-message svg[data-v-a187ff69]{width:16px;height:16px;flex-shrink:0}.error-detail[data-v-a187ff69]{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:8px;padding:12px 16px;width:100%}.error-title[data-v-a187ff69]{color:#ff6b6b;font-size:13px;font-weight:600;margin-bottom:4px}.error-desc[data-v-a187ff69]{color:#ffffffe6;font-size:13px;margin-bottom:4px}.error-request[data-v-a187ff69]{color:#ffffffb3;font-size:12px;margin-bottom:8px}.error-details[data-v-a187ff69]{background:#0000004d;padding:8px 12px;border-radius:4px;font-size:11px;color:#fffc;margin:0;overflow-x:auto}.submit-btn[data-v-a187ff69]{width:100%;height:56px;font-size:16px;font-weight:600;border-radius:12px;margin-top:8px;transition:all .3s ease;box-shadow:0 8px 32px #667eea4d}.submit-btn[data-v-a187ff69]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.submit-btn[data-v-a187ff69]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:480px){.auth-card[data-v-a187ff69]{padding:32px 24px;margin:16px}.auth-title[data-v-a187ff69]{font-size:28px}.auth-icon[data-v-a187ff69]{width:56px;height:56px}.submit-btn[data-v-a187ff69]{height:52px}}@keyframes pulse-a187ff69{0%,to{opacity:1}50%{opacity:.5}}.loading[data-v-a187ff69]{animation:pulse-a187ff69 2s cubic-bezier(.4,0,.6,1) infinite}.template-dialog-enhanced[data-v-5971f388]{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden}.dialog-header[data-v-5971f388]{display:flex;justify-content:space-between;align-items:center}.search-section[data-v-5971f388]{display:flex;gap:16px;align-items:center;flex:1}.search-input[data-v-5971f388]{position:relative;flex:1;max-width:300px}.search-icon[data-v-5971f388]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.search-field[data-v-5971f388]{width:100%;padding:10px 12px 10px 40px;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:14px;transition:all .3s ease}.search-field[data-v-5971f388]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-controls[data-v-5971f388]{display:flex;gap:12px}.filter-select[data-v-5971f388]{padding:8px 12px;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e2e8f0;font-size:13px;cursor:pointer}.view-controls[data-v-5971f388]{display:flex;gap:4px;padding:4px}.view-btn[data-v-5971f388]{padding:8px;background:transparent;border:none;color:#64748b;border-radius:6px;cursor:pointer;transition:all .3s ease}.view-btn.active[data-v-5971f388]{background:#3b82f6;color:#fff}.loading-container[data-v-5971f388]{flex:1;padding:20px;overflow-y:auto}.loading-grid[data-v-5971f388]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.template-card-skeleton[data-v-5971f388]{background:#1e293b80;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.skeleton-thumbnail[data-v-5971f388]{height:160px;background:linear-gradient(90deg,#1e293b,#334155,#1e293b);background-size:200% 100%;animation:shimmer-5971f388 1.5s infinite}.skeleton-content[data-v-5971f388]{padding:16px}.skeleton-title[data-v-5971f388]{height:20px;width:60%;background:#334155;border-radius:4px;margin-bottom:8px;animation:shimmer-5971f388 1.5s infinite}.skeleton-desc[data-v-5971f388]{height:14px;width:80%;background:#334155;border-radius:4px;margin-bottom:12px;animation:shimmer-5971f388 1.5s infinite}.skeleton-meta[data-v-5971f388]{height:12px;width:40%;background:#334155;border-radius:4px;animation:shimmer-5971f388 1.5s infinite}.dialog-content[data-v-5971f388]{flex:1;padding:20px;overflow-y:auto}.template-group[data-v-5971f388]{margin-bottom:32px}.group-title[data-v-5971f388]{font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.template-grid[data-v-5971f388]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-items:stretch;grid-auto-rows:1fr}.template-grid.compact[data-v-5971f388]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:stretch;grid-auto-rows:1fr}.template-card[data-v-5971f388]{background:#1e293b80;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%}.template-card[data-v-5971f388]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d;border-color:#3b82f64d}.card-image[data-v-5971f388]{position:relative;height:140px;overflow:hidden;grid-column:1}.card-image.compact[data-v-5971f388]{height:120px}.thumbnail[data-v-5971f388]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.template-card:hover .thumbnail[data-v-5971f388]{transform:scale(1.05)}.thumbnail-placeholder[data-v-5971f388]{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center}.placeholder-icon[data-v-5971f388]{font-size:48px;opacity:.6}.card-overlay[data-v-5971f388]{position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6e6,#9333eae6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.template-card:hover .card-overlay[data-v-5971f388]{opacity:1}.overlay-actions[data-v-5971f388]{display:flex;gap:8px}.overlay-btn[data-v-5971f388]{padding:8px;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.overlay-btn[data-v-5971f388]:hover{background:#ffffff4d;transform:scale(1.1)}.overlay-btn.active[data-v-5971f388]{background:#ef4444cc}.overlay-actions[data-v-5971f388] .btn-ghost{background:#00000061;color:#fff;border-color:#ffffff59}.overlay-actions[data-v-5971f388] .btn-ghost:hover{background:#00000085;transform:scale(1.06)}.card-content[data-v-5971f388]{padding:12px;grid-column:1;display:flex;flex-direction:column;gap:8px}.card-content.compact[data-v-5971f388]{padding:10px}.card-title[data-v-5971f388]{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:6px;line-height:1.25}.card-description[data-v-5971f388]{font-size:12px;color:#94a3b8;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-5971f388]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.update-time[data-v-5971f388]{font-size:11px;color:#64748b}.card-tags[data-v-5971f388]{display:flex;gap:4px}.tag[data-v-5971f388]{padding:2px 6px;background:#3b82f633;color:#3b82f6;font-size:10px;border-radius:4px;font-weight:500}.author[data-v-5971f388],.list-item-author[data-v-5971f388]{font-size:12px;color:#a8c5e0}.card-actions[data-v-5971f388]{padding:12px;grid-column:1;align-self:stretch;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1);background:#14181c59}.apply-btn[data-v-5971f388]{width:100%;padding:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px}.apply-btn[data-v-5971f388]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #3b82f64d}.apply-btn[data-v-5971f388]:disabled{opacity:.6;cursor:not-allowed}.btn-spinner[data-v-5971f388]{width:14px;height:14px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin-5971f388 .8s linear infinite}.template-list[data-v-5971f388]{display:flex;flex-direction:column;gap:12px}.template-list-item[data-v-5971f388]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px;background:#1e293b8c;border-radius:16px;border:1px solid rgba(255,255,255,.12);transition:all .25s ease;backdrop-filter:blur(8px)}.template-list-item[data-v-5971f388]:hover{background:#1e293bad;border-color:#3b82f659;box-shadow:0 12px 24px #00000047}.template-list-item.favorite[data-v-5971f388]{border-color:#ef444459}.list-item-image[data-v-5971f388]{flex-shrink:0}.list-thumbnail[data-v-5971f388]{width:96px;height:72px;object-fit:cover;border-radius:10px;box-shadow:0 6px 18px #00000040}.list-item-image.compact .list-thumbnail[data-v-5971f388]{width:80px;height:60px}.list-thumbnail-placeholder[data-v-5971f388]{width:96px;height:72px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:10px;display:flex;align-items:center;justify-content:center}.list-placeholder-icon[data-v-5971f388]{font-size:24px;opacity:.6}.list-item-content[data-v-5971f388]{flex:1;min-width:0}.list-item-header[data-v-5971f388]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.list-item-title[data-v-5971f388]{font-size:16px;font-weight:700;color:#f1f5f9;letter-spacing:.2px}.favorite-mark[data-v-5971f388]{margin-left:6px;color:#ef4444;font-size:14px}.list-item-meta[data-v-5971f388]{display:inline-flex;align-items:center;gap:8px}.list-item-date[data-v-5971f388]{font-size:12px;color:#64748b;background:#64748b26;padding:2px 6px;border-radius:999px}.list-item-author[data-v-5971f388]{font-size:12px;color:#a8c5e0;background:#a8c5e01f;padding:2px 6px;border-radius:999px}.list-item-popularity[data-v-5971f388]{font-size:12px;color:#f59e0b;background:#f59e0b1f;padding:2px 6px;border-radius:999px}.list-item-description[data-v-5971f388]{font-size:12px;color:#94a3b8;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-item-tags[data-v-5971f388]{display:flex;gap:6px;flex-wrap:wrap}.list-tag[data-v-5971f388]{padding:2px 6px;background:#3b82f633;color:#3b82f6;font-size:10px;border-radius:4px;font-weight:500}.list-item-actions[data-v-5971f388]{display:flex;align-items:center;gap:10px}.list-item-actions[data-v-5971f388] .btn-ghost{border-color:#ffffff2e}.list-item-actions[data-v-5971f388] .btn-primary{box-shadow:0 8px 24px #3b82f647}.list-action-btn[data-v-5971f388]{padding:6px;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .3s ease}.list-action-btn[data-v-5971f388]:hover{background:#3b82f633;color:#3b82f6;border-color:#3b82f64d}.list-action-btn.active[data-v-5971f388]{background:#ef444433;color:#ef4444;border-color:#ef44444d}.list-apply-btn[data-v-5971f388]{padding:6px 10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.list-apply-btn[data-v-5971f388]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.list-apply-btn[data-v-5971f388]:disabled{opacity:.6;cursor:not-allowed}.empty-state[data-v-5971f388]{text-align:center;padding:60px 20px}.empty-icon[data-v-5971f388]{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3[data-v-5971f388]{font-size:18px;color:#f1f5f9;margin-bottom:8px}.empty-state p[data-v-5971f388]{font-size:14px;color:#94a3b8}@keyframes shimmer-5971f388{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin-5971f388{to{transform:rotate(360deg)}}@media(max-width:768px){.dialog-header[data-v-5971f388]{flex-direction:column;gap:16px}.search-section[data-v-5971f388]{flex-direction:column;width:100%}.template-grid[data-v-5971f388]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.template-grid[data-v-5971f388]{grid-template-columns:1fr}.template-list-item[data-v-5971f388]{grid-template-columns:1fr;align-items:stretch}.list-item-actions[data-v-5971f388]{width:100%;justify-content:flex-end}}[data-v-8d2f7759]:host{display:block;width:100%;height:100%;overflow:hidden}.scale-container[data-v-8d2f7759]{width:100%;height:100%;position:relative;overflow:hidden}.template-preview-modal[data-v-dffa1aa6]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(10px)}.preview-container[data-v-dffa1aa6]{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;border:1px solid rgba(255,255,255,.1);width:90vw;height:90vh;max-width:1200px;max-height:800px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000080;animation:modalSlideIn-dffa1aa6 .3s ease}.preview-container.fullscreen[data-v-dffa1aa6]{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}@keyframes modalSlideIn-dffa1aa6{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-header[data-v-dffa1aa6]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#0f172acc;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-left[data-v-dffa1aa6]{flex:1;min-width:0}.template-title[data-v-dffa1aa6]{font-size:24px;font-weight:700;color:#f8fafc;margin-bottom:8px;line-height:1.2}.template-meta[data-v-dffa1aa6]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.category-tag[data-v-dffa1aa6]{padding:4px 8px;background:#3b82f633;color:#3b82f6;font-size:12px;font-weight:500;border-radius:4px}.update-time[data-v-dffa1aa6],.author[data-v-dffa1aa6]{font-size:13px;color:#94a3b8}.header-actions[data-v-dffa1aa6]{display:flex;align-items:center;gap:8px}.action-btn[data-v-dffa1aa6]{padding:8px;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-btn[data-v-dffa1aa6]:hover{background:#3b82f633;color:#3b82f6;border-color:#3b82f64d;transform:translateY(-1px)}.action-btn.active[data-v-dffa1aa6],.close-btn[data-v-dffa1aa6]:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.preview-content[data-v-dffa1aa6]{flex:1;overflow:hidden;display:flex;flex-direction:column}.preview-tabs[data-v-dffa1aa6]{display:flex;background:#0f172a99;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn[data-v-dffa1aa6]{padding:12px 20px;background:transparent;border:none;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent}.tab-btn[data-v-dffa1aa6]:hover{color:#e2e8f0;background:#1e293b80}.tab-btn.active[data-v-dffa1aa6]{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f61a}.preview-area[data-v-dffa1aa6]{flex:1;padding:24px}.runtime-container[data-v-dffa1aa6]{background:#0f172acc;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;max-width:1000px;margin:0 auto}.runtime-host[data-v-dffa1aa6]{width:100%;height:560px}.preview-mockup[data-v-dffa1aa6]{background:#0f172acc;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;max-width:1000px;margin:0 auto}.mockup-header[data-v-dffa1aa6]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1e293bcc;border-bottom:1px solid rgba(255,255,255,.1)}.mockup-title[data-v-dffa1aa6]{font-size:18px;font-weight:600;color:#f1f5f9}.mockup-time[data-v-dffa1aa6]{font-size:14px;color:#64748b;font-family:monospace}.mockup-content[data-v-dffa1aa6]{padding:24px}.chart-grid[data-v-dffa1aa6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.chart-item[data-v-dffa1aa6]{background:#1e293b80;border-radius:12px;padding:20px;border:2px solid;transition:all .3s ease}.chart-item[data-v-dffa1aa6]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.chart-header[data-v-dffa1aa6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-title[data-v-dffa1aa6]{font-size:14px;font-weight:500;color:#e2e8f0}.chart-indicator[data-v-dffa1aa6]{width:8px;height:8px;border-radius:50%;animation:pulse-dffa1aa6 2s infinite}@keyframes pulse-dffa1aa6{0%,to{opacity:1}50%{opacity:.5}}.chart-placeholder[data-v-dffa1aa6]{height:120px;display:flex;align-items:center;justify-content:center;background:#0f172a4d;border-radius:8px}.chart-icon[data-v-dffa1aa6]{font-size:48px;opacity:.7}.info-area[data-v-dffa1aa6]{flex:1;padding:24px;overflow-y:auto}.info-section[data-v-dffa1aa6]{margin-bottom:24px}.info-section h3[data-v-dffa1aa6]{font-size:16px;font-weight:600;color:#f1f5f9;margin-bottom:12px}.description[data-v-dffa1aa6]{font-size:14px;color:#94a3b8;line-height:1.6}.info-grid[data-v-dffa1aa6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.info-item[data-v-dffa1aa6]{display:flex;flex-direction:column;gap:4px;padding:12px;background:#1e293b80;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.info-label[data-v-dffa1aa6]{font-size:12px;color:#64748b;font-weight:500}.info-value[data-v-dffa1aa6]{font-size:14px;color:#e2e8f0;font-weight:500}.tag-list[data-v-dffa1aa6]{display:flex;flex-wrap:wrap;gap:8px}.info-tag[data-v-dffa1aa6]{padding:4px 8px;background:#3b82f633;color:#3b82f6;font-size:12px;font-weight:500;border-radius:4px}.schema-area[data-v-dffa1aa6]{flex:1;display:flex;flex-direction:column;overflow:hidden}.schema-header[data-v-dffa1aa6]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.1)}.schema-header h3[data-v-dffa1aa6]{font-size:16px;font-weight:600;color:#f1f5f9}.copy-btn[data-v-dffa1aa6]{padding:6px 12px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.copy-btn[data-v-dffa1aa6]:hover{background:#3b82f64d;transform:translateY(-1px)}.schema-content[data-v-dffa1aa6]{flex:1;padding:16px 24px;margin:0;background:#0f172a80;color:#e2e8f0;font-size:12px;line-height:1.5;overflow:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.preview-footer[data-v-dffa1aa6]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0f172acc;border-top:1px solid rgba(255,255,255,.1)}.footer-actions[data-v-dffa1aa6]{display:flex;gap:12px}.footer-btn[data-v-dffa1aa6]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px}.footer-btn.secondary[data-v-dffa1aa6]{background:#1e293bcc;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.footer-btn.secondary[data-v-dffa1aa6]:hover{background:#1e293b;color:#e2e8f0}.footer-btn.outline[data-v-dffa1aa6]{background:transparent;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.footer-btn.outline[data-v-dffa1aa6]:hover{background:#3b82f61a;border-color:#3b82f6}.footer-btn.primary[data-v-dffa1aa6]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.footer-btn.primary[data-v-dffa1aa6]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #3b82f64d}@media(max-width:768px){.preview-container[data-v-dffa1aa6]{width:95vw;height:95vh}.preview-header[data-v-dffa1aa6]{padding:16px 20px}.template-title[data-v-dffa1aa6]{font-size:20px}.template-meta[data-v-dffa1aa6]{gap:12px}.chart-grid[data-v-dffa1aa6]{grid-template-columns:1fr}.preview-footer[data-v-dffa1aa6]{flex-direction:column;gap:12px}.footer-actions[data-v-dffa1aa6]{width:100%;justify-content:flex-end}}@media(max-width:480px){.preview-header[data-v-dffa1aa6]{flex-direction:column;gap:16px;align-items:flex-start}.header-actions[data-v-dffa1aa6]{width:100%;justify-content:flex-end}.info-grid[data-v-dffa1aa6]{grid-template-columns:1fr}}@keyframes spin-9cf4fa0e{to{transform:rotate(360deg)}}.confirm-body[data-v-3a1a14b2]{display:flex;flex-direction:column;gap:16px}.message[data-v-3a1a14b2]{color:#cfe6ff;font-size:14px;margin:0}.actions[data-v-3a1a14b2]{display:flex;gap:10px;justify-content:flex-end}.btn[data-v-3a1a14b2]{height:30px;padding:0 14px;border:1px solid #3a4757;background:#27303a;color:#cfe6ff;border-radius:6px}.btn-primary[data-v-3a1a14b2]{border-color:#2a5a6e;background:#1f2e3a;color:#bfe9ff}.btn-warning[data-v-3a1a14b2]{border-color:#6e5a2a;background:#3a3227;color:#ffe3b3}@keyframes spin-d6005c24{to{transform:rotate(360deg)}}.logo-text[data-v-d3762448]{background:linear-gradient(45deg,#409eff,#67c23a,#409eff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGradientFlow-d3762448 3s ease-in-out infinite;transition:all .3s ease}.logo-text[data-v-d3762448]:hover{animation-duration:1.5s;transform:scale(1.05)}@keyframes logoGradientFlow-d3762448{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-center[data-v-d3762448]{display:flex;align-items:center}.action-buttons[data-v-d3762448]{display:flex;gap:8px}.action-btn[data-v-d3762448]{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--color-text-secondary, #a8c5e0);border-radius:999px;cursor:pointer;transition:all .2s ease}.action-btn[data-v-d3762448]:hover{border-color:#00d4ff73;color:var(--interactive-color, #409eff);transform:translateY(-1px);box-shadow:0 0 0 2px #409eff33 inset}.action-btn[data-v-d3762448]:active{transform:translateY(0) scale(.98);box-shadow:none}.action-btn[data-v-d3762448]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.action-btn svg[data-v-d3762448]{width:16px;height:16px;fill:currentColor;stroke:currentColor}.divider[data-v-d3762448]{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,rgba(64,158,255,.6) 50%,transparent 100%);margin:0 8px}.header-left[data-v-d3762448]{display:flex;align-items:center;gap:12px}.template-status[data-v-d3762448]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff14,#ffffff08);color:var(--color-text-secondary, #a8c5e0);border-radius:999px;font-size:12px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right[data-v-d3762448],.dropdown-group[data-v-d3762448]{display:flex;align-items:center;gap:10px}.dropdown[data-v-d3762448]{position:relative}.dropdown-menu[data-v-d3762448]{position:absolute;top:100%;left:0;min-width:190px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#14181ceb;backdrop-filter:blur(8px);box-shadow:var(--shadow-panel);padding:8px;z-index:200001;pointer-events:auto}.dropdown-menu.right[data-v-d3762448]{right:0;left:auto}.menu-item[data-v-d3762448]{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;background:transparent;color:var(--color-text-regular, #e6e6e6);border:none;cursor:pointer}.menu-item[data-v-d3762448]:hover{background:#ffffff14;color:var(--interactive-color, #409eff)}.header-right .secondary-btn[data-v-d3762448],.header-right .primary-btn[data-v-d3762448]{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font-size:13px}.header-right .secondary-btn[data-v-d3762448]{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--color-text-regular, #e6e6e6);transition:all .2s ease}.header-right .secondary-btn[data-v-d3762448]:hover{border-color:#00d4ff73;color:var(--interactive-color, #409eff);transform:translateY(-1px);box-shadow:0 0 0 2px #409eff33 inset}.header-right .primary-btn[data-v-d3762448]{border:1px solid rgba(64,158,255,.4);background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff;transition:all .2s ease}.header-right .primary-btn[data-v-d3762448]:hover{transform:translateY(-1px);box-shadow:0 0 16px #00d4ff38}.header-right .primary-btn svg[data-v-d3762448],.header-right .secondary-btn svg[data-v-d3762448]{width:16px;height:16px}.spinner[data-v-d3762448]{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin-d3762448 .8s linear infinite}@keyframes spin-d3762448{to{transform:rotate(360deg)}}.guides-overlay[data-v-0b9463aa]{position:absolute;inset:0;pointer-events:none;touch-action:none;z-index:10000}.guide-line[data-v-0b9463aa]{position:absolute;pointer-events:all;will-change:transform}.guide-vertical[data-v-0b9463aa]{width:4px;height:calc(100% - var(--ruler-offset-y));top:var(--ruler-offset-y);transform:translate(-1px);cursor:ew-resize}.guide-horizontal[data-v-0b9463aa]{height:4px;width:calc(100% - var(--ruler-offset-x));left:var(--ruler-offset-x);transform:translateY(-1px);cursor:ns-resize}.guide-vertical[data-v-0b9463aa]:after{content:"";position:absolute;left:1px;top:0;width:1px;height:100%;background:#0af;box-shadow:0 0 8px #0af9}.guide-horizontal[data-v-0b9463aa]:after{content:"";position:absolute;top:1px;left:0;height:1px;width:100%;background:#0af;box-shadow:0 0 8px #0af9}.guide-line[data-v-0b9463aa]:hover{background:#3bf}.guide-line.dragging[data-v-0b9463aa]{transition:none}.selection-box[data-v-ef472f0b]{position:absolute;border:1px dashed #409eff;background:#409eff1a;pointer-events:none;z-index:1000}.canvas-container.is-grabbing[data-v-ef472f0b]{cursor:grabbing}.canvas-container.is-grab[data-v-ef472f0b]{cursor:grab}.rotate-handle[data-v-3b2aba9c]{width:20px;height:20px;background:#66b3ff;border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:grab;box-shadow:0 1px 3px #0000004d;transition:all .2s ease}.rotate-handle.transforming[data-v-3b2aba9c]{transition:none!important}.rotate-handle[data-v-3b2aba9c]:hover{background:#4da6ff;transform:translate(-50%) scale(1.2)}.rotate-handle[data-v-3b2aba9c]:active{cursor:grabbing}.control-point[data-v-1636cd0f]{width:8px;height:8px;background:#66b3ff;border:var(--form-border-width, 1px) solid var(--form-border-color, #fff);border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:all .2s ease}.control-point.transforming[data-v-1636cd0f]{transition:none!important}.control-point[data-v-1636cd0f]:hover{background:#4da6ff;transform:scale(1.2)}.resize-handle.corner[data-v-1636cd0f]{border-radius:var(--form-radius, 2px)}.resize-handle.edge[data-v-1636cd0f]{width:6px;height:6px;border-radius:var(--form-radius, 1px)}.nw[data-v-1636cd0f]{cursor:nw-resize!important}.ne[data-v-1636cd0f]{cursor:ne-resize!important}.sw[data-v-1636cd0f]{cursor:sw-resize!important}.se[data-v-1636cd0f]{cursor:se-resize!important}.n[data-v-1636cd0f]{cursor:n-resize!important}.s[data-v-1636cd0f]{cursor:s-resize!important}.w[data-v-1636cd0f]{cursor:w-resize!important}.e[data-v-1636cd0f]{cursor:e-resize!important}.transform-controls[data-v-c84fa06e]{z-index:1000}.control-point[data-v-c84fa06e]{width:8px;height:8px;background:#66b3ff;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:all .2s ease}.control-point.transforming[data-v-c84fa06e]{transition:none!important}.control-point[data-v-c84fa06e]:hover{background:#4da6ff;transform:scale(1.2)}.rotate-handle[data-v-c84fa06e]{width:20px;height:20px;background:#66b3ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:grab}.rotate-handle[data-v-c84fa06e]:active{cursor:grabbing}.resize-handle.corner[data-v-c84fa06e]{border-radius:2px}.resize-handle.edge[data-v-c84fa06e]{width:6px;height:6px;border-radius:1px}.nw[data-v-c84fa06e]{cursor:nw-resize!important}.ne[data-v-c84fa06e]{cursor:ne-resize!important}.sw[data-v-c84fa06e]{cursor:sw-resize!important}.se[data-v-c84fa06e]{cursor:se-resize!important}.n[data-v-c84fa06e]{cursor:n-resize!important}.s[data-v-c84fa06e]{cursor:s-resize!important}.w[data-v-c84fa06e]{cursor:w-resize!important}.e[data-v-c84fa06e]{cursor:e-resize!important}.toolbar-header[data-v-2c1790f1]{display:flex;align-items:center;justify-content:space-between;padding:var(--form-padding-y, 8px) var(--form-padding-x, 16px);border-bottom:var(--form-border-width, 1px) solid var(--form-border-color, #3d5a85);background:linear-gradient(135deg,#1a2332b3,#0f1419d9);border-radius:var(--form-radius, 6px) var(--form-radius, 6px) 0 0}.component-info[data-v-2c1790f1]{display:flex;align-items:center;gap:6px}.component-icon[data-v-2c1790f1]{font-size:14px}.component-name[data-v-2c1790f1]{font-weight:500;color:#e8f4fd}.toolbar-actions[data-v-2c1790f1]{display:flex;align-items:center;gap:4px}.quick-btn[data-v-2c1790f1]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);background:linear-gradient(135deg,#00d4ff26,#0099cc14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--form-radius, 4px);cursor:pointer;color:#a8c5e0;transition:all .3s cubic-bezier(.25,1,.5,1)}.quick-btn[data-v-2c1790f1]:hover{background:#ffffff14;border-color:#00d4ff;color:#00d4ff;box-shadow:0 4px 12px #00d4ff1f}.component-options[data-v-a9a43845]{padding:var(--form-padding-y, 6px) var(--form-padding-x, 6px)}.options-icons-row[data-v-a9a43845]{display:flex;align-items:center;gap:6px;position:relative}.option-icon-btn[data-v-a9a43845]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);background:linear-gradient(135deg,#00d4ff26,#0099cc14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--form-radius, 6px);cursor:pointer;color:#a8c5e0;transition:all .3s cubic-bezier(.25,1,.5,1)}.option-icon-btn[data-v-a9a43845]:hover{background:#ffffff14;border-color:#00d4ff;color:#00d4ff;box-shadow:0 4px 12px #00d4ff1f}.more-btn[data-v-a9a43845]{font-weight:600}.hidden-options-popover[data-v-a9a43845]{position:absolute;top:calc(100% + 6px);left:0;display:flex;flex-wrap:wrap;gap:6px;padding:var(--form-padding-y, 6px) var(--form-padding-x, 6px);background:var(--gradient-panel, linear-gradient(135deg, rgba(26, 35, 50, .9) 0%, rgba(15, 20, 25, .95) 100%));-webkit-backdrop-filter:var(--backdrop-filter-blur, blur(10px));backdrop-filter:var(--backdrop-filter-blur, blur(10px));border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);border-radius:var(--form-radius, 6px);box-shadow:var(--shadow-panel, 0 4px 20px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(0, 212, 255, .1));z-index:1001}.option-editor-popover[data-v-a9a43845]{position:fixed;z-index:1011;background:linear-gradient(135deg,#00d4ff26,#0099cc14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);border-radius:var(--form-radius, 6px);overflow:visible}.option-editor-popover .popover-body[data-v-a9a43845]{padding:var(--form-padding-y, 8px) var(--form-padding-x, 10px);max-height:70vh;overflow:auto}[data-v-a9a43845] .field-mapping-container{background:transparent;padding:0}.floating-toolbar[data-v-83195a0f]{position:fixed;background:var(--gradient-glass);-webkit-backdrop-filter:var(--backdrop-filter-blur);backdrop-filter:var(--backdrop-filter-blur);border:1px solid var(--border-color-base, #2a3f5f);border-radius:var(--radius-large, 6px);box-shadow:var(--shadow-panel);min-width:280px;max-width:320px;font-size:var(--font-size-small, 12px);color:var(--color-text-regular, #e8f4fd);user-select:none;z-index:300;overflow:visible}.designer-canvas[data-v-0b7e8f41]{flex:1;position:relative;min-width:400px;overflow:hidden}.component-wrapper[data-v-0b7e8f41]{position:absolute;cursor:move;transition:all .2s ease}.component-wrapper.dragging[data-v-0b7e8f41],.component-wrapper.transforming[data-v-0b7e8f41]{transition:none!important}.component-wrapper.selected[data-v-0b7e8f41]:before{content:"";position:absolute;inset:-2px;border:2px solid #409eff;border-radius:4px;pointer-events:none;background:#409eff1a}.component-wrapper.transforming[data-v-0b7e8f41]{z-index:30}.component-wrapper.transforming[data-v-0b7e8f41]:before{border-color:#67c23a;background:#67c23a1a}@media(max-width:1024px){.designer-canvas[data-v-0b7e8f41]{order:2}}.preview-container[data-v-1118bf9f]{position:relative;width:100%;height:100%;overflow:hidden}.auth-overlay[data-v-736128fd]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-card[data-v-736128fd]{position:relative;width:100%;max-width:480px;padding:40px 32px 32px;background:#ffffff0f;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 25px 50px #00000040}.auth-header[data-v-736128fd]{position:relative;text-align:center;margin-bottom:24px}.close-btn[data-v-736128fd]{position:absolute;right:12px;top:12px;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff14;color:#dbeafe;cursor:pointer}.close-btn[data-v-736128fd]:hover{background:#ffffff24;color:#93c5fd}.auth-icon[data-v-736128fd]{width:56px;height:56px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #667eea59}.auth-icon svg[data-v-736128fd]{width:28px;height:28px;color:#fff}.auth-title[data-v-736128fd]{font-size:28px;font-weight:700;margin:0 0 6px;color:#fff}.auth-subtitle[data-v-736128fd]{font-size:14px;color:#ffffffbf;margin:0}.auth-tabs[data-v-736128fd]{margin:16px 0 24px;display:flex;justify-content:center}.auth-tabs[data-v-736128fd] .option-visual{padding:10px 20px;font-size:14px}.auth-form[data-v-736128fd]{display:flex;flex-direction:column;gap:18px}.form-group[data-v-736128fd] .input{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px;color:#fff}.form-group[data-v-736128fd] .input:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-label[data-v-736128fd]{font-size:13px;color:#ffffffe6;margin-bottom:6px}.error-message[data-v-736128fd]{color:#ff6b6b;font-size:12px}.success-message[data-v-736128fd]{display:flex;align-items:center;gap:8px;color:#2ecc71;font-size:13px;background:#2ecc711a;padding:10px 12px;border-radius:8px;border:1px solid rgba(46,204,113,.2)}.error-detail[data-v-736128fd]{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:8px;padding:10px 12px}.error-title[data-v-736128fd]{color:#ff6b6b;font-size:12px;font-weight:600}.error-desc[data-v-736128fd]{color:#ffffffe6;font-size:12px}.error-request[data-v-736128fd]{color:#ffffffb3;font-size:12px}.error-details[data-v-736128fd]{background:#0000004d;padding:8px 12px;border-radius:4px;font-size:11px;color:#fffc;margin:0;overflow-x:auto}.submit-btn[data-v-736128fd]{width:100%;height:48px;font-size:15px;font-weight:600;border-radius:12px;box-shadow:0 8px 32px #667eea4d}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:inherit}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}th,td{padding:0}.no-select{-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid #2a3f5f;border-radius:4px;background:linear-gradient(135deg,#00d4ff26,#0099cc14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;font-weight:500}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight, linear-gradient(90deg, transparent, rgba(64, 158, 255, .2), transparent));transition:left .5s cubic-bezier(.25,1,.5,1)}.btn:hover{border-color:#00d4ff;color:#00d4ff;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-button-hover, 0 8px 25px rgba(64, 158, 255, .2))}.btn:hover:before{left:100%}.btn:active{transform:translateY(0) scale(.98)}.btn.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c,#069);border-color:#00d4ff;color:var(--color-text-primary, #ffffff);box-shadow:var(--shadow-button-hover, 0 4px 15px rgba(64, 158, 255, .3))}.btn.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-button-hover, 0 8px 25px rgba(64, 158, 255, .4));color:var(--color-text-primary, #ffffff)}.btn.btn-small{padding:4px 8px;font-size:13px}.btn.btn-large{padding:16px 24px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:linear-gradient(135deg,#00d4ff26,#0099cc14);border-color:#2a3f5f;transform:none;box-shadow:none}.input{display:block;width:100%;box-sizing:border-box;padding:var(--form-padding-y, 8px) var(--form-padding-x, 16px);border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);border-radius:var(--form-radius, 4px);background:var(--form-bg, linear-gradient(135deg, rgba(0, 212, 255, .15) 0%, rgba(0, 153, 204, .08) 100%));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:var(--form-font-size, 14px);line-height:1.5;min-height:var(--form-control-height, 36px);transition:all .3s cubic-bezier(.25,1,.5,1);font-weight:500}.input:hover{border-color:#00d4ff;transform:translateY(-1px);box-shadow:0 4px 12px #409eff1a}.input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #409eff1a;transform:translateY(-1px)}.input::placeholder{color:#6b8db5}.input:disabled{opacity:.5;cursor:not-allowed}.input:disabled:hover{transform:none;box-shadow:none}.form-control{box-sizing:border-box;padding:var(--form-padding-y, 8px) var(--form-padding-x, 16px);border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);border-radius:var(--form-radius, 4px);background:var(--form-bg, linear-gradient(135deg, rgba(0, 212, 255, .15) 0%, rgba(0, 153, 204, .08) 100%));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:var(--form-font-size, 14px);line-height:1.5;min-height:var(--form-control-height, 36px);transition:all .3s cubic-bezier(.25,1,.5,1);font-weight:500}.form-control:hover{border-color:#00d4ff;box-shadow:0 4px 12px #409eff1a}.form-control:focus,.form-control:focus-visible{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #409eff1a}.input--square{width:var(--form-control-height, 36px);height:var(--form-control-height, 36px);padding:0;flex:0 0 var(--form-control-height, 36px)}.card{background:linear-gradient(135deg,#00d4ff26,#0099cc14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);border-radius:var(--form-radius, 6px);box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,1,.5,1)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff,#09c,#069);opacity:0;transition:opacity .3s cubic-bezier(.25,1,.5,1);pointer-events:none}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#00d4ff}.card:hover:before{opacity:.05}.divider{height:1px;background:#2a3f5f;margin:16px 0}.loading{display:inline-block;width:20px;height:20px;border:var(--form-border-width, 2px) solid var(--form-border-color, #2a3f5f);border-top-color:#00d4ff;border-radius:var(--form-radius, 50%);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.property-panel{height:100%;display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;color:#e8f4fd}.property-section{border:1px solid #2a3f5f;border-radius:12px;overflow:visible;background:#141b2699;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:24px;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 16px #0003;min-height:0}.property-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(0,153,204,.05) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:inherit}.property-section:hover{border-color:#00d4ff;transform:translateY(-1px) scale(1.002);background:#141b26cc;box-shadow:0 6px 20px #00d4ff1a,0 4px 16px #0003}.property-section:hover:before{opacity:.8}.section-header{padding:14px 18px;background:#1a2332b3;border-bottom:1px solid #3d5a85;position:relative}.section-header:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.3) 50%,transparent 100%);opacity:.5}.section-header h4{margin:0;font-size:15px;font-weight:600;color:#00d4ff;transition:all .3s ease;text-shadow:0 0 5px rgba(0,212,255,.2)}.section-header h4:hover{color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.4)}.section-content{padding:16px;display:flex;flex-direction:column;gap:12px}.property-item{display:flex;flex-direction:column;gap:6px}.property-item label{font-size:12px;color:var(--color-text-secondary, #cccccc);font-weight:500;min-width:60px}.property-item input,.property-item select,.property-item textarea,.property-item .cp-btn{padding:var(--form-padding-y, 6px) var(--form-padding-x, 8px);border:var(--form-border-width, 1px) solid var(--form-border-color, #2a3f5f);border-radius:var(--form-radius, 8px);font-size:14px;transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%;box-sizing:border-box;background:var(--form-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8f4fd;font-weight:500;position:relative;box-shadow:inset 0 2px 4px #0003}.property-item input:hover,.property-item select:hover,.property-item textarea:hover,.property-item .cp-btn:hover{border-color:#00d4ff;transform:translateY(-1px);background:#141b26b3;box-shadow:0 0 8px #09c3,inset 0 2px 4px #0003}.property-item input:focus,.property-item select:focus,.property-item textarea:focus,.property-item .cp-btn:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff4d;transform:translateY(-1px);background:#141b26cc;color:#fff}.property-item input.readonly,.property-item select.readonly,.property-item textarea.readonly,.property-item .cp-btn.readonly{background:#050810;color:#6b8db5;cursor:not-allowed;border-color:#2a3f5f}.range-input{width:100%}.range-value{font-size:12px;color:#999;text-align:center;margin-top:4px}.color-input-wrapper{display:flex;gap:8px;align-items:center}.color-input{width:40px;height:32px;padding:0;border:var(--form-border-width, 1px) solid var(--form-border-color, #555555);border-radius:var(--form-radius, 4px);cursor:pointer;flex-shrink:0}.color-text{flex:1}.border-controls{display:grid;grid-template-columns:1fr 1fr 40px;gap:6px;align-items:center}.shadow-controls{display:grid;grid-template-columns:1fr 1fr 1fr 40px;gap:4px;align-items:center}.align-buttons{display:flex;gap:4px}.align-btn{width:32px;height:32px;border:var(--form-border-width, 1px) solid var(--form-border-color, #404040);background:var(--gradient-button-default, linear-gradient(135deg, rgba(45, 45, 45, .8) 0%, rgba(26, 26, 26, .9) 100%));-webkit-backdrop-filter:var(--backdrop-filter-blur, blur(10px));backdrop-filter:var(--backdrop-filter-blur, blur(10px));border-radius:var(--form-radius, 6px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease);color:var(--color-text-secondary, #cccccc);position:relative;overflow:hidden}.align-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight, linear-gradient(90deg, transparent, rgba(64, 158, 255, .2), transparent));transition:left .6s ease}.align-btn:hover{border-color:var(--interactive-color, #409eff);color:var(--interactive-color, #409eff);transform:scale(1.05);box-shadow:var(--shadow-button-hover, 0 4px 15px rgba(64, 158, 255, .2))}.align-btn:hover:before{left:100%}.align-btn.active{background:var(--gradient-button-active, linear-gradient(135deg, #409eff 0%, #67c23a 100%));border-color:var(--interactive-color, #409eff);color:#fff;box-shadow:var(--shadow-button-active, 0 4px 15px rgba(64, 158, 255, .3))}.align-btn:active{transform:scale(.95)}.layer-buttons{display:flex;gap:8px}.layer-btn{flex:1;height:32px;padding:0 var(--form-padding-x, 12px);border:var(--form-border-width, 1px) solid var(--form-border-color, #404040);background:var(--gradient-button-default, linear-gradient(135deg, rgba(45, 45, 45, .8) 0%, rgba(26, 26, 26, .9) 100%));-webkit-backdrop-filter:var(--backdrop-filter-blur, blur(10px));backdrop-filter:var(--backdrop-filter-blur, blur(10px));border-radius:var(--form-radius, 6px);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;cursor:pointer;transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease);color:var(--color-text-secondary, #cccccc);font-weight:500;position:relative;overflow:hidden}.layer-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight, linear-gradient(90deg, transparent, rgba(64, 158, 255, .2), transparent));transition:left .6s ease}.layer-btn:hover{border-color:var(--interactive-color, #409eff);color:var(--interactive-color, #409eff);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-button-hover, 0 4px 15px rgba(64, 158, 255, .2))}.layer-btn:hover:before{left:100%}.layer-btn:active{transform:translateY(0) scale(.95)}.component-type{color:var(--interactive-color, #409eff);font-weight:600;font-size:12px}.component-id{color:var(--color-text-placeholder, #999999);font-size:11px;font-family:monospace}.selected-components{display:flex;flex-direction:column;gap:8px;max-height:120px;overflow-y:auto}.component-item{padding:8px 12px;background:color-mix(in oklab,var(--interactive-color, #409eff) 10%,transparent);border:1px solid color-mix(in oklab,var(--interactive-color, #409eff) 20%,transparent);border-radius:6px;display:flex;justify-content:space-between;align-items:center}.component-info{display:flex;gap:8px;align-items:center}.designer{width:100%;height:100vh;display:flex;flex-direction:column;background:#0a0e1a;background-image:var(--gradient-designer-bg, radial-gradient(circle at 20% 80%, rgba(0, 212, 255, .1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(0, 153, 204, .08) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(255, 107, 53, .05) 0%, transparent 50%));overflow-x:auto}.designer-body{flex:1;display:flex;overflow:hidden;min-width:1000px;position:relative}.designer-sidebar{width:280px;background:linear-gradient(135deg,#1a2332e6,#0f1419f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid #3d5a85;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 20px #0000004d,inset 0 1px #00d4ff1a}.designer-sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(135deg,#00d4ff 0%,#0099cc 50%,transparent 100%);opacity:.6}.designer-sidebar.right{width:320px;border-right:none;border-left:1px solid var(--border-color-light, #3d5a85)}.designer-sidebar.right:before{right:auto;left:0}.designer-main{flex:1;position:relative;min-width:400px;overflow:hidden}.sidebar-header{height:50px;padding:0 16px;border-bottom:1px solid #404040;display:flex;align-items:center;justify-content:space-between}.sidebar-header h3{margin:0;font-size:14px;font-weight:600;color:#e6e6e6}.sidebar-header .header-actions{display:flex;gap:8px}.sidebar-header .header-actions .action-btn{padding:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#e6e6e6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-header .header-actions .action-btn:hover{background:#ffffff26;border-color:var(--interactive-color, #409eff);color:var(--interactive-color, #409eff)}.sidebar-header .header-actions .action-btn.compact{width:28px;height:28px}.search-section{padding:8px 12px;border-bottom:1px solid #404040}.search-section .search-input-wrapper{position:relative;display:flex;align-items:center}.search-section .search-input-wrapper .search-icon{position:absolute;left:12px;color:#909399;z-index:1}.search-section .search-input-wrapper .search-input{width:100%;height:36px;padding:0 36px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e6e6e6;font-size:14px;transition:all .2s ease}.search-section .search-input-wrapper .search-input::placeholder{color:#909399}.search-section .search-input-wrapper .search-input:focus{outline:none;border-color:var(--interactive-color, #409eff);background:#ffffff1f;box-shadow:0 0 0 2px #409eff33}.search-section .search-input-wrapper .clear-search{position:absolute;right:8px;width:20px;height:20px;background:none;border:none;color:#909399;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease}.search-section .search-input-wrapper .clear-search:hover{color:#e6e6e6;background:#ffffff1a}.recent-section{padding:8px 12px;border-bottom:1px solid #404040}.recent-section .section-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;color:#909399;font-weight:500}.recent-section .recent-components{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.search-results{padding:0 16px 16px}.search-results .search-results-header{padding:8px 0;font-size:12px;color:#909399;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.search-results .search-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hover-panel{position:fixed;left:280px;top:80px;max-height:70vh;background:var(--gradient-glass, linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%));-webkit-backdrop-filter:var(--backdrop-filter-blur, blur(10px));backdrop-filter:var(--backdrop-filter-blur, blur(10px));border:1px solid var(--form-border-color, #404040);border-radius:8px;box-shadow:var(--shadow-panel, 0 10px 30px rgba(0, 0, 0, .3));z-index:1002;overflow:auto}.hover-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--bg-color-panel, rgba(26, 35, 50, .6));border-bottom:1px solid var(--form-border-color, #404040);color:var(--color-text-primary, #e6e6e6)}.hover-panel-header .header-left{display:flex;align-items:center;gap:8px}.hover-panel-minimized{display:grid;grid-template-columns:repeat(auto-fill,40px);gap:12px;padding:12px}.hover-panel-minimized .component-item.mini{width:40px;height:40px;padding:4px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hover-panel-minimized .component-item.mini:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.hover-panel-minimized .component-item.mini .component-icon{width:20px;height:20px;fill:currentColor;stroke:currentColor}.hover-panel-header .header-left strong{font-weight:600}.hover-panel-header .count{margin-left:2px;color:var(--color-text-placeholder, #909399)}.hover-panel-header .header-right{display:flex;align-items:center;gap:8px}.hover-panel-header .hover-search{height:28px;padding:4px 8px;border:1px solid #e5e7eb;border-radius:6px;outline:none}.hover-panel-header .icon-btn{width:28px;height:28px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary, #a8c5e0);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-duration-base, .2s) ease,background var(--transition-duration-base, .2s) ease,box-shadow var(--transition-duration-base, .2s) ease,transform .1s ease}.hover-panel-header .icon-btn:hover{background:#ffffff14;color:var(--interactive-color, #409eff);box-shadow:0 0 0 2px #409eff33 inset}.hover-panel-header .icon-btn:focus-visible{outline:none;color:var(--interactive-color, #409eff);box-shadow:0 0 0 2px #409eff59 inset}.hover-panel-header .icon-btn:active{transform:scale(.96);background:#ffffff1f}.hover-panel-header .icon-btn :deep(svg){width:16px;height:16px;fill:currentColor;stroke:currentColor}.hover-panel-body{padding:8px}.hover-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.hover-panel-groups{padding:8px 12px}.hover-panel-group{margin-bottom:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px}.hover-panel-group-header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:#e6e6e6}.hover-panel-group-header .group-title{display:flex;align-items:center;gap:8px}.hover-panel-group-header .group-actions .action-icon{color:#6b7280}.hover-panel-group-header:hover{background:#ffffff0f;border-color:#ffffff24}.hover-panel-group-header .action-icon{color:var(--color-text-secondary, #a8c5e0)}.hover-panel-group-header .action-icon :deep(svg){width:14px;height:14px;fill:currentColor;stroke:currentColor}.hover-panel-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 10px 10px}.sidebar-content{flex:1;overflow-y:auto;overflow-x:visible;padding:16px;min-height:0}.component-categories{display:flex;flex-direction:column;gap:16px}.category-section{border:1px solid #404040;border-radius:8px;overflow:hidden;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.category-section:hover{border-color:var(--interactive-color, #409eff);box-shadow:var(--shadow-secondary-hover, 0 4px 20px rgba(64, 158, 255, .1))}.category-header{padding:10px 16px;background:var(--overlay-light-bg, linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%));border-bottom:1px solid var(--form-border-color, #404040);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-regular, #e6e6e6);transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease);position:relative;overflow:hidden}.category-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight-light, linear-gradient(90deg, transparent, rgba(64, 158, 255, .1), transparent));transition:left .6s ease}.category-header:hover{background:var(--overlay-brand-bg-hover, linear-gradient(135deg, rgba(64, 158, 255, .2) 0%, rgba(64, 158, 255, .1) 100%));color:var(--interactive-color, #409eff);transform:translate(2px)}.category-header:hover:before{left:100%}.category-header.expanded .category-arrow{transform:rotate(90deg);color:var(--interactive-color, #409eff)}.category-header .category-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-text-secondary, #a8c5e0);transition:color var(--transition-duration-base, .3s) var(--ease-out-quart, ease)}.category-header .category-icon :deep(svg){width:14px;height:14px;fill:currentColor;stroke:currentColor}.category-header .component-count{margin-left:auto;font-size:11px;color:#909399;font-weight:400}.category-arrow{transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease)}.category-components{padding:12px 16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--bg-color-page, #1a1a1a)}@media(max-width:320px){.category-components{grid-template-columns:1fr;gap:6px}}.category-components.compact{padding:8px 16px;gap:6px;grid-template-columns:repeat(2,1fr)}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#909399}.no-selection p{margin:16px 0 0;font-size:14px}.multi-selection-info{padding:16px;background-color:var(--overlay-light-bg, #f5f7fa);border-radius:4px;margin-bottom:16px;text-align:center;color:var(--color-text-secondary, #606266);font-size:14px}.common-properties{display:flex;flex-direction:column;gap:16px}.property-group{border:1px solid var(--form-border-color, #e4e7ed);border-radius:4px;overflow:hidden}.property-group h4{margin:0;padding:12px 16px;background-color:var(--overlay-light-bg, #f5f7fa);border-bottom:1px solid var(--form-border-color, #e4e7ed);font-size:14px;font-weight:500;color:var(--color-text-regular, #303133)}.property-row{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--form-border-color, #f0f2f5)}.property-row:last-child{border-bottom:none}.property-row label{font-size:14px;color:var(--color-text-secondary, #606266);min-width:60px}@media(max-width:1400px){.designer-body{min-width:900px}.designer-sidebar{width:260px}.designer-sidebar.right{width:300px}}@media(max-width:1200px){.designer-body{min-width:800px}.designer-sidebar{width:240px}.designer-sidebar.right{width:280px}.category-components{grid-template-columns:1fr}}@media(max-width:1024px){.designer-body{flex-direction:column;min-width:auto}.designer-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--form-border-color, #404040)}.designer-sidebar.right{width:100%;height:250px;border-left:none;border-top:1px solid var(--form-border-color, #404040);order:3}.designer-main{order:2}.category-components{grid-template-columns:repeat(4,1fr);gap:6px}.component-item{padding:8px 4px;min-height:60px}}.designer-header{height:70px;background:linear-gradient(135deg,#1a2332,#0f1419);background-image:linear-gradient(135deg,rgba(0,212,255,.1) 0%,transparent 50%),linear-gradient(45deg,rgba(0,153,204,.05) 0%,transparent 100%);border-bottom:2px solid #00d4ff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;box-shadow:0 4px 20px #0000004d,inset 0 1px #00d4ff1a,0 0 30px #00d4ff33;position:relative;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:24px}.logo{font-size:24px;font-weight:700;color:#00d4ff;text-shadow:0 0 30px rgba(0,212,255,.4);background:linear-gradient(135deg,#00d4ff,#09c,#069);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:flex;align-items:center}.action-buttons{display:flex;gap:12px}.action-btn{padding:10px 20px;border:1px solid #00d4ff;background:linear-gradient(135deg,#00d4ff26,#0099cc14);color:#00d4ff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.action-btn:hover{background:#ffffff14;border-color:#fff6;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 4px 15px #ffffff1a}.action-btn:hover:before{left:100%}.divider{width:1px;height:40px;background:linear-gradient(180deg,transparent 0%,var(--interactive-color, #409eff) 50%,transparent 100%);margin:0 8px}.header-right{display:flex;align-items:center;gap:16px}.secondary-btn{padding:8px 16px;background:var(--overlay-light-bg, rgba(255, 255, 255, .1));color:var(--color-text-regular, #e6e6e6);border:1px solid var(--overlay-light-border, rgba(255, 255, 255, .2));border-radius:6px;cursor:pointer;font-size:14px;transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease);position:relative;overflow:hidden}.secondary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight-light, linear-gradient(90deg, transparent, rgba(255, 255, 255, .1), transparent));transition:left .6s ease}.secondary-btn:hover{background:var(--overlay-light-bg-hover, rgba(255, 255, 255, .15));border-color:var(--overlay-light-border-hover, rgba(255, 255, 255, .3));transform:translateY(-2px);color:var(--color-text-primary, #ffffff);box-shadow:var(--shadow-secondary-hover, 0 4px 15px rgba(255, 255, 255, .1))}.secondary-btn:hover:before{left:100%}.primary-btn{padding:10px 20px;background:var(--gradient-button-active, linear-gradient(135deg, #409eff 0%, #67c23a 100%));color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-duration-base, .3s) ease;position:relative;overflow:hidden}.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight-light, linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent));transition:left .6s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary-hover, 0 6px 20px rgba(255, 255, 255, .2));filter:brightness(1.1)}.primary-btn:hover:before{left:100%}@media(max-width:1024px){.designer-header{height:50px;padding:0 12px}.logo{font-size:16px}.action-buttons{gap:4px}.action-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.primary-btn,.secondary-btn{height:32px;padding:0 12px;font-size:13px}}@media(max-width:768px){.designer-header{flex-wrap:wrap;height:auto;min-height:50px;padding:8px 12px}.header-center{order:3;width:100%;margin-top:8px;justify-content:center}.header-right{gap:8px}}.component-library{width:280px;background:var(--gradient-panel, linear-gradient(180deg, rgba(15, 25, 40, .95) 0%, rgba(8, 12, 20, .98) 100%));border-right:1px solid var(--border-color-light, #3d5a85);display:flex;flex-direction:column;position:relative;height:100%;-webkit-backdrop-filter:var(--backdrop-filter-blur, blur(12px));backdrop-filter:var(--backdrop-filter-blur, blur(12px));box-shadow:var(--shadow-panel, 2px 0 20px rgba(61, 90, 133, .15))}.component-library:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--interactive-color, #409eff) 50%,transparent 100%);opacity:.3}.component-library.collapsed{width:60px}.component-library.collapsed .sidebar-header h3,.component-library.collapsed .search-section,.component-library.collapsed .recent-section,.component-library.collapsed .sidebar-content{display:none}.component-library.collapsed .header-actions .action-btn{width:28px;height:28px;padding:0}.component-library.collapsed .collapsed-content{padding:10px 6px;display:grid;grid-auto-rows:min-content;gap:10px;height:100%;overflow-y:auto}.component-library.collapsed .collapsed-content .category-icons{display:grid;grid-template-columns:1fr;gap:10px;justify-items:center}.component-library.collapsed .collapsed-item{width:48px;height:48px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--overlay-light-bg, linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 100%));border:1px solid var(--form-border-color, rgba(255, 255, 255, .15));color:var(--color-text-secondary, #a8c5e0);cursor:pointer;transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease)}.component-library.collapsed .collapsed-item:hover{background:var(--overlay-brand-bg-hover, linear-gradient(135deg, rgba(64, 158, 255, .15) 0%, rgba(64, 158, 255, .08) 100%));border-color:var(--interactive-color, #409eff);color:var(--interactive-color, #409eff);transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-hover, 0 4px 12px rgba(64, 158, 255, .2))}.component-library.collapsed .collapsed-item:focus-visible{outline:none;border-color:var(--interactive-color, #409eff);box-shadow:0 0 0 2px color-mix(in oklab,var(--interactive-color, #409eff) 25%,transparent)}.component-library.collapsed .collapsed-item:active{transform:translateY(0) scale(.98)}.component-library.collapsed .collapsed-item .category-icon{width:24px;height:24px;color:inherit}.component-library.collapsed .collapsed-item .category-icon :deep(svg){width:20px;height:20px;fill:currentColor;stroke:currentColor}.component-library .component-item{width:100%;height:60px;background:var(--overlay-light-bg, linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 100%));border:1px solid var(--form-border-color, rgba(255, 255, 255, .15));border-radius:var(--border-radius-base, 6px);padding:8px;margin-bottom:6px;cursor:grab;transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-light, 0 1px 4px rgba(0, 0, 0, .1))}.component-library .component-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight-light, linear-gradient(90deg, transparent, rgba(64, 158, 255, .1), transparent));transition:left .6s ease}.component-library .component-item:hover{transform:translateY(-1px) scale(1.01);background:var(--overlay-brand-bg-hover, linear-gradient(135deg, rgba(64, 158, 255, .15) 0%, rgba(64, 158, 255, .08) 100%));border-color:var(--interactive-color, #409eff);box-shadow:var(--shadow-brand, 0 4px 12px rgba(64, 158, 255, .2))}.component-library .component-item:hover:before{left:100%}.component-library .component-item:hover .component-name{color:var(--interactive-color, #409eff)}.component-library .component-item:active{transform:translateY(0) scale(1);transition-duration:.1s}.component-library .component-item.dragging{cursor:grabbing;transform:rotate(3deg) scale(1.03);z-index:1000;box-shadow:var(--shadow-brand-strong, 0 8px 20px rgba(64, 158, 255, .3))}.component-library .component-item.compact{height:48px;padding:6px;margin-bottom:4px}.component-library .component-item.compact .component-icon{width:20px;height:20px;margin-bottom:2px}.component-library .component-item.compact .component-name{font-size:11px;line-height:1.2}.component-library .component-item.recent{height:44px;padding:4px;margin-bottom:0;border-radius:4px}.component-library .component-item.recent .component-icon{width:18px;height:18px;margin-bottom:2px}.component-library .component-item.recent .component-name{font-size:10px;line-height:1.1}.component-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary, #909399);transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, ease);margin-bottom:4px;position:relative;z-index:1}.component-icon :deep(svg){width:100%;height:100%;fill:currentColor}.component-name{font-size:11px;color:var(--color-text-regular, #e6e6e6);font-weight:500;line-height:1.3;transition:color var(--transition-duration-base, .3s) var(--ease-out-quart, ease);text-align:center;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1}@media(max-width:1400px){.component-library{width:260px}}@media(max-width:1200px){.component-library{width:240px}.component-library .category-components{grid-template-columns:1fr}}@media(max-width:1024px){.component-library{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--form-border-color, #404040)}.component-library .category-components{grid-template-columns:repeat(4,1fr);gap:6px}.component-library .component-item{padding:8px 4px;min-height:60px}}.echarts-tooltip{z-index:200!important}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.canvas-wrapper{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#0a0e1a,#0f1419,#1a2332 60%,#0f1419);background-size:400% 400%;animation:gradientShift 20s ease infinite}.canvas-container{position:relative;width:100%;height:calc(100% - 50px);overflow:hidden;--ruler-size: 20px;--ruler-offset-x: 20px;--ruler-offset-y: 20px}.canvas-container.is-grab{cursor:grab}.canvas-container.is-grabbing{cursor:grabbing}.canvas-grid,.canvas-rulers{position:absolute;inset:0;pointer-events:none}.ruler{position:absolute;background:linear-gradient(135deg,#3d5a8599,#1a2332b3);border:1px solid rgba(107,141,181,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff1a;z-index:30;pointer-events:all;cursor:crosshair}.ruler-horizontal{top:0;left:var(--ruler-offset-x);right:0;height:var(--ruler-size);border-bottom:1px solid rgba(107,141,181,.5)}.ruler-vertical{top:var(--ruler-offset-y);left:0;bottom:0;width:var(--ruler-size);border-right:1px solid rgba(107,141,181,.5)}.ruler-mark{position:absolute}.ruler-horizontal .ruler-mark{height:100%}.ruler-vertical .ruler-mark{width:100%}.ruler-line{background-color:#6b8db5;opacity:.8}.ruler-horizontal .ruler-line{width:1px;height:5px;margin-top:auto}.ruler-horizontal .ruler-line.major{height:10px}.ruler-vertical .ruler-line{width:5px;height:1px;margin-left:auto}.ruler-vertical .ruler-line.major{width:10px}.ruler-text{font-size:10px;color:#e8f4fd;position:absolute;background:linear-gradient(135deg,#141b2699,#0a0e1ab3);padding:2px 4px;border-radius:var(--form-radius, 4px);white-space:nowrap;font-weight:500;text-shadow:0 0 4px rgba(0,212,255,.3);border:var(--form-border-width, 1px) solid var(--form-border-color, rgba(0, 212, 255, .15))}.ruler-horizontal .ruler-text{top:2px;left:2px;transform:translate(-50%)}.ruler-vertical .ruler-text{top:2px;left:2px;writing-mode:vertical-lr;text-orientation:mixed;transform:translateY(-50%)}.mouse-indicator{position:absolute;background:#ff6b6b;z-index:1000;pointer-events:none;transition:all .1s ease}.mouse-indicator-horizontal{top:0;width:1px;height:100%;box-shadow:0 0 4px #ff6b6b,0 0 8px #ff6b6b80}.mouse-indicator-vertical{left:0;width:100%;height:1px;box-shadow:0 0 4px #ff6b6b,0 0 8px #ff6b6b80}.coordinate-display{background:linear-gradient(135deg,#1a2332f2,#0f1419fa);border:1px solid rgba(107,141,181,.4);border-radius:6px;padding:6px 10px;font-size:11px;color:#00d4ff;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d,0 0 0 1px #00d4ff1a;pointer-events:none;white-space:nowrap;font-family:Courier New,monospace}.canvas-main{position:absolute;top:var(--ruler-offset-y);left:var(--ruler-offset-x);right:0;bottom:50px;box-shadow:0 0 30px #0006,0 0 60px #409eff1a;border:1px solid #3d5a85;border-radius:8px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.canvas-main.drag-over{box-shadow:0 0 0 2px #00d4ff,0 0 30px #409eff66,0 0 60px #409eff4d;border-color:#00d4ff;background-color:#00d4ff1a;transition:background-color .12s ease-out}.canvas-main.dragging{background-color:#00d4ff1a!important;transition:background-color .12s ease-out}.selection-box{border:1px dashed #6b8db5;background-color:#6b8db526;pointer-events:none;border-radius:4px;box-shadow:0 0 20px #6b8db54d}.canvas-toolbar{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(135deg,#1a2332f2,#0f1419fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #3d5a85;display:flex;align-items:center;padding:0 16px;box-shadow:0 -4px 20px #0000004d,inset 0 1px #00d4ff1a;gap:16px;z-index:1001}.canvas-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#00d4ff 50%,transparent 100%);opacity:.5}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-btn{width:36px;height:36px;border:var(--form-border-width, 1px) solid var(--form-border-color, #3d5a85);background:linear-gradient(135deg,#1a2332cc,#0f1419e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--form-radius, 8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);color:#a8c5e0;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.zoom-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight, linear-gradient(90deg, transparent, rgba(64, 158, 255, .2), transparent));transition:left .6s cubic-bezier(.25,.46,.45,.94)}.zoom-btn:hover:not(:disabled){border-color:#00d4ff;color:#00d4ff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #409eff4d,0 0 0 1px #409eff33;background:linear-gradient(135deg,#409eff1a,#1a2332e6)}.zoom-btn:hover:not(:disabled):before{left:100%}.zoom-btn:active:not(:disabled){transform:translateY(0) scale(.95);box-shadow:0 2px 8px #0000004d}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-display{min-width:70px;height:36px;border:var(--form-border-width, 1px) solid var(--form-border-color, #3d5a85);background:var(--gradient-panel, linear-gradient(135deg, rgba(26, 35, 50, .9) 0%, rgba(15, 20, 25, .95) 100%));-webkit-backdrop-filter:var(--backdrop-filter-blur, blur(12px));backdrop-filter:var(--backdrop-filter-blur, blur(12px));border-radius:var(--form-radius, 8px);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, cubic-bezier(.25, .46, .45, .94));color:var(--color-text-secondary, #a8c5e0);font-weight:600;position:relative;overflow:hidden;box-shadow:var(--shadow-card-light, 0 2px 8px rgba(0, 0, 0, .2))}.zoom-display:before{content:"";position:absolute;inset:0;background:var(--gradient-primary, linear-gradient(135deg, #00d4ff 0%, #0099cc 50%, #006699 100%));opacity:0;transition:opacity var(--transition-duration-base, .3s) var(--ease-out-quart, cubic-bezier(.25, .46, .45, .94))}.zoom-display:hover{border-color:var(--color-primary, #00d4ff);color:var(--color-primary, #00d4ff);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-button-hover, 0 6px 20px rgba(64, 158, 255, .25), 0 0 0 1px rgba(64, 158, 255, .2));background:var(--gradient-glass, linear-gradient(135deg, rgba(0, 212, 255, .15) 0%, rgba(0, 153, 204, .08) 100%))}.zoom-display:hover:before{opacity:.15}.toolbar-btn{height:36px;padding:0 16px;border:var(--form-border-width, 1px) solid var(--form-border-color, #3d5a85);background:var(--gradient-panel, linear-gradient(135deg, rgba(26, 35, 50, .9) 0%, rgba(15, 20, 25, .95) 100%));-webkit-backdrop-filter:var(--backdrop-filter-blur, blur(12px));backdrop-filter:var(--backdrop-filter-blur, blur(12px));border-radius:8px;display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;transition:all var(--transition-duration-base, .3s) var(--ease-out-quart, cubic-bezier(.25, .46, .45, .94));color:var(--color-text-secondary, #a8c5e0);font-weight:500;position:relative;overflow:hidden;box-shadow:var(--shadow-card-light, 0 2px 8px rgba(0, 0, 0, .2))}.toolbar-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-highlight, linear-gradient(90deg, transparent, rgba(64, 158, 255, .2), transparent));transition:left .6s cubic-bezier(.25,.46,.45,.94)}.toolbar-btn:hover{border-color:var(--color-primary, #00d4ff);color:var(--color-primary, #00d4ff);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-button-hover, 0 6px 20px rgba(64, 158, 255, .3), 0 0 0 1px rgba(64, 158, 255, .2));background:linear-gradient(135deg,#409eff1a,#1a2332e6)}.toolbar-btn:hover:before{left:100%}.toolbar-btn:active{transform:translateY(0) scale(.95);box-shadow:0 2px 8px #0000004d}.canvas-size{margin-left:auto;font-size:12px;color:#a8c5e0;padding:var(--form-padding-y, 8px) var(--form-padding-x, 12px);background:linear-gradient(135deg,#1a2332cc,#0f1419e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--form-border-width, 1px) solid var(--form-border-color, #3d5a85);border-radius:var(--form-radius, 6px);font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0003}.canvas-size:hover{border-color:#6b8db5;color:#e8f4fd;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity var(--transition-duration-base, .2s) var(--ease-out-quart, ease)}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.overlay-fade-enter-to,.overlay-fade-leave-from{opacity:1}.panel-pop-enter-active,.panel-pop-leave-active{transition:transform var(--transition-duration-base, .2s) var(--ease-out-quart, ease),opacity var(--transition-duration-base, .2s) var(--ease-out-quart, ease);will-change:transform,opacity}.panel-pop-enter-from,.panel-pop-leave-to{transform:translateY(8px) scale(.98);opacity:0}.panel-pop-enter-to,.panel-pop-leave-from{transform:translateY(0) scale(1);opacity:1}.fade-popover-enter-active,.fade-popover-leave-active{transition:opacity var(--transition-duration-base, .2s) var(--ease-out-quart, ease),transform var(--transition-duration-base, .2s) var(--ease-out-quart, ease);will-change:transform,opacity}.fade-popover-enter-from,.fade-popover-leave-to{opacity:0;transform:translateY(6px) scale(.98)}.fade-popover-enter-to,.fade-popover-leave-from{transform:translateY(0) scale(1);opacity:1}@media(prefers-reduced-motion:reduce){.overlay-fade-enter-active,.overlay-fade-leave-active,.panel-pop-enter-active,.panel-pop-leave-active,.fade-popover-enter-active,.fade-popover-leave-active{transition:none!important}.panel-pop-enter-from,.panel-pop-leave-to,.panel-pop-enter-to,.panel-pop-leave-from,.fade-popover-enter-from,.fade-popover-leave-to,.fade-popover-enter-to,.fade-popover-leave-from{transform:none!important}}.primary-btn,.secondary-btn,.danger-btn{padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0f);color:#e6e6e6;cursor:pointer;transition:transform var(--transition-duration-base, .18s) var(--ease-out-quart, ease),box-shadow var(--transition-duration-base, .18s) var(--ease-out-quart, ease),background var(--transition-duration-base, .18s) var(--ease-out-quart, ease),border-color var(--transition-duration-base, .18s) var(--ease-out-quart, ease);box-shadow:0 2px 6px #00000040,0 0 0 1px #ffffff0f inset}.primary-btn{background:linear-gradient(135deg,#409eff42,#67c23a33);border-color:#409eff73;box-shadow:0 0 16px #409eff38}.secondary-btn{background:linear-gradient(180deg,#ffffff1a,#ffffff0d)}.danger-btn{background:linear-gradient(180deg,#f56c6c38,#f56c6c1a);border-color:#f56c6c73;box-shadow:0 0 16px #f56c6c38}.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover{transform:translateY(-1px)}.primary-btn:active,.secondary-btn:active,.danger-btn:active{transform:translateY(0)}.primary-btn:focus-visible,.secondary-btn:focus-visible,.danger-btn:focus-visible{box-shadow:0 0 0 2px #00d4ff59;outline:none}@keyframes erc-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes erc-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.enhanced-request-config{display:flex;flex-direction:column;height:100%;color:#e1e5e9}.enhanced-request-config .config-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background:linear-gradient(135deg,#ffffff08,#ffffff05);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(4px)}.enhanced-request-config .header-left{display:flex;align-items:center;gap:24px}.enhanced-request-config .config-title{font-size:20px;font-weight:600;color:#e1e5e9;margin:0}.enhanced-request-config .config-stats{display:flex;gap:16px}.enhanced-request-config .stat-item{display:flex;align-items:center;gap:6px;font-size:14px}.enhanced-request-config .stat-label{color:#8a9ba8}.enhanced-request-config .stat-value{color:#00d4ff;font-weight:600}.enhanced-request-config .header-actions{display:flex;gap:12px}.enhanced-request-config .btn-primary,.enhanced-request-config .btn-secondary,.enhanced-request-config .btn-small{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.enhanced-request-config .btn-primary{border:1px solid rgba(64,158,255,.4);background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.enhanced-request-config .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 16px #00d4ff38}.enhanced-request-config .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.enhanced-request-config .btn-secondary{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--color-text-regular, #e6e6e6)}.enhanced-request-config .btn-secondary:hover{border-color:#00d4ff73;color:var(--interactive-color, #409eff);transform:translateY(-1px);box-shadow:0 0 0 2px #409eff33 inset}.enhanced-request-config .btn-small{height:28px;padding:0 10px;font-size:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);color:var(--color-text-regular, #e6e6e6)}.enhanced-request-config .btn-small.btn-active{border:1px solid rgba(64,158,255,.4);background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.enhanced-request-config .btn-icon{width:32px;height:32px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border-radius:999px;color:var(--color-text-secondary, #a8c5e0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.enhanced-request-config .btn-icon:hover{border-color:#00d4ff73;color:var(--interactive-color, #409eff);transform:translateY(-1px);box-shadow:0 0 0 2px #409eff33 inset}.enhanced-request-config .btn-icon.btn-active{border-color:#409eff66;background:linear-gradient(180deg,#409eff38,#409eff1a);color:#eaf9ff}.enhanced-request-config .btn-icon.btn-danger{border-color:#f443364d;background:linear-gradient(180deg,#f443361a,#f443360d);color:#f44336}.enhanced-request-config .btn-icon.btn-danger:hover{border-color:#f4433680;background:linear-gradient(180deg,#f4433626,#f443361a)}.enhanced-request-config .config-content{display:grid;grid-template-columns:320px 1fr;gap:0;flex:1;overflow:hidden}.enhanced-request-config .request-list-panel{background:#ffffff05;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.enhanced-request-config .panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-request-config .panel-title{font-size:16px;font-weight:600;color:#e1e5e9;margin:0}.enhanced-request-config .panel-actions{display:flex;gap:8px}.enhanced-request-config .panel.card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.enhanced-request-config .panel-content{padding:16px}.enhanced-request-config .hidden-file-input{display:none}.enhanced-request-config .request-list{flex:1;overflow-y:auto;padding:8px}.enhanced-request-config .request-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.enhanced-request-config .request-item:hover{background:#ffffff0d;transform:translateY(-1px)}.enhanced-request-config .request-item.active{background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d);border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.enhanced-request-config .request-item.enabled{border-left:3px solid #4caf50}.enhanced-request-config .request-item.error{border-left:3px solid #f44336}.enhanced-request-config .request-status{display:flex;align-items:center}.enhanced-request-config .status-indicator{width:8px;height:8px;border-radius:50%;background:#8a9ba8}.enhanced-request-config .status-indicator.idle{background:#8a9ba8}.enhanced-request-config .status-indicator.loading{background:#ff9800;animation:erc-pulse 1.5s infinite}.enhanced-request-config .status-indicator.success{background:#4caf50}.enhanced-request-config .status-indicator.error{background:#f44336}.enhanced-request-config .status-indicator.degraded{background:#ff9800}.enhanced-request-config .request-info{flex:1;min-width:0}.enhanced-request-config .request-name{font-size:14px;font-weight:500;color:#e1e5e9;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enhanced-request-config .request-details{display:flex;gap:8px;font-size:12px;color:#8a9ba8}.enhanced-request-config .request-adapter,.enhanced-request-config .request-update-mode{background:#ffffff0d;padding:2px 6px;border-radius:4px;font-size:11px}.enhanced-request-config .request-actions{display:flex;gap:4px}.enhanced-request-config .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#8a9ba8}.enhanced-request-config .empty-state svg{margin-bottom:16px;opacity:.5}.enhanced-request-config .empty-state p{margin-bottom:16px;font-size:14px}.enhanced-request-config .config-detail-panel{background:#ffffff05;display:flex;flex-direction:column;overflow:hidden}.enhanced-request-config .config-tabs{display:flex;flex-direction:column;flex:1;overflow:hidden}.enhanced-request-config .tab-header{display:flex;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px}.enhanced-request-config .tab-button{padding:12px 16px;background:none;border:none;color:#8a9ba8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.enhanced-request-config .tab-button:hover{color:#e1e5e9;background:#ffffff0d}.enhanced-request-config .tab-button.active{color:#00d4ff;border-bottom-color:#00d4ff}.enhanced-request-config .tab-content{flex:1;overflow-y:auto}.enhanced-request-config .tab-panel{padding:16px}.enhanced-request-config .form-section{margin-bottom:32px}.enhanced-request-config .form-section-title{font-size:16px;font-weight:600;color:#e1e5e9;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-request-config .form-group{margin-bottom:20px}.enhanced-request-config .form-label{display:block;font-size:14px;color:#b8c5d1;margin-bottom:8px;font-weight:500}.enhanced-request-config .form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.enhanced-request-config .form-input,.enhanced-request-config .form-select,.enhanced-request-config .form-textarea{width:100%;padding:10px 36px 10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e1e5e9;font-size:14px;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23e1e5e9' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}.enhanced-request-config .form-input:focus,.enhanced-request-config .form-select:focus,.enhanced-request-config .form-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.enhanced-request-config .form-select option{background:#1e2329;color:#e1e5e9;padding:8px 12px;border:none}.enhanced-request-config .form-select option:hover{background:#00d4ff1a}.enhanced-request-config .form-select option:checked{background:#00d4ff33;color:#00d4ff}.enhanced-request-config .form-textarea{resize:vertical;min-height:100px}.enhanced-request-config .radio-group,.enhanced-request-config .checkbox-label{display:flex;flex-direction:column;gap:12px}.enhanced-request-config .radio-label,.enhanced-request-config .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 0;user-select:none}.enhanced-request-config .radio-label input[type=radio],.enhanced-request-config .checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#00d4ff;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:4px;transition:all .3s ease}.enhanced-request-config .radio-label input[type=radio]{border-radius:50%}.enhanced-request-config .radio-label input[type=radio]:checked,.enhanced-request-config .checkbox-label input[type=checkbox]:checked{background:#00d4ff;border-color:#00d4ff}.enhanced-request-config .radio-text,.enhanced-request-config .checkbox-text{font-size:14px;color:#e1e5e9;line-height:1.4;flex:1}.enhanced-request-config .preview-section{background:#ffffff08;border-radius:8px;padding:20px}.enhanced-request-config .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.enhanced-request-config .preview-controls{display:flex;gap:12px;align-items:center}.enhanced-request-config .preview-mode-select{width:auto;min-width:120px}.enhanced-request-config .preview-content{max-height:400px;overflow-y:auto}.enhanced-request-config .data-table{overflow-x:auto}.enhanced-request-config .data-table table{width:100%;border-collapse:collapse;font-size:13px}.enhanced-request-config .data-table th,.enhanced-request-config .data-table td{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-request-config .data-table th{background:#ffffff0d;font-weight:600;color:#b8c5d1}.enhanced-request-config .data-table td{color:#e1e5e9}.enhanced-request-config .data-json pre{margin:0;color:#00d4ff;font-size:12px;line-height:1.5;white-space:pre-wrap}.enhanced-request-config .data-chart{display:flex;align-items:center;justify-content:center;min-height:300px;background:#ffffff05;border-radius:8px;border:2px dashed rgba(255,255,255,.1)}.enhanced-request-config .chart-placeholder{text-align:center;color:#8a9ba8}.enhanced-request-config .chart-placeholder p:first-child{font-size:16px;font-weight:500;margin-bottom:8px;color:#b8c5d1}.enhanced-request-config .preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:#8a9ba8}.enhanced-request-config .preview-empty svg{margin-bottom:16px;opacity:.5}.enhanced-request-config .preview-empty p{margin-bottom:16px;font-size:14px}.enhanced-request-config .modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.enhanced-request-config .modal-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid rgba(255,255,255,.2);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.enhanced-request-config .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-request-config .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#e1e5e9}.enhanced-request-config .btn-close{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#e1e5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.enhanced-request-config .btn-close:hover{background:#ffffff26;transform:rotate(90deg)}.enhanced-request-config .modal-body{padding:24px}.enhanced-request-config .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:1024px){.enhanced-request-config .config-content{grid-template-columns:280px 1fr}.enhanced-request-config .config-header{flex-direction:column;gap:16px;align-items:flex-start}.enhanced-request-config .header-actions{width:100%;justify-content:flex-end}}@media(max-width:768px){.enhanced-request-config .config-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.enhanced-request-config .request-list-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);max-height:300px}.enhanced-request-config .tab-header{overflow-x:auto;-webkit-overflow-scrolling:touch}.enhanced-request-config .tab-button{white-space:nowrap;padding:12px}.enhanced-request-config .config-stats{flex-wrap:wrap;gap:12px}.enhanced-request-config .preview-header{flex-direction:column;gap:12px;align-items:stretch}.enhanced-request-config .preview-controls{justify-content:flex-end}.enhanced-request-config .form-grid-2{grid-template-columns:1fr}}@media(max-width:480px){.enhanced-request-config .config-header,.enhanced-request-config .tab-panel{padding:16px}.enhanced-request-config .modal-content{width:95%;margin:20px}.enhanced-request-config .modal-body{padding:16px}}.enhanced-request-config::-webkit-scrollbar{width:8px;height:8px}.enhanced-request-config::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.enhanced-request-config::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.enhanced-request-config::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.enhanced-request-config .visual-mapping-panel{padding:0;background:none;border-radius:0;border:none;backdrop-filter:none}.enhanced-request-config .visual-mapping-panel .mapping-section{margin-bottom:24px;animation:erc-fadeIn .3s ease-out}.enhanced-request-config .visual-mapping-panel .section-title{font-size:16px;font-weight:600;color:#e1e5e9;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-request-config .visual-mapping-panel .form-label{display:block;font-size:14px;color:#b8c5d1;margin-bottom:8px}.enhanced-request-config .visual-mapping-panel .form-input,.enhanced-request-config .visual-mapping-panel .form-select{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e1e5e9;font-size:14px;transition:all .3s ease}.enhanced-request-config .visual-mapping-panel .form-input:focus,.enhanced-request-config .visual-mapping-panel .form-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.enhanced-request-config .visual-mapping-panel .data-source-selector{margin-bottom:16px}.enhanced-request-config .visual-mapping-panel .field-mapping-container{background:#ffffff08;border-radius:8px;padding:16px}.enhanced-request-config .visual-mapping-panel .mapping-grid{display:flex;flex-direction:column;gap:12px}.enhanced-request-config .visual-mapping-panel .mapping-header{display:grid;grid-template-columns:1fr 1fr 1fr 60px;gap:12px;font-size:12px;color:#8a9ba8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.enhanced-request-config .visual-mapping-panel .mapping-row{display:grid;grid-template-columns:1fr 1fr 1fr 60px;gap:12px;align-items:center}.enhanced-request-config .visual-mapping-panel .mapping-field{min-width:0}.enhanced-request-config .visual-mapping-panel .mapping-actions{display:flex;justify-content:center}.enhanced-request-config .visual-mapping-panel .btn-icon{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:6px;color:#e1e5e9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.enhanced-request-config .visual-mapping-panel .btn-icon:hover{background:#ffffff26;transform:translateY(-1px)}.enhanced-request-config .visual-mapping-panel .btn-icon.btn-danger{background:#f4433633;color:#f44336}.enhanced-request-config .visual-mapping-panel .btn-icon.btn-danger:hover{background:#f443364d}.enhanced-request-config .visual-mapping-panel .btn-add-mapping{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:12px}.enhanced-request-config .visual-mapping-panel .btn-add-mapping:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.enhanced-request-config .visual-mapping-panel .chart-recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.enhanced-request-config .visual-mapping-panel .chart-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.enhanced-request-config .visual-mapping-panel .chart-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.enhanced-request-config .visual-mapping-panel .chart-card.perfect{border-color:#4caf50;background:linear-gradient(135deg,#4caf501a,#4caf500d)}.enhanced-request-config .visual-mapping-panel .chart-card.good{border-color:#ff9800;background:linear-gradient(135deg,#ff98001a,#ff98000d)}.enhanced-request-config .visual-mapping-panel .chart-card.partial{border-color:#f44336;background:linear-gradient(135deg,#f443361a,#f443360d)}.enhanced-request-config .visual-mapping-panel .chart-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:#00d4ff}.enhanced-request-config .visual-mapping-panel .chart-name{font-size:14px;font-weight:600;color:#e1e5e9;margin-bottom:6px}.enhanced-request-config .visual-mapping-panel .compatibility-score{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.enhanced-request-config .visual-mapping-panel .score-label{font-size:11px;color:#8a9ba8}.enhanced-request-config .visual-mapping-panel .score-value{font-size:12px;font-weight:600;color:#4caf50}.enhanced-request-config .visual-mapping-panel .required-fields{display:flex;flex-direction:column;gap:3px}.enhanced-request-config .visual-mapping-panel .fields-label{font-size:12px;color:#8a9ba8}.enhanced-request-config .visual-mapping-panel .fields-list{font-size:12px;color:#b8c5d1}.enhanced-request-config .visual-mapping-panel .compatibility-indicator{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:4px}.enhanced-request-config .visual-mapping-panel .actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.enhanced-request-config .visual-mapping-panel .score-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.enhanced-request-config .visual-mapping-panel .preview-container{background:#ffffff08;border-radius:8px;padding:16px}.enhanced-request-config .visual-mapping-panel .preview-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.enhanced-request-config .visual-mapping-panel .btn-toggle-preview{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e1e5e9;font-size:14px;cursor:pointer;transition:all .3s ease}.enhanced-request-config .visual-mapping-panel .btn-toggle-preview.active{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff;color:#fff}.enhanced-request-config .visual-mapping-panel .preview-mode-select{width:auto;min-width:120px}.enhanced-request-config .visual-mapping-panel .preview-content{max-height:300px;overflow-y:auto}.enhanced-request-config .visual-mapping-panel .preview-table{overflow-x:auto}.enhanced-request-config .visual-mapping-panel .preview-table table{width:100%;border-collapse:collapse;font-size:14px}.enhanced-request-config .visual-mapping-panel .preview-table th,.enhanced-request-config .visual-mapping-panel .preview-table td{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-request-config .visual-mapping-panel .preview-table th{background:#ffffff0d;font-weight:600;color:#b8c5d1}.enhanced-request-config .visual-mapping-panel .preview-table td{color:#e1e5e9}.enhanced-request-config .visual-mapping-panel .preview-json{background:#0000004d;border-radius:6px;padding:16px;overflow-x:auto}.enhanced-request-config .visual-mapping-panel .preview-json pre{margin:0;color:#00d4ff;font-size:13px;line-height:1.5}.enhanced-request-config .visual-mapping-panel .preview-chart{display:flex;align-items:center;justify-content:center;min-height:200px;background:#ffffff05;border-radius:8px;border:2px dashed rgba(255,255,255,.1)}.enhanced-request-config .visual-mapping-panel .chart-placeholder{text-align:center;color:#8a9ba8}.enhanced-request-config .visual-mapping-panel .chart-placeholder p:first-child{font-size:16px;font-weight:500;margin-bottom:8px}.enhanced-request-config .visual-mapping-panel .drag-drop-zone{margin-top:12px;padding:24px;border:2px dashed rgba(255,255,255,.3);border-radius:12px;text-align:center;transition:all .3s ease;cursor:pointer}.enhanced-request-config .visual-mapping-panel .drag-drop-zone.active{border-color:#00d4ff;background:#00d4ff0d;transform:scale(1.02)}.enhanced-request-config .visual-mapping-panel .drop-message{color:#8a9ba8}.enhanced-request-config .visual-mapping-panel .drop-message svg{margin-bottom:16px;color:#00d4ff}.enhanced-request-config .visual-mapping-panel .drop-message p:first-child{font-size:16px;font-weight:500;color:#e1e5e9;margin-bottom:8px}.enhanced-request-config .visual-mapping-panel .drop-hint{font-size:14px;color:#b8c5d1}@media(max-width:768px){.enhanced-request-config .visual-mapping-panel .mapping-header,.enhanced-request-config .visual-mapping-panel .mapping-row{grid-template-columns:1fr;gap:8px}.enhanced-request-config .visual-mapping-panel .mapping-header{display:none}.enhanced-request-config .visual-mapping-panel .mapping-row{background:#ffffff08;border-radius:8px;padding:12px}.enhanced-request-config .visual-mapping-panel .chart-recommendations{grid-template-columns:1fr}.enhanced-request-config .visual-mapping-panel .preview-controls{flex-direction:column;gap:12px;align-items:stretch}.enhanced-request-config .visual-mapping-panel .preview-mode-select{width:100%}}@media(max-width:480px){.enhanced-request-config .visual-mapping-panel{padding:16px}.enhanced-request-config .visual-mapping-panel .drag-drop-zone{padding:24px}}:root{--form-padding-y: 8px;--form-padding-x: 16px;--form-border-width: 1px;--form-border-color: #2a3f5f;--form-radius: 4px;--form-radius-pill: 999px;--form-control-height: 36px;--form-font-size: 14px;--form-bg: linear-gradient(135deg, rgba(0, 212, 255, .15) 0%, rgba(0, 153, 204, .08) 100%);--color-primary: #00d4ff;--color-secondary: #0099cc;--color-accent: #ff6b35;--color-success: #00ff88;--color-warning: #ffaa00;--color-danger: #ff4757;--color-text-primary: #ffffff;--color-text-regular: #e8f4fd;--color-text-secondary: #a8c5e0;--color-text-placeholder: #6b8db5;--border-color-base: #2a3f5f;--border-color-light: #3d5a85;--border-color-glow: #00d4ff;--bg-color-dark: #0a0e1a;--bg-color-darker: #050810;--bg-color-light: #1a2332;--bg-color-panel: #0f1419;--bg-color-card: #141b26;--radius-base: 4px;--radius-large: 6px;--font-family-base: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-small: 13px;--font-size-base: 14px;--font-size-medium: 16px;--line-height-base: 1.5;--transition-duration-base: .3s;--transition-duration-slow: .5s;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0099cc 50%, #006699 100%);--gradient-secondary: linear-gradient(135deg, #1a2332 0%, #0f1419 100%);--gradient-glass: linear-gradient(135deg, rgba(0, 212, 255, .15) 0%, rgba(0, 153, 204, .08) 100%);--gradient-panel: linear-gradient(135deg, rgba(26, 35, 50, .9) 0%, rgba(15, 20, 25, .95) 100%);--gradient-card: linear-gradient(135deg, rgba(20, 27, 38, .8) 0%, rgba(10, 14, 26, .9) 100%);--gradient-border: linear-gradient(135deg, #00d4ff 0%, #0099cc 50%, transparent 100%);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 212, 255, .1);--shadow-panel: 0 4px 20px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(0, 212, 255, .1);--shadow-hover: 0 12px 40px rgba(0, 212, 255, .2), 0 4px 16px rgba(0, 0, 0, .3);--glow-primary: 0 0 30px rgba(0, 212, 255, .4);--glow-secondary: 0 0 20px rgba(0, 153, 204, .3);--backdrop-filter-blur: blur(10px);--interactive-color: #409eff;--gradient-button-default: linear-gradient(135deg, rgba(45, 45, 45, .8) 0%, rgba(26, 26, 26, .9) 100%);--gradient-button-active: linear-gradient(135deg, #409eff 0%, #67c23a 100%);--gradient-highlight: linear-gradient(90deg, transparent, rgba(64, 158, 255, .2), transparent);--shadow-button-hover: 0 4px 15px rgba(64, 158, 255, .2)}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;color:#fff;background:#0a0e1a;background-image:radial-gradient(circle at 10% 20%,rgba(0,212,255,.05) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(0,153,204,.03) 0%,transparent 50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#050810;border-radius:4px;box-shadow:inset 0 0 4px #0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#09c,#069);border-radius:4px;box-shadow:var(--glow-secondary, 0 0 6px rgba(0, 212, 255, .3))}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00d4ff 0%,#0099cc 50%,transparent 100%);box-shadow:var(--glow-secondary, 0 0 20px rgba(0, 153, 204, .3))}::selection{background:linear-gradient(135deg,#00d4ff,#09c,#069);color:var(--color-text-primary, #ffffff);text-shadow:0 0 4px rgba(0,0,0,.5)}#app[data-v-a0b104ea]{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}