.block-outer{position:relative;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s,opacity .2s}.block-outer:hover{outline-color:#93c5fd}.block-outer.selected{outline-color:#2563eb}.block-outer.hidden{opacity:.35}.blocks-list>.block-outer:first-child .block-float-toolbar{top:10px}.block-float-toolbar{position:absolute;top:-36px;left:50%;transform:translate(-50%);background:#1e1e2e;border-radius:6px;display:flex;align-items:center;gap:.15rem;padding:.25rem .5rem;z-index:10;box-shadow:0 2px 8px #0003;white-space:nowrap}.block-drag-handle{cursor:grab;color:#9ca3af;padding:.1rem .25rem;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.block-drag-handle:active{cursor:grabbing}.block-type-pill{font-size:.7rem;color:#a0a0b0;font-weight:500;padding:0 .4rem;border-right:1px solid rgba(255,255,255,.1);margin-right:.15rem}.float-btn{background:none;border:none;cursor:pointer;color:#a0a0b0;padding:.25rem;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;line-height:1}.float-btn:hover{background:#ffffff1a;color:#fff}.float-btn.active{color:#60a5fa}.float-btn--danger:hover{background:#dc262633;color:#f87171}.hidden-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.hidden-overlay span{background:#1e1e2e;color:#a0a0b0;font-size:.75rem;padding:.25rem .75rem;border-radius:99px;font-weight:500}[contenteditable]{cursor:text}[contenteditable]:focus{outline:2px dashed rgba(37,99,235,.4);outline-offset:2px;border-radius:2px}.text-toolbar{display:flex;gap:.25rem;margin-top:.75rem;padding:.4rem .5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:fit-content;position:relative;z-index:5}.text-toolbar button{background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:#374151}.text-toolbar button:hover{background:#e5e7eb}.image-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:opacity .15s}.image-wrap:hover .image-overlay{opacity:1}.image-overlay button{background:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500}.url-input-wrap{display:flex;gap:.5rem;margin-top:.75rem;max-width:500px;margin-left:auto;margin-right:auto}.url-input-wrap input{flex:1;padding:.4rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.url-input-wrap button{background:#2563eb;color:#fff;border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.875rem}.cta-url-row{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;max-width:400px;margin-left:auto;margin-right:auto}.cta-url-row label{font-size:.8rem;font-weight:500;color:#374151;white-space:nowrap}.cta-url-row input{flex:1;padding:.4rem .65rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.full_block:not(:has(picture)):after{content:"🖼  Choose an image in the inspector";display:flex;align-items:center;justify-content:center;min-height:200px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:6px;color:#9ca3af;font-size:.875rem;width:100%}[contenteditable].placeholder:before{content:"Start typing...";color:#9ca3af;pointer-events:none;float:left}.block-children:has(>div:empty){padding:4px}.block-children:has(>div:empty) .insert-zone{opacity:1;height:32px;border:2px dashed #d1d5db;border-radius:6px;margin:0}.block-children:has(>div:empty) .insert-zone__line{display:none}.block-children:has(>div:empty) .insert-zone__btn{width:24px;height:24px;background:#f3f4f6;color:#6b7280}.block-children:has(>div:empty) .insert-zone__btn:hover{background:#2563eb;color:#fff}.block-children>div>.block-outer:last-child>.insert-zone--trailing{opacity:1;height:32px;border:1px dashed #e5e7eb;border-radius:6px;margin:4px 0 0}.block-children>div>.block-outer:last-child>.insert-zone--trailing .insert-zone__line{display:none}.block-children>div>.block-outer:last-child>.insert-zone--trailing .insert-zone__btn{width:24px;height:24px;background:#f3f4f6;color:#9ca3af}.block-children>div>.block-outer:last-child>.insert-zone--trailing .insert-zone__btn:hover{background:#2563eb;color:#fff}.tabs-panel-block,.menu-panel-block{display:none}.canvas{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:0}.canvas-viewport{width:100%;min-height:100%;transition:max-width .3s ease;overflow-x:hidden}.viewport-desktop{max-width:100%}.viewport-tablet{max-width:768px;box-shadow:0 0 0 1px #e5e7eb,0 4px 24px #00000014}.viewport-mobile{max-width:390px;box-shadow:0 0 0 1px #e5e7eb,0 4px 24px #00000014}.blocks-list{display:flex;flex-direction:column;container-type:inline-size;container-name:canvas}.canvas-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;color:#9ca3af;font-size:.9rem;border:2px dashed #e5e7eb;border-radius:8px;margin:2rem;text-align:center;padding:2rem}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:10px;padding:1.75rem;width:100%;max-width:480px;box-shadow:0 10px 30px #00000026}.modal h2{margin-bottom:1.25rem;font-size:1.2rem}.modal p{margin-bottom:1.25rem;color:#374151;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;align-content:start}.media-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .15s;background:#fff;position:relative}.media-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.media-card-thumb{aspect-ratio:1;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.media-card-thumb img{width:100%;height:100%;object-fit:cover}.media-card-icon{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#9ca3af}.ext-label{font-size:.7rem;font-weight:600;color:#6b7280}.media-card-info{padding:.5rem .6rem;border-top:1px solid #f3f4f6}.media-card-name{display:block;font-size:.75rem;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.media-card-meta{font-size:.7rem;color:#9ca3af}.media-field-wrap{display:flex;flex-direction:column;gap:.5rem}.media-field-preview{position:relative;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;background:#f9fafb}.media-field-preview img{width:100%;height:120px;object-fit:cover;display:block}.media-field-filename{display:block;padding:.5rem;font-size:.8rem;color:#374151}.media-field-clear{position:absolute;top:.35rem;right:.35rem;background:#00000080;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-field-clear:hover{background:#dc2626cc}.media-field-btn{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.45rem .75rem;font-size:.85rem;cursor:pointer;color:#374151;width:100%;justify-content:center}.media-field-btn:hover{background:#f3f4f6}.upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:inherit}.upload-overlay--error{background:#dc262680;color:#fff}.upload-preview-img{width:100%;height:100%;object-fit:cover}.upload-preview-img.dimmed{opacity:.4}.progress-ring{width:44px;height:44px}.progress-ring-bg{stroke:#ffffff4d}.progress-ring-fill{stroke:#fff;transition:stroke-dasharray .2s}.progress-text{font-size:8px;fill:#fff;font-weight:600}.spinner-white{width:26px;height:26px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu-block .block-children--MenuBlock{width:min(800px,100%)}.canvas-viewport .tabs-bar{position:relative}.tabs-empty{padding:3rem;text-align:center;color:#9ca3af;font-size:.875rem;border:2px dashed #e5e7eb;border-radius:8px;margin-top:1rem}.tabs-bar__add{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px dashed #d1d5db;border-radius:6px;padding:.4rem .75rem;font-size:.82rem;color:#6b7280;cursor:pointer;transition:all .15s}.tabs-bar__add:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.tab__drag{cursor:grab;color:#9ca3af;display:flex;align-items:center;opacity:.5;height:100%;position:absolute;top:0;left:2px}.tab__drag:active{cursor:grabbing}.tab--active .tab__drag{color:#ffffffb3}.tab__label{outline:none;min-width:40px}.tab__control{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.15rem;border-radius:3px;display:flex;align-items:center;height:100%;position:absolute;top:0;right:2px}.tab__control:hover{color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;color:#1a1a1a;background:#f5f5f5}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}