.editor-shell{display:grid;grid-template-columns:235px minmax(0,1fr) 270px;min-height:610px;height:clamp(610px,79vh,1100px);background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #2521390c}.editor-left,.editor-right{padding:17px 13px;overflow:auto;background:#fff}.editor-left{border-right:1px solid var(--line)}.editor-right{border-left:1px solid var(--line)}.editor-left h3,.editor-right h3{font-size:14px;margin:8px 4px 14px}.editor-left .editor-subtitle{margin-top:26px}.editor-tip{font-size:12px;line-height:1.5;padding:0 5px}.editor-pages{display:grid;gap:5px}.editor-page{display:block;width:100%;padding:11px 13px;border:1px solid transparent;border-radius:9px;text-align:left;background:#fff;color:#68637b;font-size:13px;font-weight:700}.editor-page.selected,.editor-page:hover{background:#f4f0ff;border-color:#e8dcff;color:#6b46c7}.editor-section{display:flex;align-items:center;gap:3px;padding:6px 5px;border:1px solid transparent;border-radius:9px}.editor-section button{background:transparent;border:0;padding:6px 3px;font-size:12px;color:#67627a}.editor-section button:first-child{flex:1;text-align:left}.editor-section.selected,.editor-section:hover{background:#f4f0ff;border-color:#e9e0ff}.editor-section.selected button{color:#6b46c7}.editor-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.editor-library .btn{padding:9px 7px;white-space:normal;text-align:left;justify-content:flex-start;font-size:11px}.editor-middle{min-width:0;min-height:0;display:flex;flex-direction:column;background:#eeecf4}.editor-toolbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px;flex-wrap:wrap}.editor-toolbar .actions{gap:6px}.editor-toolbar .btn{padding:8px 9px;font-size:11px}.editor-toolbar #editor-save-state{font-size:11px;font-weight:800;color:#16855c}.editor-toolbar #editor-save-state.unsaved{color:#bb7a36}.editor-iframe-wrap{display:flex;justify-content:center;flex:1;min-height:0;overflow:auto;padding:16px}.editor-iframe-wrap iframe{background:#fff;border:1px solid #d7d1e2;box-shadow:0 16px 38px #27213921;border-radius:10px;width:100%;height:100%;min-height:440px;transition:max-width .2s}.editor-iframe-wrap iframe.mobile{max-width:390px}.editor-hint{font-size:11px;color:#746e87;padding:10px;text-align:center;background:#faf9fd}.editor-fields{display:grid;gap:12px}.editor-right label{margin:10px 0}.editor-right input,.editor-right textarea{font-size:13px}.editor-right textarea{min-height:110px}.editor-right .actions{margin-top:15px}.editor-right .btn{font-size:11px}@media(max-width:1250px){.editor-shell{grid-template-columns:175px minmax(0,1fr) 210px}.editor-library{grid-template-columns:1fr}.editor-left,.editor-right{padding:12px 9px}}@media(max-width:950px){.editor-shell{height:auto;grid-template-columns:1fr}.editor-left{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}.editor-right{max-height:340px;border-left:0;border-top:1px solid var(--line)}.editor-middle{height:620px}.editor-library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.editor-toolbar .actions{gap:3px}.editor-toolbar .btn{font-size:10px;padding:7px}.editor-library{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-middle{height:570px}.editor-iframe-wrap{padding:8px}}