/* rentboy-visual-builder-v3-editor-css */
:root{--rb-bg:#060405;--rb-panel:#11080b;--rb-panel2:#190b10;--rb-border:rgba(255,255,255,.1);--rb-red:#ff0044;--rb-red2:#9f0a25;--rb-text:#f5eef0;--rb-muted:#a69a9e;--rb-gold:#f5c451;--rb-green:#47d18c;}
*{box-sizing:border-box} body{margin:0;background:var(--rb-bg);color:var(--rb-text);font-family:Inter,DM Sans,system-ui,sans-serif;overflow:hidden}.rb-builder{height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr) 380px;background:radial-gradient(circle at top,#210912,#060405 58%)}.rb-topbar{position:fixed;left:0;right:0;top:0;height:54px;background:rgba(5,4,4,.94);border-bottom:1px solid var(--rb-border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;z-index:20}.rb-brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.rb-logo-dot{width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--rb-red),var(--rb-gold));box-shadow:0 0 24px rgba(255,0,68,.35)}.rb-actions{display:flex;gap:8px;align-items:center}.rb-btn{border:1px solid var(--rb-border);background:rgba(255,255,255,.05);color:var(--rb-text);border-radius:10px;padding:9px 12px;font-weight:700;font-size:12px;cursor:pointer}.rb-btn:hover{background:rgba(255,255,255,.09)}.rb-btn.primary{background:linear-gradient(135deg,var(--rb-red),#b10a2c);border-color:rgba(255,0,68,.45)}.rb-btn.gold{background:linear-gradient(135deg,#f5c451,#9d6f11);color:#130b01}.rb-btn.danger{border-color:rgba(255,0,68,.45);color:#ff6b8c}.rb-side,.rb-props{padding-top:54px;height:100vh;overflow:auto;background:rgba(8,5,6,.88);border-right:1px solid var(--rb-border)}.rb-props{border-right:0;border-left:1px solid var(--rb-border)}.rb-main{padding-top:54px;min-width:0;height:100vh;overflow:hidden;display:grid;grid-template-rows:42px minmax(0,1fr)}.rb-tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--rb-border);position:sticky;top:54px;background:rgba(8,5,6,.95);z-index:2}.rb-tab{border:0;background:transparent;color:var(--rb-muted);padding:8px 10px;border-radius:8px;font-weight:800;font-size:12px;cursor:pointer}.rb-tab.active{background:rgba(255,0,68,.16);color:#fff}.rb-panel{display:none;padding:14px}.rb-panel.active{display:block}.rb-search{width:100%;border:1px solid var(--rb-border);background:rgba(255,255,255,.05);color:#fff;border-radius:10px;padding:10px 12px;outline:0}.rb-category{margin:14px 0 7px;color:var(--rb-muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.rb-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rb-widget{border:1px solid var(--rb-border);background:rgba(255,255,255,.045);border-radius:12px;padding:10px;cursor:grab;min-height:66px}.rb-widget:hover{border-color:rgba(255,0,68,.45);background:rgba(255,0,68,.07)}.rb-widget b{display:block;font-size:12px}.rb-widget span{display:block;color:var(--rb-muted);font-size:11px;margin-top:4px}.rb-previewbar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--rb-border);background:#090607}.rb-device{margin-left:auto}.rb-canvas-wrap{position:relative;overflow:auto;padding:14px;background:#171113}.rb-canvas{min-height:calc(100vh - 130px);background:#050404;border:1px solid var(--rb-border);border-radius:16px;box-shadow:0 20px 80px rgba(0,0,0,.4);overflow:hidden}.rb-canvas.drop-ok{outline:2px dashed var(--rb-red);outline-offset:-8px}.rb-empty{padding:70px 20px;text-align:center;color:var(--rb-muted)}.rb-page-section{border:1px solid rgba(255,255,255,.08);margin:12px;border-radius:16px;padding:22px;position:relative;background:rgba(255,255,255,.03)}.rb-page-section.selected{outline:2px solid var(--rb-red)}.rb-section-tools{position:absolute;top:8px;right:8px;display:flex;gap:5px}.rb-section-tools button{font-size:11px;border:1px solid var(--rb-border);background:#12090c;color:#fff;border-radius:7px;padding:4px 6px;cursor:pointer}.rb-hero-render{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.rb-hero-render h1{font-size:clamp(32px,6vw,72px);margin:0 0 12px}.rb-hero-render img,.rb-render-img{width:100%;border-radius:18px;max-height:390px;object-fit:cover}.rb-gallery-render{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rb-gallery-render img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:13px}.rb-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rb-card{border:1px solid var(--rb-border);background:rgba(255,255,255,.04);border-radius:16px;padding:18px}.rb-field{margin-bottom:12px}.rb-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--rb-muted);margin-bottom:6px}.rb-input,.rb-textarea,.rb-select{width:100%;border:1px solid var(--rb-border);background:rgba(255,255,255,.055);color:#fff;border-radius:10px;padding:9px 10px;outline:0}.rb-textarea{min-height:90px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rb-color-row{display:grid;grid-template-columns:1fr 62px;gap:8px;align-items:center}.rb-color-row input[type=color]{width:62px;height:40px;border:1px solid var(--rb-border);background:transparent;border-radius:8px}.rb-accordion{border:1px solid var(--rb-border);border-radius:12px;margin-bottom:10px;overflow:hidden}.rb-accordion h3{margin:0;padding:12px;font-size:13px;background:rgba(255,255,255,.045);cursor:pointer}.rb-accordion .body{padding:12px;display:none}.rb-accordion.open .body{display:block}.rb-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rb-media-grid img,.rb-media-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid var(--rb-border);cursor:pointer}.rb-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:12px 16px;background:#13090d;border:1px solid rgba(255,0,68,.35);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.45);z-index:100;display:none}.rb-toast.show{display:block}.rb-code-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}.rb-code-tabs button{font-size:11px}.rb-mini{font-size:11px;color:var(--rb-muted)}.rb-table{width:100%;border-collapse:collapse;font-size:12px}.rb-table td,.rb-table th{border-bottom:1px solid var(--rb-border);padding:8px;text-align:left}.rb-pill{display:inline-flex;align-items:center;border:1px solid var(--rb-border);border-radius:999px;padding:4px 8px;font-size:11px;margin:2px;background:rgba(255,255,255,.05)}.rb-help{color:var(--rb-muted);font-size:12px;line-height:1.55}.rb-kbd{font-family:ui-monospace,monospace;background:#241116;border:1px solid var(--rb-border);border-radius:5px;padding:1px 5px;color:#fff}@media(max-width:1100px){.rb-builder{grid-template-columns:320px 1fr}.rb-props{position:fixed;right:0;top:54px;bottom:0;width:360px;z-index:18;box-shadow:-20px 0 80px rgba(0,0,0,.5)}}


.rb-current-section-banner{display:grid;gap:4px;border:1px solid rgba(245,196,81,.35);background:rgba(245,196,81,.08);border-radius:12px;padding:10px 12px;margin-bottom:14px;color:#fff}.rb-current-section-banner span{color:var(--rb-gold);font-family:ui-monospace,monospace;font-size:11px}.rb-current-section-banner em{color:var(--rb-muted);font-size:12px;font-style:normal}.rb-current-site-widget{background:rgba(10,8,9,.72)}.rb-current-section-preview{max-height:none;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#050404;padding:10px}.rb-current-section-preview nav,.rb-current-section-preview header,.rb-current-section-preview section,.rb-current-section-preview footer{position:relative!important;inset:auto!important;max-width:100%!important}.rb-current-section-preview .fixed{position:relative!important}.rb-current-section-preview img{max-width:100%;height:auto}.rb-current-section-preview script{display:none!important}.rb-login-card .rb-login-actions{display:flex;gap:8px;flex-wrap:wrap}.rb-login-message.error{color:#ff6b8c}.rb-login-message.warn{color:#f5c451}.rb-alert{border:1px solid rgba(245,196,81,.35);background:rgba(245,196,81,.08);border-radius:12px;padding:10px;margin:10px 0;color:#f5e7b4}



/* rentboy-visual-builder-v7-inline-editing */
.rb-current-site-widget.selected .rb-current-section-preview{box-shadow:inset 0 0 0 1px rgba(255,0,68,.24)}
.rb-edit-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.rb-edit-summary .rb-btn{font-size:11px;padding:6px 8px}.rb-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.rb-edit-field{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;margin-bottom:10px;background:rgba(255,255,255,.035)}.rb-edit-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#f5c451;margin-bottom:6px}.rb-compact-textarea{min-height:52px;font-family:Inter,DM Sans,system-ui,sans-serif}.rb-count{float:right;color:#f5c451;font-size:11px}.rb-current-section-preview a,.rb-current-section-preview button,.rb-current-section-preview h1,.rb-current-section-preview h2,.rb-current-section-preview h3,.rb-current-section-preview p{outline:1px dashed transparent;outline-offset:2px}.rb-current-site-widget.selected .rb-current-section-preview a,.rb-current-site-widget.selected .rb-current-section-preview button,.rb-current-site-widget.selected .rb-current-section-preview h1,.rb-current-site-widget.selected .rb-current-section-preview h2,.rb-current-site-widget.selected .rb-current-section-preview h3,.rb-current-site-widget.selected .rb-current-section-preview p{outline-color:rgba(245,196,81,.22)}


/* rentboy-visual-builder-v7-click-to-edit-preview */
.rb-current-section-preview .rb-current-editable{
  position:relative !important;
  cursor:pointer !important;
  outline:1px dashed rgba(255,255,255,.18);
  outline-offset:2px;
  transition:outline-color .12s ease, box-shadow .12s ease, background .12s ease, filter .12s ease;
}
.rb-current-section-preview .rb-current-editable:hover{
  outline:2px solid var(--rb-red, #ff0b4f) !important;
  box-shadow:0 0 0 4px rgba(255,11,79,.18), 0 0 24px rgba(255,11,79,.26) !important;
  background:rgba(255,11,79,.08) !important;
  filter:saturate(1.08);
}
.rb-current-section-preview .rb-current-editable-selected{
  outline:3px solid var(--rb-gold, #f0b429) !important;
  box-shadow:0 0 0 5px rgba(240,180,41,.22), 0 0 30px rgba(240,180,41,.38) !important;
  background:rgba(240,180,41,.10) !important;
}
.rb-current-section-preview .rb-current-editable::after{
  content:attr(data-rb-edit-label);
  position:absolute;
  left:0;
  top:-27px;
  z-index:20;
  display:none;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(5,4,4,.92);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font:700 10px/1.1 Inter,system-ui,sans-serif;
  letter-spacing:.04em;
  white-space:nowrap;
  pointer-events:none;
}
.rb-current-section-preview .rb-current-editable:hover::after,
.rb-current-section-preview .rb-current-editable-selected::after{display:block;}
.rb-focused-editor{
  border:1px solid rgba(255,11,79,.28);
  box-shadow:0 0 0 1px rgba(255,11,79,.08), 0 0 30px rgba(255,11,79,.08);
}
.rb-selected-target{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  margin-bottom:10px;
  border-radius:12px;
  background:linear-gradient(90deg,rgba(255,11,79,.16),rgba(240,180,41,.08));
  border:1px solid rgba(255,255,255,.12);
}
.rb-selected-target b{font-size:13px;color:#fff;}
.rb-selected-target span{font-size:11px;color:var(--rb-muted,#b9aab0);text-transform:uppercase;letter-spacing:.08em;}
.rb-field-kind{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  margin-right:8px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,11,79,.18);
  border:1px solid rgba(255,11,79,.25);
  color:#ffd5df;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.rb-related-fields{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  padding:10px;
  margin:10px 0;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}
.rb-related-fields b{font-size:11px;color:var(--rb-muted,#b9aab0);margin-right:4px;}
.rb-linklike{
  color:#ffd5df;
  border:0;
  background:transparent;
  text-decoration:underline;
  cursor:pointer;
  font:inherit;
  padding:0 0 0 4px;
}
.rb-edit-field:focus-within{
  border-color:rgba(240,180,41,.35);
  box-shadow:0 0 0 1px rgba(240,180,41,.10);
}