✏️ Editing: editor.css

.s4h-vbb-hero--editor{min-height:min(var(--s4h-vbb-height,760px),760px)!important;margin-top:0!important;margin-bottom:0!important}
.s4h-vbb-hero--editor .s4h-vbb-hero__editor-media-control{position:absolute;z-index:10;top:20px;right:20px;display:flex;gap:8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 8px 26px rgba(0,0,0,.16)}
.s4h-vbb-hero--editor .s4h-vbb-hero__heading-input{max-width:720px;margin-top:12px}
.s4h-vbb-hero--editor .s4h-vbb-hero__heading-input input{background:rgba(255,255,255,.92);font-size:14px}
.s4h-vbb-hero--editor .s4h-vbb-btn{cursor:text}
.s4h-vbb-hero--editor .components-base-control{color:#111}

/* Global Header editor */
.s4h-vbb-header--editor{padding:10px!important}.s4h-vbb-header--editor .s4h-vbb-header__bar{grid-template-columns:minmax(180px,240px) 1fr auto}.s4h-vbb-header--editor .s4h-vbb-header__nav{display:flex!important;gap:14px;flex-wrap:wrap}.s4h-vbb-header--editor .s4h-vbb-header__nav span{font-size:12px;font-weight:700}.s4h-vbb-header--editor .s4h-vbb-header__brand{position:relative}.s4h-vbb-header__logo-edit{position:absolute;left:0;top:calc(100% + 6px);z-index:3}.s4h-vbb-header__logo-placeholder{font-weight:900;letter-spacing:.02em}.s4h-vbb-header--editor .s4h-vbb-header__mobile{display:none}.s4h-vbb-header--editor .s4h-vbb-header__cta{font-size:12px}

/* v1.2.0 section editor */
.s4h-vbb-editor-card{padding:28px;border:1px solid #ddd;border-radius:16px;background:#fff;min-height:160px}.s4h-vbb-editor-dark{background:#08080d;color:#fff}.s4h-vbb-simple-preview small{font-weight:800;color:#dc037d;letter-spacing:.08em}.s4h-vbb-simple-preview h3{font-size:34px;line-height:1.05;margin:10px 0}.s4h-vbb-editor-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.s4h-vbb-editor-mini-card{position:relative;min-height:130px;padding:14px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#191925,#54213f);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.s4h-vbb-editor-mini-card img,.s4h-vbb-editor-mini-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.s4h-vbb-editor-mini-card b,.s4h-vbb-editor-mini-card span{position:relative}.s4h-vbb-editor-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.s4h-vbb-editor-logo-grid>div{border:1px solid #e5e5e5;border-radius:10px;padding:12px;display:grid;place-items:center;gap:5px}.s4h-vbb-editor-logo-grid img{max-width:120px;max-height:48px}.s4h-vbb-field-row{display:grid;grid-template-columns:90px 1fr;gap:10px}
@media(max-width:782px){.s4h-vbb-editor-mini-grid,.s4h-vbb-editor-logo-grid{grid-template-columns:repeat(2,1fr)}}

/* v1.3.0 Curated Instagram Reels editor */
.s4h-vbb-reels-editor{padding:28px;border:1px solid #e4e5e9;border-radius:18px;background:#fff}.s4h-vbb-reels-editor__intro small{font-weight:800;color:#d6037f}.s4h-vbb-reels-editor__intro h3{font-size:30px;margin:8px 0}.s4h-vbb-reels-editor__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.s4h-vbb-reels-editor__card{min-height:260px;border-radius:16px;overflow:hidden;background:#15131d;color:#fff;display:flex;flex-direction:column}.s4h-vbb-reels-editor__media{height:170px;position:relative;background:linear-gradient(145deg,#212c52,#6d0b4a);display:grid;place-items:center}.s4h-vbb-reels-editor__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.s4h-vbb-reels-editor__media b{position:relative;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35)}.s4h-vbb-reels-editor__card>small,.s4h-vbb-reels-editor__card>strong,.s4h-vbb-reels-editor__card>em{margin-left:14px;margin-right:14px}.s4h-vbb-reels-editor__card>small{margin-top:12px;font-size:9px}.s4h-vbb-reels-editor__card>strong{font-size:16px;margin-top:4px}.s4h-vbb-reels-editor__card>em{font-size:9px;font-style:normal;margin-top:8px;opacity:.75}.s4h-vbb-reel-thumb-preview img{width:100%;max-height:170px;object-fit:cover;border-radius:8px;margin-top:8px}.s4h-vbb-reel-thumb-preview{margin-bottom:10px}@media(max-width:900px){.s4h-vbb-reels-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

Advanced Web Server Manager