.builder-section{padding-bottom:0!important}
.builder-shell{margin:0 -14px -40px;background:#e9eaec;border:1px solid #d7d8db;border-radius:18px;overflow:hidden;min-height:calc(100vh - 150px);color:#111}
.builder-topbar{height:66px;background:#fff;border-bottom:1px solid #d9dadd;display:grid;grid-template-columns:220px 1fr auto;gap:18px;align-items:center;padding:0 14px}
.builder-page-select{display:flex;align-items:center;gap:9px}.builder-page-select>span,.builder-side-label{font-size:8px;letter-spacing:.13em;color:#85878c;font-weight:800}.builder-page-select select{height:38px;border:1px solid #d9dade;border-radius:10px;padding:0 10px;background:#fff;font-weight:700;font-size:10px}
.builder-device-switch{display:flex;align-items:center;justify-content:center;gap:4px}.builder-device-switch>button{height:44px;border:0;background:transparent;border-radius:10px;padding:0 11px;display:grid;grid-template-columns:20px auto;grid-template-rows:1fr 1fr;column-gap:6px;align-items:center;cursor:pointer;color:#6f7278}.builder-device-switch>button b{grid-row:1/3;font-size:19px;font-weight:500}.builder-device-switch>button span{font-size:9px;font-weight:800;align-self:end}.builder-device-switch>button small{font-size:7px;align-self:start;color:#999}.builder-device-switch>button.active{background:#eef3fd;color:#2455b2}.builder-device-switch>button.active small{color:#5578c4}.builder-viewport-size{height:38px;display:flex;align-items:center;gap:3px;margin-left:5px;padding:3px 4px;border:1px solid #dfe1e5;border-radius:9px;background:#fafafa}.builder-viewport-size input{width:49px;height:29px;border:0;background:transparent;padding:0 3px;text-align:center;font-size:8px;font-weight:800;color:#444;outline:none}.builder-viewport-size span{font-size:8px;color:#999}.builder-viewport-size button{height:28px;border:0;border-radius:6px;background:#e9effb;color:#2859b7;padding:0 7px;font-size:7px;font-weight:800;cursor:pointer;white-space:nowrap}.builder-viewport-size button:hover{background:#dce7fb}
.builder-actions{display:flex;align-items:center;gap:7px}.builder-state{font-size:8px;color:#777;padding-right:4px}.builder-actions .btn{white-space:nowrap}
.builder-workarea{display:grid;grid-template-columns:190px minmax(420px,1fr) 230px;min-height:calc(100vh - 216px)}
.builder-library,.builder-inspector{background:#fff;padding:16px 13px;overflow:auto;max-height:calc(100vh - 216px)}.builder-library{border-right:1px solid #d9dadd}.builder-inspector{border-left:1px solid #d9dadd}.builder-side-head{padding:3px 3px 12px}.builder-side-head>span{font-size:8px;letter-spacing:.14em;color:#777;font-weight:800}.builder-side-head p{font-size:8px;line-height:1.45;color:#92949a;margin:6px 0 0}
.builder-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.builder-add-grid button{min-height:72px;border:1px solid #e0e1e3;border-radius:11px;background:#fafafa;padding:9px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;cursor:pointer}.builder-add-grid button:hover{border-color:#9db5ea;background:#f3f6fd}.builder-add-grid b{font-size:18px;font-weight:500;color:#3163c9}.builder-add-grid span{font-size:8px;text-align:left;font-weight:700;line-height:1.25}
.builder-layer-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.builder-layer-heading small{font-size:6.5px;color:#3163c9;font-weight:800}.builder-layer-actions{display:grid;grid-template-columns:1fr;gap:5px;margin-top:7px}.builder-layer-actions button{min-height:32px;border:1px solid #dce1eb;border-radius:8px;background:#f7f9fd;color:#315ba9;font-size:7px;font-weight:800;cursor:pointer}.builder-layer-actions button:disabled{opacity:.35;cursor:not-allowed}.builder-layer-hint{font-size:6.5px;line-height:1.35;color:#8a8d92;margin:7px 1px}.builder-layers{display:flex;flex-direction:column;gap:4px;max-height:290px;overflow:auto;padding-right:2px}.builder-layers-empty{font-size:7px;color:#999;padding:8px}.builder-layer-group{border:1px solid #e5e6e9;border-radius:9px;background:#fff;overflow:hidden}.builder-layer-group summary{list-style:none;display:flex;align-items:center;gap:6px;padding:8px;cursor:pointer;font-size:7.5px;font-weight:800;color:#333}.builder-layer-group summary::-webkit-details-marker{display:none}.builder-layer-group summary:before{content:'›';color:#5578c4;transition:transform .15s}.builder-layer-group[open] summary:before{transform:rotate(90deg)}.builder-layer-row{width:100%;border:0;border-top:1px solid #f0f0f1;background:#fff;padding:6px 7px 6px 18px;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer}.builder-layer-row:hover{background:#f4f7fd}.builder-layer-row.active{background:#e8effd;color:#174aab}.builder-layer-row b{flex:0 0 15px;font-size:8px;color:#6f86b5}.builder-layer-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700}.builder-layer-row small{margin-left:auto;font-size:6px;color:#aaa;text-transform:uppercase}
.builder-side-divider{height:1px;background:#ececed;margin:14px 0}.builder-wide-action{width:100%;min-height:38px;border:1px solid #dedfe2;border-radius:10px;background:#fff;padding:0 10px;display:flex;align-items:center;justify-content:flex-start;font-size:8px;font-weight:800;cursor:pointer;margin-top:6px}.builder-wide-action:hover{background:#f5f7fb;border-color:#a9bce4}.builder-upload-action{cursor:pointer}.builder-help{margin-top:15px;padding:12px;border-radius:11px;background:#f3f4f6;display:flex;flex-direction:column;gap:5px}.builder-help b{font-size:9px}.builder-help span{font-size:7px;color:#777;line-height:1.35}
.builder-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.builder-guide-actions button{min-height:48px;border:1px solid #d8e2f4;border-radius:10px;background:#f5f8fe;color:#2455b2;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:8px;cursor:pointer}.builder-guide-actions button:hover{background:#e9f0fc}.builder-guide-actions b{font-size:16px;line-height:1}.builder-guide-actions span{font-size:7px;font-weight:800}.builder-screen-toggle{margin-top:9px!important;padding:9px;border:1px solid #e2e4e8;border-radius:9px;display:grid!important;grid-template-columns:14px 1fr;align-items:center;gap:7px!important;cursor:pointer}.builder-screen-toggle input{width:14px!important;height:14px;margin:0;padding:0}.builder-screen-toggle span{font-size:7px!important;line-height:1.35;text-transform:none!important;letter-spacing:0!important;color:#555!important}
.builder-canvas-column{position:relative;min-width:0;background:#dfe1e4;overflow:hidden}.builder-ruler-top{height:24px;background:#f7f7f8;border-bottom:1px solid #cfd1d5;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#8e9196;font-size:7px;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 19px,#d6d8dc 20px)}
.builder-canvas-wrap{height:calc(100vh - 282px);min-height:520px;overflow:auto;padding:32px 34px 50px;position:relative;background-color:#e4e5e7;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:20px 20px}.builder-device-label{position:sticky;left:0;top:0;z-index:5;width:max-content;margin:0 auto 8px;border-radius:999px;background:#111;color:#fff;padding:6px 10px;font-size:7px;letter-spacing:.1em;font-weight:800}.builder-frame-stage{margin:0 auto;transform-origin:top center;position:relative;border:1px dashed #92959b;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.16);transition:width .2s ease}.builder-frame-stage:before,.builder-frame-stage:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(27,95,217,.18);z-index:2;pointer-events:none}.builder-frame-stage:before{left:5%}.builder-frame-stage:after{right:5%}.builder-frame-stage iframe{width:100%;height:1050px;border:0;display:block;background:#fff}.builder-canvas-footer{height:42px;background:#f7f7f8;border-top:1px solid #cfd1d5;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:7px;color:#85888d}
.builder-zoom-control{display:flex;align-items:center;gap:7px}.builder-zoom-control b{min-width:34px;color:#2455b2;font-size:8px;text-align:center}.builder-zoom-control button{height:25px;border:1px solid #d6d9df;border-radius:7px;background:#fff;color:#444;padding:0 8px;font-size:7px;font-weight:800;cursor:pointer}.builder-zoom-control button:hover{background:#eef3fd;color:#2455b2}
.builder-inspector label{display:flex;flex-direction:column;gap:5px}.builder-inspector label>span{font-size:7px;letter-spacing:.08em;color:#777;font-weight:800;text-transform:uppercase}.builder-inspector input,.builder-inspector select,.builder-inspector textarea{width:100%;border:1px solid #dedfe2;border-radius:9px;background:#fff;padding:8px;font-size:9px;outline:none}.builder-inspector input[type=color]{height:36px;padding:4px}.builder-inspector textarea{resize:vertical;min-height:72px}.builder-property-group{padding:12px 2px;border-top:1px solid #ececed}.builder-property-group:first-of-type{border-top:0}.builder-property-group.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.builder-global-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.builder-global-grid input[type=color]{height:34px}.builder-danger-zone{display:grid;grid-template-columns:1fr;gap:6px}.builder-danger-zone button{height:38px;border:1px solid #e3cccc;background:#fff7f7;color:#9b3535;border-radius:10px;font-size:8px;font-weight:800;cursor:pointer}.builder-danger-zone button:disabled{opacity:.35;cursor:not-allowed}
.builder-property-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.builder-property-label>span{font-size:7px;letter-spacing:.08em;color:#777;font-weight:800;text-transform:uppercase}.builder-format-button,.builder-reset-position{border:1px solid #ccd5e7;background:#eef3fd;color:#1b5fd9;border-radius:7px;height:28px;min-width:30px;padding:0 9px;font-size:10px;font-weight:800;cursor:pointer}.builder-format-button:hover,.builder-reset-position:hover{background:#dfe9fb}.builder-format-button:disabled,.builder-reset-position:disabled{opacity:.35;cursor:not-allowed}.builder-reset-position{font-size:7px}.builder-rich-editor{width:100%;min-height:78px;max-height:170px;overflow:auto;border:1px solid #dedfe2;border-radius:9px;background:#fff;padding:9px;font-size:10px;line-height:1.45;outline:none;box-sizing:border-box;white-space:pre-wrap}.builder-rich-editor[contenteditable=true]:focus{border-color:#7e9ee0;box-shadow:0 0 0 3px rgba(27,95,217,.1)}.builder-rich-editor[contenteditable=false]{background:#f5f5f6;color:#999}.builder-rich-editor:empty:before{content:attr(data-placeholder);color:#aaa}.builder-property-hint{font-size:7px;line-height:1.45;color:#8a8d92;margin:7px 1px 0}.builder-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-position-grid label>span{font-size:6.5px}.builder-position-property input:disabled{background:#f5f5f6;color:#aaa}
.builder-responsive-note{margin:-4px 2px 10px;padding:8px 9px;border-radius:8px;background:#eef3fd;color:#315ba9;font-size:7px;line-height:1.4;font-weight:700}
.builder-lock-toggle{margin:0 2px 11px;padding:9px;border:1px solid #cdd9ef;border-radius:9px;background:#f7f9fd;display:grid!important;grid-template-columns:15px 1fr;align-items:start;gap:8px!important;cursor:pointer}.builder-lock-toggle input{width:15px!important;height:15px;margin:1px 0 0;padding:0}.builder-lock-toggle span{display:flex;flex-direction:column;gap:3px;font-size:7px!important;line-height:1.35;text-transform:none!important;letter-spacing:0!important;color:#666!important}.builder-lock-toggle b{font-size:8px;color:#254f9f}
.builder-readonly .builder-add-grid button,.builder-readonly .builder-guide-actions button,.builder-readonly .builder-screen-toggle,.builder-readonly .builder-lock-toggle,.builder-readonly .builder-wide-action,.builder-readonly .builder-layer-actions button,.builder-readonly .builder-inspector input,.builder-readonly .builder-inspector select,.builder-readonly .builder-inspector textarea,.builder-readonly .builder-rich-editor,.builder-readonly .builder-format-button,.builder-readonly .builder-reset-position,.builder-readonly .builder-danger-zone button,.builder-readonly #builderSave,.builder-readonly #builderPublish,.builder-readonly #builderDiscard{pointer-events:none;opacity:.45}
@media(max-width:1450px){.builder-viewport-size button{display:none}}
@media(max-width:1250px){.builder-workarea{grid-template-columns:170px minmax(360px,1fr) 210px}.builder-topbar{grid-template-columns:190px 1fr auto}.builder-actions .btn{padding-inline:10px}.builder-device-switch>button span{display:none}.builder-viewport-size{display:none}}
@media(max-width:1000px){.builder-shell{margin-inline:0}.builder-workarea{grid-template-columns:1fr}.builder-library,.builder-inspector{display:none}.builder-canvas-wrap{height:720px}.builder-topbar{grid-template-columns:170px 1fr}.builder-actions{grid-column:1/-1;padding-bottom:8px}.builder-topbar{height:auto;padding-block:8px}}