:root{--ed-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,sans-serif;--ed-mono:"SF Mono",ui-monospace,"Cascadia Code","Courier New",monospace;--ed-bg:rgba(24,24,27,.96);--ed-bg-secondary:#1c1c20;--ed-bg-tertiary:#27272a;--ed-bg-hover:rgba(255,255,255,.05);--ed-bg-active:rgba(255,255,255,.08);--ed-text:#fafafa;--ed-text-sec:#a1a1aa;--ed-text-muted:#71717a;--ed-accent:#3b82f6;--ed-accent-h:#2563eb;--ed-accent-bg:rgba(59,130,246,.12);--ed-green:#22c55e;--ed-green-bg:rgba(34,197,94,.12);--ed-red:#ef4444;--ed-red-bg:rgba(239,68,68,.12);--ed-purple:#a78bfa;--ed-purple-bg:rgba(167,139,250,.12);--ed-amber:#f59e0b;--ed-border:rgba(255,255,255,.08);--ed-border-focus:rgba(59,130,246,.35);--ed-shadow-xs:0 1px 2px rgba(0,0,0,.3);--ed-shadow-sm:0 1px 3px rgba(0,0,0,.4);--ed-shadow-md:0 4px 12px rgba(0,0,0,.4);--ed-shadow-lg:0 8px 30px rgba(0,0,0,.5);--ed-r-sm:6px;--ed-r-md:8px;--ed-r-lg:12px;--ed-ease:.15s cubic-bezier(.4,0,.2,1);--ed-sidebar-w:320px}.easy-mode-design{cursor:crosshair}.easy-mode-design *{transition:outline .12s,background-color .12s}.easy-mode-design .easy-hover-active{outline:2px solid var(--ed-accent);outline-offset:2px;cursor:pointer}.easy-mode-design .easy-editing{outline:2px dashed var(--ed-accent);outline-offset:3px}.easy-mode-design .easy-modified{outline:2px solid var(--ed-green);outline-offset:2px;background-color:var(--ed-green-bg)}.easy-mode-design .easy-modified.easy-hover-active{outline-color:var(--ed-accent)}.easy-mode-design .easy-content-modified{outline:2px solid var(--ed-purple);outline-offset:2px;background-color:var(--ed-purple-bg)}.easy-mode-design .easy-content-modified.easy-hover-active{outline-color:var(--ed-accent)}.easy-mode-design .easy-position-modified{outline:2px solid var(--ed-green);outline-offset:2px;background-color:var(--ed-green-bg)}.easy-mode-design .easy-position-modified.easy-hover-active{outline-color:var(--ed-accent)}.easy-content-editable{min-height:1em;outline:2px dashed var(--ed-accent)!important;outline-offset:3px!important;cursor:text!important}.easy-content-editable:focus{outline:2px solid var(--ed-accent)!important}.easy-design-sidebar{width:var(--ed-sidebar-w);background:var(--ed-bg);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--ed-border);z-index:100010;height:100vh;font-family:var(--ed-font);flex-direction:column;animation:.2s ease-out edSidebarIn;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-4px 0 24px rgba(0,0,0,.3)}.easy-design-sidebar.left{border-left:none;border-right:1px solid var(--ed-border);left:0;right:auto;box-shadow:4px 0 24px rgba(0,0,0,.3)}@keyframes edSidebarIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.easy-design-sidebar.left{animation-name:edSidebarInLeft}@keyframes edSidebarInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.ed-header{border-bottom:1px solid var(--ed-border);background:var(--ed-bg-secondary);flex-shrink:0;align-items:center;gap:6px;padding:12px 14px;display:flex}.ed-header-title{color:var(--ed-text);letter-spacing:-.3px;flex:1;font-size:13px;font-weight:700}.ed-header-btn{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);background:var(--ed-bg-tertiary);width:28px;height:28px;color:var(--ed-text-sec);cursor:pointer;transition:all var(--ed-ease);justify-content:center;align-items:center;padding:0;display:flex}.ed-header-btn:hover{border-color:var(--ed-accent);color:var(--ed-accent)}.ed-header-btn svg{width:14px;height:14px}.ed-header-changes{align-items:center;gap:4px;margin-left:auto;animation:.2s edFadeIn;display:flex}@keyframes edFadeIn{0%{opacity:0}to{opacity:1}}.ed-header-changes-badge{background:var(--ed-accent);color:#fff;min-width:18px;height:18px;font-size:10px;font-weight:700;font-family:var(--ed-font);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;display:flex}.ed-header-btn-reset{border-color:var(--ed-red-bg);color:var(--ed-red);background:var(--ed-red-bg)}.ed-header-btn-reset:hover{border-color:var(--ed-red);color:var(--ed-red);background:rgba(239,68,68,.18)}.ed-header-btn-save{color:#fff;background:var(--ed-accent);border-color:transparent}.ed-header-btn-save:hover{background:var(--ed-accent-h);color:#fff;border-color:transparent}.ed-tree-wrap{border-bottom:1px solid var(--ed-border);flex:0 auto;min-height:100px;max-height:40vh;overflow-x:hidden;overflow-y:auto}.ed-tree-label{color:var(--ed-text-muted);text-transform:uppercase;letter-spacing:.6px;background:var(--ed-bg-secondary);border-bottom:1px solid var(--ed-border);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:6px 14px;font-size:10px;font-weight:700;display:flex}.ed-tree{padding:4px 0}.ed-tree-node{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--ed-ease);color:var(--ed-text-sec);white-space:nowrap;text-overflow:ellipsis;border-radius:0;align-items:center;gap:4px;padding:3px 10px 3px 0;font-size:12px;display:flex;overflow:hidden}.ed-tree-node:hover{background:var(--ed-bg-hover)}.ed-tree-node.highlighted{background:var(--ed-accent-bg)}.ed-tree-node.selected{background:var(--ed-accent);color:#fff}.ed-tree-node.selected .ed-tree-tag{color:#fff;opacity:1}.ed-tree-node.selected .ed-tree-extra{color:rgba(255,255,255,.7)}.ed-tree-chevron{width:16px;height:16px;color:var(--ed-text-muted);transition:transform var(--ed-ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ed-tree-chevron.open{transform:rotate(90deg)}.ed-tree-chevron.empty{visibility:hidden}.ed-tree-tag{color:var(--ed-text);font-size:12px;font-weight:600}.ed-tree-extra{color:var(--ed-text-muted);text-overflow:ellipsis;font-size:11px;overflow:hidden}.ed-tree-wrap::-webkit-scrollbar{width:5px}.ed-tree-wrap::-webkit-scrollbar-track{background:0 0}.ed-tree-wrap::-webkit-scrollbar-thumb{background:var(--ed-bg-tertiary);border-radius:3px}.ed-tree-wrap::-webkit-scrollbar-thumb:hover{background:var(--ed-text-muted)}.ed-props{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.ed-no-selection{text-align:center;color:var(--ed-text-muted);flex:1;justify-content:center;align-items:center;padding:32px 24px;font-size:13px;line-height:1.6;display:flex}.ed-tabs{border-bottom:1px solid var(--ed-border);background:var(--ed-bg-secondary);flex-shrink:0;gap:2px;padding:6px 10px;display:flex;overflow-x:auto}.ed-tab{border-radius:var(--ed-r-sm);color:var(--ed-text-muted);font-family:var(--ed-font);cursor:pointer;transition:all var(--ed-ease);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:9px;font-weight:600;display:flex}.ed-tab:hover{background:var(--ed-bg-hover);color:var(--ed-text-sec)}.ed-tab.active{background:var(--ed-bg-tertiary);color:var(--ed-accent);box-shadow:var(--ed-shadow-xs)}.ed-tab svg{width:16px;height:16px}.ed-tabs::-webkit-scrollbar{height:0}.ed-tab-content{flex:auto;padding:14px;display:none;overflow-y:auto}.ed-tab-content.active{display:block}.ed-tab-content::-webkit-scrollbar{width:5px}.ed-tab-content::-webkit-scrollbar-track{background:0 0}.ed-tab-content::-webkit-scrollbar-thumb{background:var(--ed-bg-tertiary);border-radius:3px}.ed-group{margin-bottom:18px}.ed-group:last-child{margin-bottom:0}.ed-group-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ed-label{color:var(--ed-text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:700}.ed-group-header .ed-label{margin-bottom:0}.ed-divider{background:var(--ed-border);height:1px;margin:14px 0}.ed-segment{background:var(--ed-bg-secondary);border-radius:var(--ed-r-md);gap:2px;padding:3px;display:flex}.ed-seg-opt{border-radius:var(--ed-r-sm);color:var(--ed-text-sec);font-family:var(--ed-font);cursor:pointer;transition:all var(--ed-ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:7px 4px;font-size:11px;font-weight:500;display:flex}.ed-seg-opt:hover{color:var(--ed-text)}.ed-seg-opt.active{background:var(--ed-bg-tertiary);color:var(--ed-text);box-shadow:var(--ed-shadow-xs)}.ed-seg-opt svg{width:15px;height:15px}.ed-box-model{background:var(--ed-bg-secondary);border:1px solid var(--ed-border);border-radius:var(--ed-r-md);justify-content:center;align-items:center;width:100%;height:104px;display:flex;position:relative}.ed-box-input{position:absolute}.ed-box-top{top:6px;left:50%;transform:translate(-50%)}.ed-box-right{top:50%;right:6px;transform:translateY(-50%)}.ed-box-bottom{bottom:6px;left:50%;transform:translate(-50%)}.ed-box-left{top:50%;left:6px;transform:translateY(-50%)}.ed-spacing-input{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);text-align:center;width:44px;height:26px;font-size:11px;font-weight:500;font-family:var(--ed-font);color:var(--ed-text);background:var(--ed-bg-tertiary);transition:all var(--ed-ease)}.ed-spacing-input:focus{border-color:var(--ed-accent);box-shadow:0 0 0 2px var(--ed-border-focus);outline:none}.ed-spacing-input:hover{border-color:var(--ed-accent)}.ed-spacing-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ed-spacing-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ed-spacing-input[type=number]{-moz-appearance:textfield}.ed-box-center{background:var(--ed-accent);color:#fff;border-radius:var(--ed-r-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.ed-link-btn{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);background:var(--ed-bg-tertiary);width:26px;height:26px;color:var(--ed-text-muted);cursor:pointer;transition:all var(--ed-ease);justify-content:center;align-items:center;padding:0;display:flex}.ed-link-btn:hover{border-color:var(--ed-accent);color:var(--ed-accent)}.ed-link-btn.active{background:var(--ed-accent);border-color:var(--ed-accent);color:#fff}.ed-color-wrap{align-items:center;gap:8px;display:flex}.ed-color-picker{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);cursor:pointer;width:40px;min-width:40px;height:32px;transition:all var(--ed-ease);background:var(--ed-bg-tertiary);padding:3px}.ed-color-picker:hover{border-color:var(--ed-accent)}.ed-color-picker::-webkit-color-swatch-wrapper{padding:0}.ed-color-picker::-webkit-color-swatch{border:none;border-radius:3px}.ed-hex-input{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);min-width:70px;height:32px;font-size:12px;font-family:var(--ed-mono);color:var(--ed-text);background:var(--ed-bg-tertiary);transition:all var(--ed-ease);flex:1;padding:0 10px}.ed-hex-input:focus{border-color:var(--ed-accent);box-shadow:0 0 0 2px var(--ed-border-focus);outline:none}.ed-transparent-btn{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);background:var(--ed-bg-tertiary);color:var(--ed-text-sec);font-size:11px;font-weight:500;font-family:var(--ed-font);cursor:pointer;transition:all var(--ed-ease);white-space:nowrap;padding:7px 12px}.ed-transparent-btn:hover{border-color:var(--ed-accent);color:var(--ed-accent)}.ed-dim-wrap{align-items:center;gap:8px;display:flex}.ed-dim-slider{-webkit-appearance:none;appearance:none;background:var(--ed-bg-tertiary);cursor:pointer;border-radius:2px;outline:none;flex:1;height:3px}.ed-dim-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ed-bg-tertiary);border:2px solid var(--ed-accent);cursor:pointer;width:16px;height:16px;box-shadow:var(--ed-shadow-xs);transition:transform var(--ed-ease);border-radius:50%}.ed-dim-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.ed-dim-slider::-moz-range-thumb{background:var(--ed-bg-tertiary);border:2px solid var(--ed-accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.ed-dim-slider:disabled{opacity:.35;cursor:not-allowed}.ed-dim-input{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);width:50px;height:28px;font-size:12px;font-family:var(--ed-font);text-align:center;color:var(--ed-text);background:var(--ed-bg-tertiary);transition:all var(--ed-ease);padding:0 6px}.ed-dim-input:focus{border-color:var(--ed-accent);box-shadow:0 0 0 2px var(--ed-border-focus);outline:none}.ed-dim-input:disabled{opacity:.35;cursor:not-allowed;background:var(--ed-bg-secondary)}.ed-dim-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ed-dim-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ed-dim-input[type=number]{-moz-appearance:textfield}.ed-unit-select{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);height:28px;font-size:11px;font-family:var(--ed-font);color:var(--ed-text);background:var(--ed-bg-tertiary);cursor:pointer;transition:all var(--ed-ease);padding:0 8px}.ed-unit-select:focus{border-color:var(--ed-accent);outline:none}.ed-unit-select:hover{border-color:var(--ed-accent)}.ed-visual-picker{background:var(--ed-bg-secondary);border-radius:var(--ed-r-md);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.ed-visual-picker.cols-5{grid-template-columns:repeat(5,1fr)}.ed-vis-opt{border-radius:var(--ed-r-sm);color:var(--ed-text-muted);cursor:pointer;transition:all var(--ed-ease);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 6px;display:flex}.ed-vis-opt:hover{background:var(--ed-bg-hover);color:var(--ed-text-sec)}.ed-vis-opt.active{background:var(--ed-bg-tertiary);color:var(--ed-accent);box-shadow:var(--ed-shadow-xs)}.ed-vis-opt svg{width:18px;height:18px}.ed-input-row{align-items:center;gap:6px;display:flex}.ed-input-row .ed-input-group{flex-direction:column;flex:1;gap:3px;display:flex}.ed-input-row .ed-input-label{color:var(--ed-text-muted);text-transform:uppercase;font-size:9px;font-weight:600}.ed-number-input{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);width:100%;height:28px;font-size:12px;font-family:var(--ed-font);color:var(--ed-text);background:var(--ed-bg-tertiary);transition:all var(--ed-ease);padding:0 8px}.ed-number-input:focus{border-color:var(--ed-accent);box-shadow:0 0 0 2px var(--ed-border-focus);outline:none}.ed-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ed-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ed-number-input[type=number]{-moz-appearance:textfield}.ed-font-select{border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);width:100%;height:32px;font-size:12px;font-family:var(--ed-font);color:var(--ed-text);background:var(--ed-bg-tertiary);cursor:pointer;transition:all var(--ed-ease);padding:0 10px}.ed-font-select:focus{border-color:var(--ed-accent);outline:none}.ed-font-select:hover{border-color:var(--ed-accent)}.ed-shadow-preview{background:var(--ed-bg-tertiary);border:1px solid var(--ed-border);border-radius:var(--ed-r-md);justify-content:center;align-items:center;width:100%;height:70px;margin-bottom:10px;display:flex}.ed-shadow-box{background:var(--ed-accent);border-radius:var(--ed-r-sm);width:40px;height:40px;transition:box-shadow var(--ed-ease)}.ed-shadow-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ed-shadow-control{flex-direction:column;gap:3px;display:flex}.ed-shadow-control label{color:var(--ed-text-muted);text-transform:uppercase;font-size:9px;font-weight:600}.ed-position-box{background:var(--ed-bg-secondary);border:1px solid var(--ed-border);border-radius:var(--ed-r-md);justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative}.ed-pos-input{position:absolute}.ed-pos-top{top:6px;left:50%;transform:translate(-50%)}.ed-pos-right{top:50%;right:6px;transform:translateY(-50%)}.ed-pos-bottom{bottom:6px;left:50%;transform:translate(-50%)}.ed-pos-left{top:50%;left:6px;transform:translateY(-50%)}.ed-pos-center{background:var(--ed-bg-tertiary);border:2px dashed var(--ed-border);border-radius:var(--ed-r-sm);width:44px;height:44px;color:var(--ed-text-muted);text-transform:uppercase;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.ed-opacity-wrap{align-items:center;gap:10px;display:flex}.ed-opacity-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,transparent,var(--ed-text));cursor:pointer;border-radius:2px;outline:none;flex:1;height:3px}.ed-opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ed-bg-tertiary);border:2px solid var(--ed-accent);cursor:pointer;width:16px;height:16px;box-shadow:var(--ed-shadow-xs);border-radius:50%}.ed-opacity-slider::-moz-range-thumb{background:var(--ed-bg-tertiary);border:2px solid var(--ed-accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.ed-opacity-val{text-align:right;width:44px;color:var(--ed-text);font-size:12px;font-weight:500}.ed-transform-wrap{gap:10px;display:flex}.ed-transform-ctrl{flex-direction:column;flex:1;gap:4px;display:flex}.ed-transform-label{color:var(--ed-text-muted);text-transform:uppercase;font-size:9px;font-weight:600}.ed-transform-row{align-items:center;gap:4px;display:flex}.ed-transform-row input{flex:1}.ed-transform-row span{color:var(--ed-text-muted);min-width:14px;font-size:11px}.ed-content-section{flex-direction:column;gap:10px;display:flex}.ed-align-group{background:var(--ed-bg-secondary);border-radius:var(--ed-r-md);gap:3px;padding:3px;display:flex}.ed-align-btn{border-radius:var(--ed-r-sm);cursor:pointer;color:var(--ed-text-sec);transition:all var(--ed-ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:7px;display:flex}.ed-align-btn:hover{background:var(--ed-bg-hover);color:var(--ed-text)}.ed-align-btn.active{background:var(--ed-bg-tertiary);color:var(--ed-accent);box-shadow:var(--ed-shadow-xs)}.ed-format-group{gap:4px;display:flex}.ed-format-btn{background:var(--ed-bg-secondary);border:1px solid var(--ed-border);border-radius:var(--ed-r-sm);cursor:pointer;width:32px;height:32px;color:var(--ed-text-sec);transition:all var(--ed-ease);justify-content:center;align-items:center;display:flex}.ed-format-btn:hover{border-color:var(--ed-accent);color:var(--ed-text)}.ed-format-btn:active{background:var(--ed-accent-bg);color:var(--ed-accent)}.ed-content-hint{background:var(--ed-accent-bg);border-radius:var(--ed-r-md);color:var(--ed-accent);align-items:flex-start;gap:6px;padding:10px;font-size:11px;line-height:1.45;display:flex}.easy-drag-active{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.easy-drag-active *{cursor:grabbing!important}.easy-dragging{pointer-events:none;opacity:.4!important;outline:3px dashed var(--ed-green)!important;outline-offset:2px!important}.easy-drag-ghost{pointer-events:none;z-index:100020;border-radius:var(--ed-r-md);box-shadow:var(--ed-shadow-lg);color:#fff;font-family:var(--ed-font);background:rgba(34,197,94,.9);justify-content:center;align-items:center;padding:10px 14px;animation:.12s ease-out edGhostIn;display:flex;position:fixed}@keyframes edGhostIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.easy-drag-ghost-tag{text-transform:uppercase;font-size:13px;font-weight:600}.easy-drop-sibling{transition:all .12s;cursor:pointer!important}.easy-drop-sibling:hover{outline-offset:2px;outline:2px dashed var(--ed-green)!important}.easy-drop-target-above{border-top:3px solid var(--ed-green)!important;background:linear-gradient(to bottom,var(--ed-green-bg),transparent 30%)!important;outline:none!important}.easy-drop-target-below{border-bottom:3px solid var(--ed-green)!important;background:linear-gradient(to top,var(--ed-green-bg),transparent 30%)!important;outline:none!important}.ed-selected-bar{border-bottom:1px solid var(--ed-border);background:var(--ed-accent-bg);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;display:flex}.ed-selected-tag{color:var(--ed-accent);background:rgba(37,99,235,.12);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.ed-selected-info{color:var(--ed-text-sec);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.ed-deselect-btn{width:22px;height:22px;color:var(--ed-text-muted);cursor:pointer;transition:all var(--ed-ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.ed-deselect-btn:hover{background:var(--ed-bg-active);color:var(--ed-text)}