.layout-builder{margin-bottom:1.4rem}.layout-builder-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;margin:1rem 0}.preset-card{display:grid;gap:.65rem;text-align:left;padding:.8rem;background:#fff;color:#1b2d49;border:2px solid #d3dfe1;border-radius:12px;cursor:pointer}.preset-card.selected{border-color:#00ad83;box-shadow:0 0 0 3px rgba(0,173,131,.12)}.preset-card strong,.preset-card small{display:block}.preset-card small{color:#61748e;min-height:3.4em}.wireframe{height:130px;padding:6px;display:grid;grid-template-rows:15px 11px 1fr 13px;gap:4px;background:#eef2f3;border-radius:7px}.wireframe span{display:grid;place-items:center;background:#c9d1d3;color:#51616a;border-radius:3px;font-size:7px;font-weight:800;text-transform:uppercase}.wireframe-main{display:grid!important;grid-template-columns:minmax(0,1fr) 30%!important;gap:4px;background:transparent!important}.wireframe-main.no-sidebar{grid-template-columns:1fr!important}.wireframe-body{display:grid!important;grid-template-rows:42% 1fr!important;gap:4px;background:transparent!important}.layout-editor{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:1rem;padding-top:1rem;border-top:1px solid #dce7e8}.layout-controls{display:grid;gap:.8rem}.layout-controls label{display:grid;gap:.35rem;font-weight:750}.layout-controls select,.layout-controls input{padding:.7rem;border:1px solid #bdcdd2;border-radius:9px;background:#fff}.module-sorter{display:grid;gap:.5rem}.module-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;padding:.7rem;background:#e4e9ea;border:1px solid #c5d0d2;border-radius:9px;color:#334750;cursor:grab}.module-item.dragging{opacity:.45}.module-item button{padding:.35rem .55rem;border:1px solid #afbec1;border-radius:7px;background:#fff;color:#1b2d49}.layout-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.layout-actions>button{border:0;border-radius:11px;padding:.9rem 1.1rem;background:linear-gradient(110deg,#3979ad,#00ad83);color:#fff;font-weight:800}.layout-preview-frame{padding:1rem;background:#eef2f3;border:1px solid #cbd7d9;border-radius:12px}.layout-preview-frame .block{display:grid;place-items:center;min-height:42px;margin:.45rem 0;background:#cbd2d4;color:#44555d;border-radius:5px;font-size:.75rem;font-weight:850;text-transform:uppercase}.layout-preview-frame .block.lead{min-height:100px}.layout-preview-frame .block.latest{min-height:82px}.layout-preview-frame .with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 28%;gap:.5rem}.layout-preview-frame .with-sidebar.left{grid-template-columns:28% minmax(0,1fr)}.layout-preview-frame .sidebar-block{min-height:100%;background:#b9c3c5}.layout-note{color:#61748e;font-size:.85rem}@media(max-width:850px){.layout-editor{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.preset-grid{grid-template-columns:1fr}.layout-builder-heading{display:grid}}
.wireframe:has(.wireframe-ticker){grid-template-rows:15px 11px 7px 1fr 13px}.wireframe>.wireframe-ticker{background:#aeb9bc}.wireframe-main.left{grid-template-columns:30% minmax(0,1fr)!important}.wireframe-body b{display:grid;place-items:center;background:#b9c3c5;border-radius:3px;font-size:7px}.wireframe-body em{display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,1fr));gap:3px}.wireframe-body i{display:block;background:#d6dcde;border-radius:2px}.wireframe-body.hero-full_width{grid-template-rows:60% 1fr!important}.wireframe-body.hero-lead_grid{grid-template-columns:57% 1fr!important;grid-template-rows:1fr!important}
.layout-preview-column{min-width:0}.layout-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.layout-preview-heading h3,.layout-preview-heading p{margin:.2rem 0}.preview-device-switch{display:flex;gap:.35rem}.preview-device-switch button{border:1px solid #b9cbcf;background:#fff;color:#21364f;border-radius:8px;padding:.48rem .7rem;font-weight:750}.preview-device-switch button.active{background:#063b5c;color:#fff;border-color:#063b5c}.layout-preview-stage{min-height:720px;display:flex;justify-content:center;align-items:flex-start;padding:.7rem;background:#dce4e6;border:1px solid #bdcdd2;border-radius:12px;overflow:auto;transition:opacity .18s ease}.layout-preview-stage.loading{opacity:.68}.layout-preview-stage>p{margin:auto;color:#61748e}.preview-canvas{position:relative;flex:0 0 auto;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(18,38,65,.16)}.preview-canvas iframe{position:absolute;inset:0;display:block;border:0;background:#fff;transform-origin:top left}@media(max-width:850px){.layout-preview-stage{min-height:620px}.layout-preview-heading{align-items:flex-start;flex-direction:column}}