.editor-header[data-v-0a79156b]{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0}.header-left[data-v-0a79156b]{display:flex;align-items:center;gap:8px}.header-title[data-v-0a79156b]{font-size:14px;font-weight:500;color:#333}.header-right[data-v-0a79156b]{display:flex;align-items:center;gap:8px}.toolbox[data-v-0e6adfcf]{width:290px;background:#fff;border-right:1px solid #e8e8e8;overflow-y:auto;flex-shrink:0}.toolbox-title[data-v-0e6adfcf]{padding:12px 16px;font-size:14px;font-weight:500;color:#333;border-bottom:1px solid #f0f0f0}.component-grid[data-v-0e6adfcf]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.component-item[data-v-0e6adfcf]{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:4px;cursor:pointer;transition:background-color .2s}.component-item[data-v-0e6adfcf]:hover{background-color:#f0f5ff}.component-icon[data-v-0e6adfcf]{font-size:22px;color:#666;margin-bottom:4px}.component-name[data-v-0e6adfcf]{font-size:12px;color:#666;text-align:center;line-height:1.2}.canvas-container[data-v-323ac0cb]{flex:1;display:flex;align-items:flex-start;justify-content:center;height:100%;background:#f0f2f5;overflow:auto;padding:20px 20px 40px;position:relative}.phone-mockup[data-v-323ac0cb]{width:375px;min-height:600px;height:calc(100% - 20px);background:#fff;border-radius:4px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e8e8e8;position:relative}.phone-content[data-v-323ac0cb]{flex:1;overflow:hidden;position:relative}.preview-iframe[data-v-323ac0cb]{width:100%;height:100%;border:none}.component-toolbar[data-v-323ac0cb]{position:fixed;right:calc(50% - 180px);top:50%;transform:translate(100%) translateY(-50%);display:flex;flex-direction:column;gap:4px;z-index:10;margin-left:12px}.component-toolbar .toolbar-btn[data-v-323ac0cb]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;background:#fff;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;transition:all .2s}.component-toolbar .toolbar-btn[data-v-323ac0cb]:hover{color:#0064c8;border-color:#0064c8}.component-toolbar .toolbar-btn.danger[data-v-323ac0cb]:hover{color:#ff4d4f;border-color:#ff4d4f}.component-toolbar .toolbar-btn.disabled[data-v-323ac0cb]{color:#d9d9d9;cursor:not-allowed}.component-toolbar .toolbar-btn.disabled[data-v-323ac0cb]:hover{color:#d9d9d9;border-color:#e8e8e8}.settings-panel[data-v-d74a970c]{width:380px;background:#fff;border-left:1px solid #e8e8e8;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.panel-header[data-v-d74a970c]{padding:12px 16px;font-size:14px;font-weight:500;color:#333;border-bottom:1px solid #f0f0f0}.panel-body[data-v-d74a970c]{padding:16px}.panel-tabs[data-v-d74a970c]{flex:1}.panel-tabs[data-v-d74a970c] .ant-tabs-nav{padding:0 16px;margin-bottom:0}.editor-page[data-v-b1edfac2]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.editor-body[data-v-b1edfac2]{flex:1;display:flex;overflow:hidden}#app,html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [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{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-8{height:2rem}.w-8{width:2rem}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.border{border-width:1px}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity))}.rounded{border-radius:.25rem}.border-none{border-style:none}.p-3{padding:.75rem}.px{padding-left:1rem;padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}