.designer-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.designer-tab{padding-inline:4px;font-size:.76rem}.layout-editor{display:grid;gap:16px;min-width:0}.layout-page-select{width:100%;padding:10px;border:1px solid #d4e0e9;border-radius:5px;color:#285c83;background:#f7fafc;font:inherit;font-size:.85rem}.layout-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.layout-palette-item{font:inherit;font-size:.73rem;color:#3e6682;background:#f3f7fa;border:1px solid #dce5ec;border-radius:5px;padding:9px 4px;cursor:grab}.layout-palette-item:active,.layout-block-chip:active{cursor:grabbing}.layout-row-editor{border:1px solid #d4e1ea;padding:12px;border-radius:7px;background:#fbfcfd;min-width:0}.layout-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.layout-row-head strong{font-size:.82rem;color:#345870}.layout-row-actions{display:flex;flex-wrap:wrap;gap:5px}.layout-row-actions button{font-size:.7rem;padding:5px}.layout-row-grid{display:grid;gap:8px}.layout-cell{min-width:0;min-height:80px;border:1px dashed #bfcfdc;padding:7px;background:#fff;border-radius:5px;display:flex;flex-direction:column;gap:6px}.layout-cell.is-selected{border-color:#467b9d;background:#f4f9fc}.layout-cell-label{border:0;background:none;color:#6b8394;font-size:.69rem;text-align:left;padding:2px 0;cursor:pointer}.layout-block-chip{font-size:.73rem;line-height:1.5;padding:8px 5px;background:#eaf1f6;border:1px solid transparent;border-radius:4px;color:#3a607a;cursor:grab;overflow-wrap:anywhere}.layout-block-chip.is-selected{border-color:#447ea3;background:#dcecf7}.layout-empty{font-size:.7rem;color:#a0b0bd;padding:8px 0;text-align:center}.layout-row-options{margin-top:12px;font-size:.75rem;color:#54738a}.layout-row-options summary{cursor:pointer}.layout-row-options>.designer-field{margin-top:12px}.layout-inspector{display:grid;gap:14px;padding:16px;border:1px solid #9fbcd0;border-radius:7px;background:#f8fbfd}.layout-inspector .designer-subtitle{margin:0}.layout-inspector select{width:100%;min-width:0;padding:8px;border:1px solid #cddde8;background:#fff;border-radius:4px;color:#355d77;font:inherit}.layout-drop-hover{outline:2px solid #3d91c8!important;outline-offset:-2px;background:#def0ff!important}.phone-layout-row{display:grid;margin-bottom:var(--preview-gap);min-width:0;box-sizing:border-box;border-radius:var(--preview-radius)}.phone-layout-cell{display:flex;flex-direction:column;min-width:0;min-height:12px}.phone-layout-block{box-sizing:border-box;position:relative;min-width:0;border-radius:var(--preview-radius);overflow-wrap:anywhere;flex-shrink:0}.phone-layout-block>:is(.phone-block,.phone-hero,.phone-announcement,.phone-search){margin-bottom:0}.phone-layout-block .phone-block{padding:12px}.phone-layout-block .phone-items.cards{grid-template-columns:repeat(auto-fit,minmax(min(90px,100%),1fr))}.phone-layout-block .phone-items.list .phone-item{grid-template-columns:minmax(0,1fr)}.phone-layout-block .phone-items.list .phone-item>*{grid-column:auto}.phone-layout-block .phone-items.list .phone-item>.phone-media,.phone-layout-block .phone-items.list .phone-item>.phone-placeholder{grid-column:auto;grid-row:auto;width:100%}.phone-layout-block[data-media=left]>.phone-block:has(>.phone-media),.phone-layout-block[data-media=right]>.phone-block:has(>.phone-media){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:10px;align-items:start}.phone-layout-block[data-media=left]>.phone-block>.phone-media{grid-column:1;grid-row:1 / span 8;width:100%;height:100%;max-height:180px;object-fit:cover}.phone-layout-block[data-media=left]>.phone-block>*:not(.phone-media){grid-column:2}.phone-layout-block[data-media=right]>.phone-block>.phone-media{grid-column:2;grid-row:1 / span 8;width:100%;height:100%;max-height:180px;object-fit:cover}.phone-layout-block[data-media=right]>.phone-block>*:not(.phone-media){grid-column:1}.phone-free-text{white-space:pre-wrap;line-height:1.6;margin:0}.phone-free-image{display:block;width:100%;object-fit:cover;border-radius:var(--preview-radius)}.phone-free-placeholder{display:grid;place-items:center;background:#e4ebf1;color:#8397a6;font-size:11px}.phone-free-button{width:100%;padding:10px;border:1px solid currentColor;border-radius:calc(var(--preview-radius) / 2);background:transparent;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer}.phone-layout-empty,.phone-layout-disabled{font-size:10px;line-height:1.6;color:#7e97a9;background:#eaf3f9;padding:12px 4px;text-align:center}.layout-edit-mode .phone-layout-cell{min-height:40px;border:1px dashed #a7c3d6;padding:2px}.layout-edit-mode .phone-layout-block{outline:1px dashed #b0c4d3;outline-offset:-1px;cursor:grab}.layout-edit-mode .phone-layout-block.is-selected{outline:2px solid #3b92ca;outline-offset:-2px}.layout-edit-mode .phone-layout-block:focus-visible{outline:3px solid #3b92ca}.layout-edit-mode .phone-scroll{scroll-behavior:auto}.phone-layout-block .phone-hero h2{font-size:1.3em!important}.phone-layout-block .phone-item .phone-action{max-width:100%}.phone-layout-block .phone-top{min-width:0}
.phone-layout-cell{container-type:inline-size}
.phone-layout-block .phone-items.cards{grid-template-columns:repeat(var(--preview-columns),minmax(0,1fr))}
.phone-layout-block .phone-items.list .phone-item{grid-template-columns:65px minmax(0,1fr)}
.phone-layout-block .phone-items.list .phone-item>*{grid-column:2}
.phone-layout-block .phone-items.list .phone-item>.phone-media,.phone-layout-block .phone-items.list .phone-item>.phone-placeholder{grid-column:1;grid-row:1 / span 4;width:65px;height:65px}
@container (max-width:180px){
  .phone-layout-block .phone-items.cards{grid-template-columns:1fr}
  .phone-layout-block .phone-items.list .phone-item{grid-template-columns:minmax(0,1fr)}
  .phone-layout-block .phone-items.list .phone-item>*{grid-column:1}
  .phone-layout-block .phone-items.list .phone-item>.phone-media,.phone-layout-block .phone-items.list .phone-item>.phone-placeholder{grid-column:1;grid-row:auto;width:100%;height:65px}
}