.hpz-composer{--hpz-border:#d8dde5;--hpz-muted:#64748b;--hpz-bg:#f6f8fb;border:1px solid var(--hpz-border);background:#fff}.hpz-composer *{box-sizing:border-box}.hpz-composer__workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:var(--hpz-composer-min-height)}.hpz-composer__canvas{padding:28px;background:var(--hpz-bg);min-width:0}.hpz-composer__sidebar{border-left:1px solid var(--hpz-border);padding:22px;background:#fff;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto}.hpz-composer__sidebar-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--hpz-border);margin-bottom:16px}.hpz-composer__sidebar-head small,.hpz-composer__sidebar-empty p{color:var(--hpz-muted)}.hpz-composer__block{background:#fff;border:1px solid var(--hpz-border);box-shadow:0 2px 8px rgba(15,23,42,.05)}.hpz-composer__block.is-selected{outline:2px solid #245c8f;outline-offset:0}.hpz-composer__block-header{min-height:42px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hpz-border);background:#fbfcfe}.hpz-composer__block-type{display:flex;gap:8px;align-items:center;font-size:13px;color:#334155}.hpz-composer__block-type b{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--hpz-border);background:#fff}.hpz-composer__block-actions{display:flex}.hpz-composer__block-actions button{border:0;border-left:1px solid var(--hpz-border);background:transparent;width:32px;height:28px;cursor:pointer}.hpz-composer__block-actions button:hover{background:#eef3f8}.hpz-composer__block-body{padding:20px}.hpz-composer__richtext{min-height:110px;outline:0;line-height:1.65}.hpz-composer__richtext:focus{box-shadow:inset 0 -2px #245c8f}.hpz-composer__heading-input{width:100%;border:0!important;box-shadow:none!important;font-size:28px!important;font-weight:700;padding:6px 0!important}.hpz-composer__add-row{min-height:22px;position:relative;display:flex;align-items:center;justify-content:center}.hpz-composer__add-row.is-empty{min-height:260px;flex-direction:column;border:1px dashed #bbc5d2;background:#fff}.hpz-composer__add-row>p{color:var(--hpz-muted)}.hpz-composer__block-picker{position:relative}.hpz-composer__add-button{width:30px;height:30px;border:1px solid #aeb8c5;background:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.35}.hpz-composer__add-row:hover .hpz-composer__add-button,.hpz-composer__add-row.is-empty .hpz-composer__add-button{opacity:1}.hpz-composer__picker-menu{display:none;position:absolute;left:50%;transform:translateX(-50%);top:34px;width:280px;max-height:330px;overflow:auto;background:#fff;border:1px solid var(--hpz-border);box-shadow:0 10px 30px rgba(15,23,42,.16);z-index:30;padding:8px}.hpz-composer__block-picker:hover .hpz-composer__picker-menu,.hpz-composer__block-picker:focus-within .hpz-composer__picker-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hpz-composer__picker-menu button{display:flex;gap:8px;align-items:center;text-align:left;border:0;background:#fff;padding:9px;cursor:pointer}.hpz-composer__picker-menu button:hover{background:#eef3f8}.hpz-composer__picker-menu span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--hpz-border)}.hpz-composer__field{display:grid;gap:6px;margin-bottom:16px}.hpz-composer__field label{font-weight:600;font-size:13px}.hpz-composer__field input,.hpz-composer__field textarea,.hpz-composer__field select,.hpz-composer__callout input,.hpz-composer__callout textarea,.hpz-composer blockquote textarea,.hpz-composer blockquote input{width:100%;border:1px solid #b9c3cf;background:#fff;padding:9px 10px;border-radius:0}.hpz-composer__field small{color:var(--hpz-muted)}.hpz-composer__media-empty{border:1px dashed #b9c3cf;background:#f8fafc;padding:36px;text-align:center;color:var(--hpz-muted);margin-bottom:12px}.hpz-composer__media-selected{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid var(--hpz-border);margin-bottom:12px}.hpz-composer__media-selected>span{font-size:30px}.hpz-composer__gallery-selected{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.hpz-composer__gallery-selected span{aspect-ratio:1;background:#eef3f8;display:grid;place-items:center;font-size:28px;position:relative}.hpz-composer__gallery-selected small{position:absolute;right:4px;bottom:2px;font-size:10px}.hpz-composer__callout{padding:16px;border-left:5px solid #2f6f9f;background:#eef6fc}.hpz-composer__callout--warning{border-left-color:#ba6b00;background:#fff6e5}.hpz-composer__callout input,.hpz-composer__callout textarea{background:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.15)}.hpz-composer blockquote{margin:0;padding-left:18px;border-left:4px solid #64748b}.hpz-composer blockquote textarea,.hpz-composer blockquote input{border:0}.hpz-content-paragraph{line-height:1.7}.hpz-content-image{text-align:center;margin:24px 0}.hpz-content-image img{max-width:100%;height:auto}.hpz-content-image--left{text-align:left}.hpz-content-image--right{text-align:right}.hpz-content-image--wide img{width:100%}.hpz-content-gallery{display:grid;gap:12px;margin:24px 0}.hpz-content-gallery--2{grid-template-columns:repeat(2,1fr)}.hpz-content-gallery--3{grid-template-columns:repeat(3,1fr)}.hpz-content-gallery--4{grid-template-columns:repeat(4,1fr)}.hpz-content-gallery figure{margin:0}.hpz-content-gallery img{width:100%;height:100%;object-fit:cover}.hpz-content-download{display:flex;gap:14px;align-items:center;border:1px solid #cbd5e1;padding:16px;text-decoration:none}.hpz-content-download__icon{font-size:28px}.hpz-content-download small{display:block;color:#64748b}.hpz-content-callout{padding:16px;border-left:5px solid #2f6f9f;background:#eef6fc;margin:20px 0}.hpz-content-callout--warning{border-left-color:#ba6b00;background:#fff6e5}.hpz-content-callout p{margin:.5em 0 0}.hpz-content-divider{border:0;border-top:1px solid #cbd5e1;margin:28px 0}.hpz-composer__preview-placeholder{min-height:120px;display:grid;place-items:center;background:#e8edf3;color:#475569}.hpz-composer__button-preview{text-align:left}
@media(max-width:900px){.hpz-composer__workspace{grid-template-columns:1fr}.hpz-composer__sidebar{position:static;max-height:none;border-left:0;border-top:1px solid var(--hpz-border)}.hpz-composer__canvas{padding:14px}.hpz-composer__gallery-selected{grid-template-columns:repeat(3,1fr)}}
.hpz-composer__media-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hpz-composer__image-selected{margin:0;background:#eef2f6;border:1px solid var(--hpz-border);text-align:center}.hpz-composer__image-selected img{display:block;max-width:100%;max-height:460px;width:auto;height:auto;margin:0 auto}.hpz-composer__image-selected figcaption{padding:9px 12px;background:#fff;border-top:1px solid var(--hpz-border);font-size:13px;color:var(--hpz-muted)}.hpz-composer__file-selected{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--hpz-border);background:#fff}.hpz-composer__file-selected small{display:block;color:var(--hpz-muted);margin-top:3px}.hpz-composer__file-selected p{margin:7px 0 0}.hpz-composer__file-icon{font-size:30px}.hpz-composer__media-loading{padding:32px;border:1px dashed #b9c3cf;background:#f8fafc;text-align:center;color:var(--hpz-muted)}.hpz-composer__gallery-selected figure{margin:0;aspect-ratio:1;background:#eef3f8;position:relative;overflow:hidden;border:1px solid var(--hpz-border)}.hpz-composer__gallery-selected img{width:100%;height:100%;object-fit:cover;display:block}.hpz-composer__gallery-loading{display:grid;place-items:center;height:100%;color:var(--hpz-muted);font-size:12px}.hpz-composer__gallery-actions{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;background:rgba(15,23,42,.78)}.hpz-composer__gallery-actions button{border:0;border-right:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;width:34px;height:30px;cursor:pointer}.hpz-composer__gallery-actions button:disabled{opacity:.35;cursor:default}.hpz-ui-button--ghost{background:#fff;border:1px solid #cbd5e1;color:#334155}