*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:#f5f5f5;color:#000000d9}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ant-layout{background:#f5f5f5}.ant-card{transition:all .3s ease}.ant-card:hover{box-shadow:0 4px 12px #0000000d,0 2px 8px -2px #0000000a,0 4px 6px #0000000a!important}.ant-statistic-title{color:#000000a6;font-size:14px;margin-bottom:4px;font-weight:400}.ant-statistic-content{font-weight:600}.ant-menu-item{display:flex;align-items:center;margin:4px 8px;border-radius:6px;padding:0 16px!important;height:40px;transition:all .2s ease}.ant-menu-item-selected{background:#e6f7ff!important}.ant-menu-item:hover{background:#f5f5f5}.ant-menu-item a{color:inherit;text-decoration:none}.ant-menu-item-icon{font-size:16px}.ant-btn{border-radius:6px;font-weight:500;transition:all .2s ease}.ant-btn-primary{box-shadow:0 2px #1890ff1a}.ant-btn-primary:hover{box-shadow:0 4px 8px #1890ff33}.ant-modal-content{border-radius:8px}.ant-modal-header{border-radius:8px 8px 0 0}.ant-form-item-label>label{font-weight:500}.ant-table{border-radius:8px;overflow:hidden}.ant-table-thead>tr>th{background:#fafafa;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}@media(max-width:768px){.ant-layout-sider{position:fixed!important;height:calc(100vh - 64px)!important;z-index:100;top:64px}.ant-layout-content{margin-left:0!important}.ant-col{margin-bottom:16px}}.editor-layout{height:100vh;display:flex;flex-direction:column;background:var(--ed-color-bg-page)}.editor-main{flex:1;display:flex;overflow:hidden}.editor-sider{background:var(--ed-color-bg-panel);overflow-y:auto;box-shadow:var(--ed-shadow-sm)}.editor-sider-left{border-right:1px solid var(--ed-color-border)}.editor-sider-right{border-left:1px solid var(--ed-color-border)}.editor-sider-resizer{flex:0 0 var(--ed-spacing-sm);width:var(--ed-spacing-sm);cursor:col-resize;position:relative;background:transparent}.editor-sider-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:var(--ed-color-primary-ring-md);transition:background-color var(--ed-transition-normal)}.editor-sider-resizer:hover:after{background:var(--ed-color-primary-ring-lg)}.editor-content{flex:1;background:var(--ed-color-bg-canvas);overflow:auto;display:flex;justify-content:center;padding:var(--ed-spacing-xl)}.editor-canvas-wrapper{width:100%;max-width:1200px;min-height:calc(100vh - 100px);background:var(--ed-color-bg-panel);border-radius:var(--ed-radius-lg);box-shadow:var(--ed-shadow-md);overflow:visible;transition:max-width .3s ease}.editor-canvas-wrapper.viewport-tablet{max-width:768px}.editor-canvas-wrapper.viewport-mobile{max-width:375px}.editor-canvas-wrapper.previewing{box-shadow:none;border-radius:0}.editor-canvas{min-height:100%;position:relative}.editor-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;color:var(--ed-color-text-tertiary);padding:60px 40px;text-align:center}.editor-canvas-empty-icon{font-size:64px;margin-bottom:var(--ed-spacing-xl);color:var(--ed-color-text-disabled)}.editor-canvas-empty h3{font-size:var(--ed-font-size-xl);color:var(--ed-color-text);margin-bottom:var(--ed-spacing-sm)}.editor-canvas-empty p{font-size:var(--ed-font-size-lg);color:var(--ed-color-text-tertiary);margin-bottom:var(--ed-spacing-xl);max-width:400px}.editor-loading{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:var(--ed-spacing-lg);background:var(--ed-color-bg-page)}.editor-saving-indicator{position:fixed;bottom:20px;right:20px;background:var(--ed-color-overlay-dark);color:var(--ed-color-text-on-dark);padding:var(--ed-spacing-sm) var(--ed-spacing-lg);border-radius:var(--ed-radius-lg);display:flex;align-items:center;gap:var(--ed-spacing-sm);z-index:1000;font-size:var(--ed-font-size-md)}.editor-toolbar{background:var(--ed-color-bg-panel);padding:0 var(--ed-spacing-lg);display:flex;align-items:center;height:var(--ed-toolbar-height);border-bottom:1px solid var(--ed-color-border);box-shadow:var(--ed-shadow-sm);flex-shrink:0;z-index:100}.editor-toolbar-left{display:flex;align-items:center;gap:var(--ed-spacing-lg)}.editor-toolbar-center{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--ed-spacing-lg)}.editor-toolbar-right{display:flex;align-items:center;gap:var(--ed-spacing-md)}.editor-toolbar .ant-btn{color:var(--ed-color-text-secondary)}.editor-toolbar .ant-btn:hover{color:var(--ed-color-text);background:var(--ed-color-bg-hover)}.editor-toolbar .ant-btn-primary{background:var(--ed-color-primary);color:var(--ed-color-text-on-dark)}.editor-page-title{color:var(--ed-color-text);font-size:var(--ed-font-size-lg);font-weight:var(--ed-font-weight-medium, 500)}.editor-unsaved-badge{background:var(--ed-color-unsaved);color:var(--ed-color-text-on-dark);font-size:var(--ed-font-size-xs);padding:2px var(--ed-spacing-sm);border-radius:var(--ed-radius-full);margin-left:var(--ed-spacing-sm)}.toolbar-divider{width:1px;height:20px;background:var(--ed-color-border);margin:0 var(--ed-spacing-sm);flex-shrink:0}.viewport-toggle{display:flex;background:var(--ed-color-bg-hover);border-radius:var(--ed-radius-md);overflow:hidden;border:1px solid var(--ed-color-border)}.viewport-toggle .ant-btn{border-radius:0;border:none;color:var(--ed-color-text-secondary)}.viewport-toggle .ant-btn.active{background:var(--ed-color-primary-light);color:var(--ed-color-primary)}.zoom-control{display:flex;align-items:center;gap:var(--ed-spacing-sm);color:var(--ed-color-text-secondary);font-size:var(--ed-font-size-sm)}.zoom-control .ant-slider{width:80px;margin:0}.editor-toolbar .ant-segmented{background:var(--ed-color-bg-hover)}.editor-toolbar .ant-segmented-item-selected{background:var(--ed-color-bg-panel);color:var(--ed-color-primary)}.editor-toolbar .ant-segmented-item:not(.ant-segmented-item-selected):hover{color:var(--ed-color-text)}.block-library{padding:var(--ed-spacing-lg) 0 var(--ed-spacing-lg) var(--ed-spacing-lg);height:100%;display:flex;flex-direction:column}.block-library-header{margin-bottom:var(--ed-spacing-lg);padding-bottom:var(--ed-spacing-md);border-bottom:1px solid var(--ed-color-border-light);flex-shrink:0}.block-library-header h3{font-size:var(--ed-font-size-lg);font-weight:600;color:var(--ed-color-text)}.block-library-search{margin-bottom:var(--ed-spacing-lg);flex-shrink:0}.block-library-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.block-library-scroll::-webkit-scrollbar{width:4px}.block-library-scroll::-webkit-scrollbar-track{background:transparent}.block-library-scroll::-webkit-scrollbar-thumb{background:var(--ed-color-border);border-radius:2px}.block-library-scroll::-webkit-scrollbar-thumb:hover{background:var(--ed-color-text-tertiary)}.block-library-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ed-spacing-sm)}.block-library-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ed-spacing-md) var(--ed-spacing-sm);border:1px solid var(--ed-color-border);border-radius:var(--ed-radius-lg);cursor:grab;transition:all var(--ed-transition-normal);background:var(--ed-color-bg-subtle);-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box;min-height:80px}.block-library-item-group{width:100%}.block-library-item:hover{border-color:var(--ed-color-primary);background:var(--ed-color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px var(--ed-color-primary-ring-sm)}.block-library-item:active,.block-library-item.dragging{cursor:grabbing;opacity:.8}.block-library-item.dragging-overlay{background:var(--ed-color-bg-panel);border-color:var(--ed-color-primary);box-shadow:var(--ed-shadow-lg);cursor:grabbing}.block-library-item-icon{font-size:24px;margin-bottom:var(--ed-spacing-xs);line-height:1}.block-library-item-name{font-size:var(--ed-font-size-sm);text-align:center;color:var(--ed-color-text-secondary);line-height:1.3}.block-library-tip{margin-top:auto;padding:var(--ed-spacing-md);background:var(--ed-color-bg-hover);border-radius:var(--ed-radius-md);font-size:var(--ed-font-size-sm);color:var(--ed-color-text-tertiary)}.block-wrapper{position:relative;transition:outline var(--ed-transition-fast);animation:fadeIn .2s ease}.block-wrapper:hover{outline:2px dashed var(--ed-color-primary);outline-offset:2px}.block-wrapper.selected{outline:2px solid var(--ed-color-primary);outline-offset:2px}.block-wrapper.dragging{opacity:.5}.block-wrapper.dragging-overlay{background:var(--ed-color-bg-panel);box-shadow:0 12px 36px var(--ed-shadow-lg);border-radius:var(--ed-radius-sm);overflow:hidden}.block-wrapper-label{position:absolute;top:-24px;left:0;background:var(--ed-color-primary);color:var(--ed-color-text-on-dark);font-size:var(--ed-font-size-xs);padding:2px var(--ed-spacing-sm);border-radius:var(--ed-radius-sm) var(--ed-radius-sm) 0 0;z-index:10;white-space:nowrap}.block-wrapper-toolbar{position:absolute;top:-36px;right:0;display:flex;gap:2px;background:var(--ed-color-primary);padding:var(--ed-spacing-xs);border-radius:var(--ed-radius-md);opacity:0;transition:opacity var(--ed-transition-normal);z-index:11}.block-wrapper:hover .block-wrapper-toolbar,.block-wrapper.selected .block-wrapper-toolbar{opacity:1}.block-wrapper-toolbar .ant-btn{color:var(--ed-color-text-on-dark);padding:var(--ed-spacing-xs) var(--ed-spacing-sm);height:auto;min-width:28px}.block-wrapper-toolbar .ant-btn:hover{background:var(--ed-color-white-alpha-20)}.block-wrapper-toolbar .ant-btn:disabled{color:var(--ed-color-white-alpha-40)}.block-wrapper-toolbar .drag-handle{cursor:grab}.block-wrapper-toolbar .drag-handle:active{cursor:grabbing}.block-wrapper.is-container{min-height:80px}.block-wrapper.is-container>.block-wrapper-label{font-weight:600}.block-wrapper.locked{cursor:not-allowed;outline-color:var(--ed-color-text-tertiary)!important}.block-wrapper.locked .block-wrapper-toolbar{display:none}.block-wrapper.locked:after{content:"🔒";position:absolute;top:4px;right:4px;font-size:12px;z-index:12;pointer-events:none}.block-wrapper.hidden-block{opacity:.35;outline:2px dashed var(--ed-color-text-tertiary);outline-offset:2px}.block-wrapper.multi-selected{outline:2px solid var(--ed-color-primary);outline-offset:2px;background:var(--ed-color-primary-light)}.block-unknown{padding:var(--ed-spacing-xl);background:var(--ed-color-bg-subtle);border:1px dashed var(--ed-color-warning);text-align:center;color:var(--ed-color-error);border-radius:var(--ed-radius-md)}.drop-zone{min-height:24px;border:2px dashed transparent;border-radius:var(--ed-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--ed-transition-normal);margin:var(--ed-spacing-xs) 0}.drop-zone:hover{border-color:var(--ed-color-border);background:var(--ed-color-bg-subtle)}.drop-zone.active{border-color:var(--ed-color-primary);background:var(--ed-color-primary-light);min-height:60px}.drop-zone-indicator{color:var(--ed-color-primary);font-size:var(--ed-font-size-md);display:flex;align-items:center;gap:var(--ed-spacing-sm)}.container-drop-zone{display:flex;align-items:center;justify-content:center;transition:all var(--ed-transition-normal)}.container-drop-zone.active{min-height:50px;border:2px dashed var(--ed-color-primary);border-radius:var(--ed-radius-md);background:var(--ed-color-primary-light)}.inspector{padding:var(--ed-spacing-md);height:100%;overflow-y:auto;background:var(--ed-color-bg-subtle)}.inspector-empty{text-align:center;color:var(--ed-color-text-tertiary);padding:40px 20px}.inspector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ed-spacing-md);padding:0 0 var(--ed-spacing-md);border-bottom:1px solid var(--ed-color-border)}.inspector-title{font-size:var(--ed-font-size-lg);font-weight:600;color:var(--ed-color-text)}.inspector-section{margin-bottom:var(--ed-spacing-xl)}.inspector-section-title{font-size:var(--ed-font-size-sm);font-weight:600;text-transform:uppercase;color:var(--ed-color-text-tertiary);margin-bottom:var(--ed-spacing-md);letter-spacing:.5px}.inspector-field{margin-bottom:18px}.inspector-field-label{font-size:var(--ed-font-size-sm);color:var(--ed-color-text-secondary);margin-bottom:7px;display:flex;align-items:center;gap:var(--ed-spacing-xs);font-weight:500}.inspector-field-required{color:var(--ed-color-error)}.inspector-field-description{font-size:var(--ed-font-size-xs);color:var(--ed-color-text-tertiary);margin-top:5px}.inspector-field-boolean .inspector-field-inline{display:flex;justify-content:space-between;align-items:center}.inspector-field-boolean .inspector-field-label{margin-bottom:0}.inspector-empty-props{color:var(--ed-color-text-tertiary);font-size:var(--ed-font-size-md)}.inspector-split-tabs{--inspector-category-width: 96px;position:relative;display:flex;border:1px solid var(--ed-color-border);border-radius:var(--ed-radius-xl);background:var(--ed-color-bg-panel);box-shadow:var(--ed-shadow-sm);overflow:hidden}.inspector-category-list{width:var(--inspector-category-width);min-width:var(--inspector-category-width);max-width:var(--inspector-category-width);margin:0;padding:var(--ed-spacing-md) var(--ed-spacing-sm) var(--ed-spacing-md) var(--ed-spacing-md);background:var(--ed-color-bg-page);display:flex;flex-direction:column;gap:var(--ed-spacing-sm)}.inspector-category-item{border:none;background:transparent;text-align:left;cursor:pointer;padding:var(--ed-spacing-sm) var(--ed-spacing-md);border-radius:var(--ed-radius-lg);color:var(--ed-color-text-secondary);font-size:var(--ed-font-size-md);transition:background-color var(--ed-transition-normal),color var(--ed-transition-normal)}.inspector-category-item:hover{background:var(--ed-color-primary-light);color:var(--ed-color-primary)}.inspector-category-item.active{background:var(--ed-color-primary-light);box-shadow:inset 0 0 0 1px var(--ed-color-primary-border);color:var(--ed-color-primary);font-weight:600}.inspector-category-content{flex:1;min-width:0;background:var(--ed-color-bg-panel)}.inspector-category-content .inspector-section{padding:var(--ed-spacing-md) var(--ed-spacing-lg) var(--ed-spacing-sm) 18px}.inspector-image-field{display:flex;flex-direction:column;gap:var(--ed-spacing-sm)}.inspector-image-preview{position:relative;border-radius:var(--ed-radius-md);overflow:hidden;border:1px solid var(--ed-color-border)}.inspector-image-preview img{width:100%;display:block}.inspector-image-remove{position:absolute;top:var(--ed-spacing-xs);right:var(--ed-spacing-xs);background:var(--ed-color-overlay-light);border-radius:var(--ed-radius-sm)}.inspector-image-remove:hover{background:var(--ed-color-danger-translucent)}.inspector-multilingual-field{display:flex;flex-direction:column;gap:var(--ed-spacing-sm)}.inspector-multilingual-tabs{display:flex;gap:var(--ed-spacing-xs);flex-wrap:wrap}.inspector-multilingual-tabs .ant-btn{font-size:var(--ed-font-size-xs);padding:2px var(--ed-spacing-sm);height:auto}.inspector-array-field{display:flex;flex-direction:column;gap:var(--ed-spacing-sm)}.inspector-array-item{display:flex;gap:var(--ed-spacing-sm);align-items:flex-start}.inspector-array-item-content{flex:1}.inspector-array-card{border:1px solid var(--ed-color-border);border-radius:var(--ed-radius-lg);overflow:hidden;background:var(--ed-color-bg-subtle);box-shadow:var(--ed-shadow-sm)}.inspector-array-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ed-spacing-sm) var(--ed-spacing-md);background:var(--ed-color-bg-page);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--ed-transition-normal)}.inspector-array-card-header:hover{background:var(--ed-color-bg-hover)}.inspector-array-card-title{font-size:var(--ed-font-size-sm);font-weight:500;color:var(--ed-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.inspector-array-card-body{padding:var(--ed-spacing-md);background:var(--ed-color-bg-panel);border-top:1px solid var(--ed-color-border)}.inspector-object-field{display:flex;flex-direction:column;gap:var(--ed-spacing-md)}.inspector-object-property{display:flex;flex-direction:column;gap:var(--ed-spacing-xs)}.inspector-object-property .inspector-field-label{font-size:var(--ed-font-size-xs);color:var(--ed-color-text-tertiary);margin-bottom:2px}.component-manager{display:flex;flex-direction:column;gap:var(--ed-spacing-md)}.component-manager-header{padding:var(--ed-spacing-xs) 0 2px}.component-manager-title{font-size:var(--ed-font-size-lg);font-weight:600;color:var(--ed-color-text)}.component-manager-subtitle{margin-top:var(--ed-spacing-xs);font-size:var(--ed-font-size-sm);color:var(--ed-color-text-tertiary)}.component-manager-list{display:flex;flex-direction:column;gap:var(--ed-spacing-sm)}.component-manager-item{display:flex;align-items:center;justify-content:space-between;gap:var(--ed-spacing-md);padding:var(--ed-spacing-md);background:var(--ed-color-bg-panel);border:1px solid var(--ed-color-border);border-radius:var(--ed-radius-lg);box-shadow:var(--ed-shadow-sm);cursor:pointer;transition:transform var(--ed-transition-fast),box-shadow var(--ed-transition-fast),border-color var(--ed-transition-fast)}.component-manager-item:hover{transform:translateY(-1px);border-color:var(--ed-color-primary-border);box-shadow:0 4px 12px var(--ed-color-primary-ring-sm)}.component-manager-item.selected{border-color:var(--ed-color-primary);box-shadow:0 0 0 3px var(--ed-color-primary-ring-sm)}.component-manager-item-main{display:flex;align-items:center;gap:var(--ed-spacing-sm);min-width:0;flex:1}.component-manager-item-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--ed-radius-lg);background:var(--ed-color-primary-light);font-size:18px;flex-shrink:0}.component-manager-item-copy{min-width:0}.component-manager-item-title{font-size:var(--ed-font-size-md);font-weight:600;color:var(--ed-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-manager-item-meta{display:flex;align-items:center;gap:var(--ed-spacing-sm);flex-wrap:wrap;margin-top:var(--ed-spacing-xs);font-size:var(--ed-font-size-xs);color:var(--ed-color-text-tertiary)}.component-manager-item-type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.component-manager-drag{cursor:grab}.component-manager-drag:active{cursor:grabbing}.component-manager-empty{padding:var(--ed-spacing-xl) var(--ed-spacing-sm) var(--ed-spacing-sm)}.preview-frame-container{display:flex;flex-direction:column;height:100%;background:var(--ed-color-bg-page)}.preview-frame-container.fullscreen{position:fixed;inset:0;z-index:1000}.preview-frame-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--ed-spacing-sm) var(--ed-spacing-lg);background:var(--ed-color-bg-panel);border-bottom:1px solid var(--ed-color-border)}.preview-frame-wrapper{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:var(--ed-spacing-xl);overflow:auto}.preview-frame-viewport{background:var(--ed-color-bg-panel);box-shadow:var(--ed-shadow-md);border-radius:var(--ed-radius-lg);overflow:hidden;transition:all .3s;position:relative}.preview-frame-viewport.viewport-tablet,.preview-frame-viewport.viewport-mobile{border-radius:24px;border:8px solid var(--ed-color-text)}.preview-frame-iframe{width:100%;height:100%;border:none;display:block;min-height:600px}.preview-frame-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-modal-overlay{position:fixed;inset:0;background:var(--ed-color-overlay-dark);z-index:1000;display:flex;align-items:center;justify-content:center}.preview-modal-content{width:95vw;height:95vh;background:var(--ed-color-bg-panel);border-radius:var(--ed-radius-lg);overflow:hidden}.style-editor{padding:0}.style-editor-empty{text-align:center;color:var(--ed-color-text-tertiary);padding:40px 20px}.style-editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ed-spacing-md) 0;border-bottom:1px solid var(--ed-color-border-light);margin-bottom:var(--ed-spacing-sm)}.style-editor-header h4{margin:0;font-size:var(--ed-font-size-lg);font-weight:600;color:var(--ed-color-text)}.style-editor-block-type{font-size:var(--ed-font-size-xs);color:var(--ed-color-text-tertiary);background:var(--ed-color-bg-hover);padding:2px var(--ed-spacing-sm);border-radius:var(--ed-radius-sm)}.style-editor-section{display:flex;flex-direction:column;gap:var(--ed-spacing-md);padding:var(--ed-spacing-sm) 0}.style-editor-row{display:flex;align-items:center;gap:var(--ed-spacing-md)}.style-editor-row label{font-size:var(--ed-font-size-sm);color:var(--ed-color-text-secondary);min-width:70px;flex-shrink:0}.style-editor-hint{font-size:var(--ed-font-size-xs);color:var(--ed-color-text-tertiary);margin-top:var(--ed-spacing-xs)}.style-editor-hint code{background:var(--ed-color-bg-hover);padding:1px var(--ed-spacing-xs);border-radius:2px;font-family:ui-monospace,monospace}.style-editor-spacing{margin-bottom:var(--ed-spacing-lg)}.style-editor-spacing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ed-spacing-sm);font-size:var(--ed-font-size-sm);color:var(--ed-color-text-secondary);font-weight:500}.style-editor-spacing-box{position:relative;border:2px solid var(--ed-color-border);border-radius:var(--ed-radius-lg);padding:40px 50px;background:var(--ed-color-bg-subtle)}.style-editor-spacing-input{position:absolute}.style-editor-spacing-input.top{top:var(--ed-spacing-sm);left:50%;transform:translate(-50%)}.style-editor-spacing-input.right{right:var(--ed-spacing-sm);top:50%;transform:translateY(-50%)}.style-editor-spacing-input.bottom{bottom:var(--ed-spacing-sm);left:50%;transform:translate(-50%)}.style-editor-spacing-input.left{left:var(--ed-spacing-sm);top:50%;transform:translateY(-50%)}.style-editor-spacing-input .ant-input-number{text-align:center}.style-editor-spacing-center{display:flex;align-items:center;justify-content:center;border:1px dashed var(--ed-color-border);border-radius:var(--ed-radius-sm);padding:var(--ed-spacing-sm) var(--ed-spacing-lg);font-size:var(--ed-font-size-xs);color:var(--ed-color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.style-editor-radius-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ed-spacing-sm);margin-top:var(--ed-spacing-sm);padding:var(--ed-spacing-sm);background:var(--ed-color-bg-subtle);border-radius:var(--ed-radius-md)}.style-editor-radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--ed-spacing-xs)}.style-editor-radius-item span{font-size:var(--ed-font-size-xs);color:var(--ed-color-text-tertiary)}.style-editor-shadow-preview{width:100%;height:60px;background:var(--ed-color-bg-panel);border-radius:var(--ed-radius-lg);display:flex;align-items:center;justify-content:center;margin-top:var(--ed-spacing-md);font-size:var(--ed-font-size-sm);color:var(--ed-color-text-tertiary);border:1px solid var(--ed-color-border-light)}.editor-canvas-wrapper.editor-canvas-h5{width:375px;min-width:375px;max-width:375px;min-height:calc(100vh - 100px);background:var(--ed-color-bg-panel);border-radius:var(--ed-radius-xl);box-shadow:0 0 0 2px var(--ed-color-text-secondary),0 0 0 6px var(--ed-color-text),0 8px 32px var(--ed-shadow-lg);overflow:visible}.editor-canvas-h5-statusbar{background:var(--ed-color-primary-active);color:var(--ed-color-text-on-dark);font-size:var(--ed-font-size-xs);padding:6px var(--ed-spacing-lg);text-align:center;letter-spacing:.3px;border-bottom:1px solid var(--ed-color-primary-border);-webkit-user-select:none;user-select:none}@media(max-width:1200px){.editor-canvas-wrapper{max-width:100%}}@media(max-width:768px){.editor-toolbar-center{display:none}.block-library-items{grid-template-columns:1fr}.editor-sider-right{min-width:320px;max-width:92vw}.editor-sider-left{min-width:240px;max-width:80vw}.editor-sider-resizer{flex-basis:12px;width:12px}.editor-sider-resizer:after{left:5px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-dnd-kit-dragging]{opacity:.8}.editor-left-tabs{height:100%;display:flex;flex-direction:column}.editor-left-tabs .ant-tabs-nav{margin:0;padding:0 var(--ed-spacing-sm);background:var(--ed-color-bg-panel);border-bottom:1px solid var(--ed-color-border);flex-shrink:0}.editor-left-tabs .ant-tabs-content-holder{flex:1;overflow:hidden}.editor-left-tabs .ant-tabs-content,.editor-left-tabs .ant-tabs-tabpane{height:100%}.layer-tree{height:100%;overflow-y:auto;padding:var(--ed-spacing-xs) 0}.layer-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ed-spacing-sm);height:120px;color:var(--ed-color-text-tertiary);font-size:var(--ed-font-size-sm)}.layer-row{display:flex;align-items:center;height:30px;cursor:pointer;padding-right:var(--ed-spacing-sm);border-radius:var(--ed-radius-sm);margin:1px var(--ed-spacing-xs);transition:background var(--ed-transition-fast);-webkit-user-select:none;user-select:none}.layer-row:hover{background:var(--ed-color-bg-hover)}.layer-row--selected{background:var(--ed-color-bg-selected)}.layer-row--locked{opacity:.55;cursor:not-allowed}.layer-row--hidden .layer-row__name,.layer-row--hidden .layer-row__type-tag{opacity:.4}.layer-row--dragging{opacity:.4;pointer-events:none}.layer-row--drag-over{background:var(--ed-color-bg-selected);border-top:2px solid var(--ed-color-primary)}.layer-row__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--ed-color-text-tertiary);font-size:10px}.layer-row__leaf-icon{font-size:9px;color:var(--ed-color-text-tertiary)}.layer-row__label{flex:1;min-width:0;display:flex;align-items:center;gap:var(--ed-spacing-xs);overflow:hidden}.layer-row__name{font-size:var(--ed-font-size-sm);color:var(--ed-color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row__type-tag{font-size:10px;color:var(--ed-color-text-tertiary);background:var(--ed-color-bg-hover);padding:1px 4px;border-radius:var(--ed-radius-sm);flex-shrink:0}.layer-row--selected .layer-row__name{color:var(--ed-color-primary);font-weight:var(--ed-font-weight-medium, 500)}.layer-row__rename-input{width:100%;font-size:var(--ed-font-size-sm);border:1px solid var(--ed-color-primary);border-radius:var(--ed-radius-sm);padding:1px 4px;outline:none;background:var(--ed-color-bg-panel);color:var(--ed-color-text)}.layer-row__actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity var(--ed-transition-fast)}.layer-row:hover .layer-row__actions,.layer-row--selected .layer-row__actions{opacity:1}.layer-row__action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--ed-radius-sm);color:var(--ed-color-text-tertiary);font-size:11px;transition:color var(--ed-transition-fast),background var(--ed-transition-fast)}.layer-row__action:hover{color:var(--ed-color-text);background:var(--ed-color-bg-hover)}.layer-row__action.active{color:var(--ed-color-primary)}