.is-editor{overflow:hidden}.editor{height:100dvh;display:flex;flex-direction:column;background:#fff;min-width:900px;font-size:12px}.ed-toolbar{height:66px;flex-shrink:0;display:flex;align-items:center;gap:20px;border-bottom:1px solid #e5e8ed;padding:0 18px;position:relative;z-index:3;background:#fff}.ed-project{display:flex;align-items:center;gap:12px;min-width:245px}.ed-logo{display:flex;align-items:center}.ed-logo img{height:29px;width:29px}.ed-separator{height:22px;width:1px;background:#e6e9ee;display:inline-block;flex-shrink:0}.ed-project-name{display:flex;gap:9px;align-items:center;background:transparent;border:0;font-size:12px;padding:0;max-width:160px}.ed-project-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550}.ed-history{display:flex;align-items:center;gap:3px}.ed-save{display:flex;gap:5px;align-items:center;font-size:10px;color:#8a929e;background:none;border:0;padding:8px 10px;min-width:132px}.ed-save svg{color:#73a68f}.ed-devices{display:flex;gap:3px;margin:auto;align-items:center;background:#f4f5f8;padding:3px;border:1px solid #eef0f3;border-radius:8px}.ed-devices .icon-btn{height:29px;width:35px}.ed-devices .active{background:#fff;color:var(--blue);box-shadow:0 1px 4px #17395813}.ed-toolbar-actions{display:flex;gap:9px;align-items:center}.ed-body{flex:1;display:flex;min-height:0}.ed-rail{width:65px;flex-shrink:0;border-right:1px solid var(--line);padding:12px 5px 8px;display:flex;flex-direction:column;gap:5px;background:#fff}.ed-rail>button,.ed-rail-bottom button{background:transparent;border:0;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;font-weight:450;letter-spacing:.02em;color:#89909b;padding:10px 0;min-height:58px}.ed-rail>button.active{background:#edf3ff;color:var(--blue)}.ed-rail>button:hover,.ed-rail-bottom button:hover{color:var(--blue);background:#f4f7ff}.ed-rail-bottom{margin-top:auto;display:grid;gap:3px}.ed-library{width:226px;flex-shrink:0;border-right:1px solid var(--line);overflow:auto;background:#fff}.ed-panel-head{height:57px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:8px}.ed-panel-head h2{font-size:13px;letter-spacing:-.02em;font-weight:600;margin:0;display:flex;align-items:center;gap:7px}.ed-panel-head .badge{font-size:8px;max-width:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ed-panel-content{padding:17px 15px}.ed-panel-hint{font-size:10px;line-height:1.65;color:#939aa7;margin-bottom:17px}.ed-search{display:flex;align-items:center;border:1px solid #e6e9ee;background:#fafbfc;padding:9px;border-radius:6px;gap:7px;margin-bottom:12px;color:#a1a9b4}.ed-search input{border:0;outline:none;background:none;width:100%;font-size:10px;color:#555d6a}.ed-search input::placeholder{color:#939ba7}.ed-element-group{margin-bottom:23px}.ed-element-group h3{font-size:10px;letter-spacing:.01em;font-weight:600;margin-bottom:11px;color:#727b89}.ed-elements{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ed-element{height:65px;border:1px solid #e9ecf1;border-radius:7px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#727c8d;transition:border-color .15s,background .15s}.ed-element span{font-size:8px;white-space:nowrap;letter-spacing:-.015em}.ed-element:hover{background:#f3f7ff;border-color:#a8c9ff;color:var(--blue)}.ed-element[hidden],.ed-element-group[hidden]{display:none}.ed-workspace{flex:1;min-width:260px;background:#f1f3f7;display:flex;flex-direction:column;position:relative}.ed-canvas-top{height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#8e98a6;font-size:10px}.ed-canvas-top>div{display:flex;align-items:center;gap:5px}.ed-page-dot{width:6px;height:6px;border-radius:50%;background:#8e9bb0;margin-right:3px}.ed-page-select{border:0;background:transparent;font-size:11px;color:#606c7e;max-width:140px;padding:4px 18px 4px 4px}.ed-canvas-size{gap:10px!important;color:#9fa6b2;font-variant-numeric:tabular-nums;font-size:9px}.ed-canvas-scroll{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:4px 26px 26px;background-image:radial-gradient(#d5dae380 .7px,transparent .7px);background-size:12px 12px}.ed-frame-wrap{background:#fff;border-radius:2px;box-shadow:0 4px 22px #172b4710;border:1px solid #e3e7ef;flex-shrink:0;position:relative;overflow:hidden}.ed-frame-wrap iframe{border:0;display:block;background:white}.ed-canvas-bottom{height:34px;flex-shrink:0;border-top:1px solid #e5e8ef;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#939ba8;font-size:9px;background:#f8f9fb}.ed-canvas-bottom>span,.ed-canvas-bottom>div{display:flex;gap:8px;align-items:center}.ed-zoom{background:transparent;border:0;color:#727f91;display:flex;gap:8px;align-items:center;font-size:10px;padding:2px 10px;border-right:1px solid #dde3eb}.ed-status-dot{height:5px;width:5px;border-radius:50%;background:#75ab90;margin-left:8px}.ed-inspector{width:252px;border-left:1px solid var(--line);flex-shrink:0;background:#fff;overflow:auto;position:relative;padding-bottom:50px}.ed-inspector-empty{text-align:center;padding:52px 28px 30px}.ed-empty-selector{width:60px;height:60px;border:1px solid #cfddf5;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#82a5dc;position:relative;background:#f8fbff}.ed-empty-selector span{position:absolute;width:8px;height:8px;background:white;border:1px solid #82a5dc;bottom:-4px;right:-4px}.ed-inspector-empty h3{font-size:17px;line-height:1.35;font-weight:500;color:#4b5565}.ed-inspector-empty p{font-size:11px;line-height:1.8;color:#98a1af}.ed-page-overview{margin:0 19px;border-top:1px solid var(--line);padding-top:22px}.ed-page-overview h3{font-size:11px;margin-bottom:18px}.ed-page-overview>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:14px;color:#9299a5}.ed-page-overview strong{font-size:10px;font-weight:500;color:#667182}.ed-page-overview .btn{font-size:10px;margin-top:10px}.ed-tip{margin:34px 18px 0;padding:13px;display:flex;gap:9px;background:#f6f8fc;border-radius:8px;color:#84a2ca}.ed-tip svg{flex-shrink:0;margin-top:2px}.ed-tip p{font-size:10px;line-height:1.6;margin:0;color:#8b96a7}.ed-tip strong{display:block;font-size:10px;font-weight:550;margin-bottom:4px;color:#60718a}.ed-inspector-tabs{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);font-size:10px}.ed-inspector-tabs>.active{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--blue);color:var(--blue)}.ed-breakpoint-badge{display:flex;align-items:center;gap:5px;font-size:9px;color:#8893a2}.ed-responsive-note{font-size:9px;padding:11px 18px;color:#97a0ae;background:#fcfdff;border-bottom:1px solid var(--line)}.ed-properties fieldset{padding:0;border:0;margin:0;min-width:0}.ed-prop-section{border-bottom:1px solid var(--line)}.ed-prop-section>summary{padding:15px 18px;font-size:11px;font-weight:550;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.ed-prop-section>summary::-webkit-details-marker{display:none}.ed-prop-section:not([open])>summary svg{transform:rotate(-90deg)}.ed-prop-body{padding:0 18px 4px}.ed-properties .field,.ed-theme-form .field{font-size:10px;margin-bottom:13px;color:#8891a0;font-weight:450}.ed-properties input,.ed-properties select,.ed-properties textarea,.ed-theme-form select,.ed-theme-form input:not([type=color]){font-size:10px;min-height:32px;padding:7px 9px;border-radius:5px;border-color:#e6e9ee;background:#fcfdff;color:#616c7b}.ed-properties textarea{min-height:65px;line-height:1.6}.ed-properties .field-row{gap:9px}.ed-properties .field-row .field{min-width:0}.ed-color-field>div{display:flex;align-items:center;gap:8px;border:1px solid #e6e9ee;border-radius:5px;padding-left:9px;margin-top:7px;background:#fcfdff}.ed-color-field>div>span{width:15px;height:15px;border:1px solid #e0e4ea;border-radius:3px;flex-shrink:0}.ed-color-field>div>input{border:0;min-width:0;width:100%;padding-left:0;background:transparent}.ed-node-actions{position:sticky;bottom:-50px;display:flex;justify-content:center;border-top:1px solid var(--line);background:white;gap:14px;padding:8px;z-index:2}.ed-full{width:100%;font-size:11px;margin:8px 0}.ed-blocks{display:grid;gap:14px}.ed-block{padding:0;border:1px solid #e5e9f1;border-radius:8px;overflow:hidden;background:#fff}.ed-block:hover{border-color:#81b3ff}.ed-block-art{height:78px;background:#f5f7fc;padding:14px 20px;display:grid;grid-template-columns:1fr 1fr;gap:7px;position:relative}.ed-block-art i{display:block;background:#e1e7f3;border-radius:3px}.ed-block-art i:first-child{height:10px;background:#a6bef5;grid-column:1/-1;width:70%}.ed-block-art i:nth-child(2){height:5px;grid-column:1/-1;width:95%}.ed-block-art i:nth-child(3){height:17px;grid-column:1/-1;width:32%;background:#357cfa}.ed-block-art i:nth-child(4){display:none}.ed-block-art.variant-1{grid-template-columns:repeat(3,1fr)}.ed-block-art.variant-1 i:first-child{grid-column:1/-1;height:6px;width:50%}.ed-block-art.variant-1 i:nth-child(n+2){display:block;grid-column:auto;width:100%;height:32px;background:#e0e8f8}.ed-block-art.variant-2{background:#192d51}.ed-block-art.variant-2 i{opacity:.7}.ed-block-art.variant-3{grid-template-columns:1fr 1fr}.ed-block-art.variant-3 i:first-child{grid-column:1;height:9px;width:100%}.ed-block-art.variant-3 i:nth-child(2){grid-column:1;height:25px}.ed-block-art.variant-3 i:nth-child(3){position:absolute;right:16px;top:13px;height:50px;width:35%;background:#b4c7ed}.ed-block>span{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;font-size:10px;color:#7a8494}.ed-block>span svg{color:#a0adbf}.ed-layer-page{font-size:11px;display:flex;align-items:center;gap:9px;margin:0 0 15px 3px}.ed-layer{display:flex;align-items:center;margin:0 -10px;min-height:33px;padding-left:calc(7px + var(--depth) * 11px);padding-right:5px;border-radius:4px;color:#7c8696;border:1px solid transparent;gap:3px}.ed-layer-select{display:flex;align-items:center;gap:6px;flex:1;min-width:0;border:0;background:transparent;text-align:left;font-size:9px;color:inherit;padding:6px 0}.ed-layer-select span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ed-layer.selected{background:#edf3ff;color:var(--blue)}.ed-layer:hover{background:#f6f8fb}.ed-layer-hide{border:0;background:transparent;padding:2px;display:flex;opacity:.25;color:inherit}.ed-layer:hover .ed-layer-hide{opacity:1}.ed-layer.is-hidden{opacity:.45}.ed-layer.drop-over{border-top:2px solid var(--blue);background:#edf3ff}.ed-page-row{display:flex;align-items:center;border-radius:6px;margin:0 -4px 5px;padding:3px 2px}.ed-page-row.active{background:#edf3ff}.ed-page-row>button:first-child{display:flex;align-items:center;gap:9px;flex:1;min-width:0;text-align:left;border:0;background:none;padding:8px;color:#69788e;font-size:11px}.ed-page-row.active>button:first-child{color:var(--blue)}.ed-page-row small{display:block;font-size:9px;color:#98a2b3;margin-top:2px}.ed-page-row .badge{font-size:7px;padding:1px 3px;margin-left:auto}.ed-global-components{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.ed-global-components h3{font-size:10px;color:#919bab;margin-bottom:14px}.ed-global-item{border:1px solid var(--line);background:white;width:100%;display:flex;gap:9px;align-items:center;border-radius:6px;padding:12px 9px;font-size:10px;color:#748298;margin-bottom:9px}.ed-global-item>span{font-size:8px;margin-left:auto;color:#a3adbb}.ed-theme-form h3{font-size:11px;margin-top:24px}.ed-theme-form h3:first-child{margin-top:6px}.ed-token{display:flex;justify-content:space-between;align-items:center}.ed-token>div{display:flex;align-items:center;gap:7px;width:112px}.ed-token input{border:1px solid #e0e5ed;background:white;width:23px;height:23px;min-height:0!important;padding:2px;border-radius:4px}.ed-token>div>span{font-size:10px;color:#707c8d}.ed-upload{border:1px dashed #b6c9e6;background:#f7faff;border-radius:9px;padding:23px 9px;display:flex;align-items:center;flex-direction:column;gap:9px;color:#83a2cb;cursor:pointer;margin-bottom:20px}.ed-upload strong{font-size:11px;font-weight:500;color:#5d7391}.ed-upload span{font-size:8px;color:#97a5b8}.ed-asset-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ed-asset{border:1px solid var(--line);border-radius:6px;background:white;padding:0;overflow:hidden;text-align:left}.ed-asset img{height:76px;width:100%;object-fit:cover}.ed-asset span{padding:6px;font-size:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed-template-row{border:1px solid var(--line);padding:12px;border-radius:7px;margin:10px 0}.ed-template-row>div{display:grid;grid-template-columns:25px 1fr;gap:4px;color:#71849d}.ed-template-row strong{font-size:11px}.ed-template-row small{grid-column:2;font-size:9px}.ed-template-row button{width:100%;margin-top:10px;font-size:10px}.ed-check{display:flex;gap:8px;align-items:center;margin:14px 0;font-size:11px;color:#7a8699}.ed-check input{accent-color:var(--blue)}.ed-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.ed-settings-grid h3{font-size:14px}.ed-seo-preview{border:1px solid #e5eaf3;padding:15px;border-radius:8px;margin-top:17px;background:#fcfdff}.ed-seo-preview span{font-size:10px;color:#799173;display:block}.ed-seo-preview strong{font-size:16px;font-weight:500;color:#2464bc;display:block;margin-top:5px}.ed-seo-preview p{font-size:11px;margin:7px 0 0}.ed-context-menu{position:fixed;z-index:500;width:205px;padding:6px;background:white;border:1px solid var(--line);box-shadow:0 7px 28px #263b6529;border-radius:8px}.ed-context-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;border-radius:4px;padding:8px 10px;font-size:11px;text-align:left;color:#627084}.ed-context-menu button:hover{background:#edf3ff;color:var(--blue)}.ed-context-menu span{font-size:10px;color:#a9b0bb}.ed-context-menu .danger{color:#d05c65}.ed-revision{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);gap:20px}.ed-revision>div{display:flex;align-items:center;gap:12px;color:#8193ab}.ed-revision strong{display:block;font-size:12px;color:#526379}.ed-revision small{display:block;font-size:10px;margin-top:4px}.ed-shortcuts{margin:24px 0}.ed-shortcuts>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px;color:#768397}.ed-shortcuts kbd{font-family:inherit;font-size:10px;background:#f2f5fa;border:1px solid #e4eaf2;border-radius:4px;padding:2px 7px;color:#7e8ca1}.ed-publish-art{color:var(--blue);padding:10px 0 20px}.ed-modal-actions{display:flex;gap:10px;margin-top:22px}.preview-mode .ed-library,.preview-mode .ed-rail,.preview-mode .ed-inspector,.preview-mode .ed-history{display:none}.preview-mode .ed-workspace{flex:1}.preview-mode .ed-toolbar{gap:30px}.preview-mode .ed-canvas-scroll{background:#ebeff5}.preview-mode .ed-canvas-top .icon-btn{visibility:hidden}@media(max-width:1250px){.ed-toolbar{gap:10px;padding:0 12px}.ed-project{min-width:210px}.ed-history .ed-save{min-width:0;padding:8px 4px}.ed-save span{display:none}.ed-library{width:208px}.ed-inspector{width:235px}.ed-toolbar-actions .btn{padding:7px 10px}.ed-canvas-top{padding:0 22px}.ed-elements{gap:5px}.ed-element span{font-size:7px}}@media(max-width:1000px){.ed-library{width:185px}.ed-inspector{width:220px}.ed-panel-content{padding:15px 11px}.ed-toolbar-actions .btn-ghost span{display:none}.ed-project{min-width:190px}.ed-history{gap:0}.ed-toolbar{gap:5px}.ed-rail{width:57px}.ed-devices{gap:0}.ed-devices .icon-btn{width:30px}.ed-panel-head{padding:0 13px}.ed-element{height:59px}.ed-elements{grid-template-columns:repeat(2,1fr)}}

.ed-drop-overlay{position:absolute;inset:0;z-index:10;background:#1769ff03;outline:2px solid #1769ff40;outline-offset:-2px;}