.builder-workspace{grid-template-columns:145px minmax(275px,1fr) minmax(300px,370px);gap:16px}.builder-workspace .editor-controls{grid-column:3;grid-row:1}.builder-workspace .editor-preview-wrap{grid-column:2;grid-row:1;background-color:#f6f5f7;background-image:radial-gradient(#ddd8df 1px,transparent 1px);background-size:15px 15px;top:18px;min-height:740px}.builder-workspace .editor-tabs{display:none}.builder-rail{grid-column:1;grid-row:1;background:#fff;border:1px solid #e5e4ec;border-radius:16px;padding:14px 10px;position:sticky;top:18px}.builder-rail button{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:12px;padding:13px 10px;margin:3px 0;display:grid;grid-template-columns:22px 1fr;gap:3px 7px;color:#5a6174}.builder-rail button span{grid-row:span 2;font-size:21px}.builder-rail button strong{font-size:12px}.builder-rail button small{font-size:10px;color:#8890a1}.builder-rail button.selected{background:#fff0f6;border-color:#f4ccdc;color:#a83261}.builder-rail>p{font-size:11px;line-height:1.7;color:#8890a1;padding:10px}.builder-colors{display:grid;gap:10px}.builder-colors .color-field{background:#fff}.builder-block-style{padding:12px;border-radius:10px;background:#f7f5f8;margin-bottom:14px;font-size:12px}.builder-block-style p{font-size:11px;color:#798096}.builder-block-style .text-button{margin-top:10px}.builder-category-list>div{display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eee}.builder-category-list .field{margin:0}.builder-category-list small{font-size:10px;color:#8590a3}.builder-category-list input{min-width:0;width:100%}.builder-categories form .btn{margin:10px 0}.builder-workspace .preview-phone{border:6px solid #26252d;box-shadow:0 16px 45px #332a3f18}.builder-workspace .editor-box{padding:17px}.builder-workspace .block-head{flex-wrap:wrap}.builder-workspace .block-tools{margin-left:auto}.builder-workspace .editor-live-help{background:#f5efff;color:#74628d}.builder-workspace .editor-tab-panel{max-height:calc(100vh - 235px);overflow:auto;scrollbar-width:thin;padding-right:4px;min-height:460px}
@media(max-width:1350px){.builder-workspace{grid-template-columns:100px minmax(260px,1fr) minmax(280px,1fr);gap:10px}.builder-rail{padding:12px 5px}.builder-rail button{display:block;padding:10px 6px}.builder-rail button span{display:block;margin-bottom:4px}.builder-rail button small{display:none}.builder-workspace .editor-product{grid-template-columns:50px 1fr}.builder-workspace .editor-product img{width:50px}.builder-workspace .editor-box{padding:13px}}
@media(max-width:1150px){.builder-workspace{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr)}.builder-rail{grid-column:1/-1;grid-row:1;position:static;display:flex;gap:5px;overflow:auto}.builder-rail .studio-editor-label,.builder-rail>p{display:none}.builder-rail button{min-width:76px;text-align:center;margin:0;padding:8px}.builder-rail button span{display:none}.builder-workspace .editor-controls{grid-column:2;grid-row:2}.builder-workspace .editor-preview-wrap{grid-column:1;grid-row:2}.builder-workspace .editor-tab-panel{max-height:none;overflow:visible}}
@media(max-width:800px){.builder-workspace{display:flex;flex-direction:column}.builder-rail{width:100%;padding:6px;box-sizing:border-box}.builder-workspace .editor-controls{width:100%;order:1}.builder-workspace .editor-preview-wrap{width:100%;box-sizing:border-box;order:2;position:static;min-height:0}.builder-workspace .editor-product{grid-template-columns:65px 1fr}.builder-rail button strong{font-size:11px}}
.builder-category-list>div{grid-template-columns:minmax(80px,1fr) auto auto 28px}.builder-category-list .text-button{font-size:10px;padding:4px}
#main:has(.builder-workspace) .site-launch-bar{padding:10px 16px;margin-bottom:12px;min-height:0}#main:has(.builder-workspace) .site-launch-bar span{display:none}#main:has(.builder-workspace) .site-launch-bar .btn{padding:8px 12px;font-size:12px}#main:has(.builder-workspace) .editor-top{margin-bottom:14px}#main:has(.builder-workspace) .sales-ready-bar{padding-bottom:12px}@media(max-width:740px){#main:has(.builder-workspace) .site-launch-bar{flex-direction:row;align-items:center}#main:has(.builder-workspace) .site-launch-bar .btn{width:auto}#main:has(.builder-workspace) .site-launch-bar strong{font-size:11px}}
