.buzpush-public-card{max-width:540px;margin:30px auto;padding:24px;border-radius:20px;background:#111317;color:#fff;border:1px solid #272a31;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.buzpush-public-card h2{margin-top:0}
#buzpush-player{position:relative;width:100%;min-height:100vh;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.buzpush-player-slide{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:5vw;box-sizing:border-box;background:#111;text-align:center;position:relative}
.buzpush-player-inner{max-width:1200px;width:100%}
.buzpush-player-kicker{display:inline-block;background:#ffd400;color:#111;padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;margin-bottom:18px}
.buzpush-player-title{font-size:clamp(32px,6vw,88px);line-height:1.05;font-weight:800;margin:0 0 16px}
.buzpush-player-subtitle{font-size:clamp(18px,2.1vw,30px);line-height:1.45;max-width:980px;margin:0 auto 20px;opacity:.92;white-space:pre-wrap}
.buzpush-player-media{max-width:100%;max-height:58vh;border-radius:22px;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.buzpush-player-html{margin-top:20px;text-align:left}
.buzpush-player-empty{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:22px;padding:40px;color:#fff;background:#0f0f10}


/* BuzPush customer login + portal */
.bp-front{--bp-bg:#050505;--bp-card:#121317;--bp-card2:#1b1c21;--bp-line:#2d3038;--bp-text:#fff;--bp-soft:#b9bbc4;--bp-yellow:#ffd400;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--bp-text)}
.bp-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#252525 0%,#080808 42%,#000 100%);padding:32px;box-sizing:border-box}
.bp-login-card{width:min(460px,100%);background:linear-gradient(180deg,#181a1f,#0e0f12);border:1px solid var(--bp-line);border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.bp-login-card img{width:260px;max-width:100%;display:block;margin:0 auto 28px}
.bp-login-card h1{font-size:34px;margin:0 0 8px;color:#fff}
.bp-login-card p{color:var(--bp-soft);margin:0 0 24px;line-height:1.55}
.bp-login-card label,.bp-form label{display:block;color:#fff;font-weight:700;margin:0 0 14px}
.bp-login-card input,.bp-form input,.bp-form textarea,.bp-form select,.bp-screen-row select{width:100%;box-sizing:border-box;margin-top:7px;background:#090a0c;border:1px solid #30333d;color:#fff;border-radius:14px;padding:13px 14px}
.bp-primary,.bp-secondary,.bp-actions a{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:13px 18px;text-decoration:none!important;font-weight:900;cursor:pointer}
.bp-primary{background:var(--bp-yellow);color:#101010!important}
.bp-secondary{background:#292c34;color:#fff!important}
.bp-link{color:var(--bp-yellow)!important;text-decoration:none!important;font-weight:800;margin-left:10px}
.bp-alert{background:#3b1717;border:1px solid #703131;color:#fff;padding:12px 14px;border-radius:14px;margin:0 0 18px}
.bp-alert-success{background:#122a1a;border-color:#2f7b45}
.bp-portal{min-height:100vh;background:linear-gradient(120deg,#050505,#121316 55%,#070707);display:flex}
.bp-sidebar{width:270px;background:#070707;border-right:1px solid #24262d;padding:28px 18px;box-sizing:border-box;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}
.bp-sidebar-logo{width:210px;max-width:100%;margin:0 auto 32px;display:block}
.bp-sidebar nav{display:grid;gap:8px}
.bp-sidebar nav a,.bp-logout{color:#d9d9df!important;text-decoration:none!important;padding:13px 15px;border-radius:14px;font-weight:800}
.bp-sidebar nav a.active,.bp-sidebar nav a:hover{background:var(--bp-yellow);color:#111!important}
.bp-logout{margin-top:auto;background:#15161b;color:#fff!important;text-align:center}
.bp-main{flex:1;padding:34px;box-sizing:border-box;min-width:0}
.bp-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.bp-topbar span{color:var(--bp-yellow);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.bp-topbar h1{color:#fff;font-size:34px;line-height:1.1;margin:6px 0 0}
.bp-kpis{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:18px;margin-bottom:20px}
.bp-kpis>div,.bp-panel{background:rgba(18,19,23,.92);border:1px solid var(--bp-line);border-radius:24px;box-shadow:0 18px 44px rgba(0,0,0,.3)}
.bp-kpis>div{padding:24px}
.bp-kpis span{display:block;color:var(--bp-soft);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}
.bp-kpis strong{display:block;color:#fff;font-size:48px;line-height:1;margin:12px 0 8px}
.bp-kpis p{color:var(--bp-soft);margin:0}
.bp-panel{padding:24px;margin-bottom:18px}
.bp-panel h2{color:#fff;font-size:24px;margin:0 0 15px}
.bp-panel p{color:var(--bp-soft);line-height:1.6}
.bp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.bp-actions a{background:#22252d;color:#fff!important}
.bp-actions a:hover{background:var(--bp-yellow);color:#111!important}
.bp-grid-2{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;align-items:start}
.bp-form .buzpush-field span{display:block;color:#d9d9df;font-weight:800;margin:0 0 7px}
.bp-form .buzpush-field{margin-bottom:14px}
.bp-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bp-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.bp-template-card{border:2px solid var(--bp-yellow);border-radius:22px;padding:18px;min-height:160px}
.bp-template-card small{opacity:.8}
.bp-template-card h3{font-size:22px;margin:8px 0;color:inherit}
.bp-template-card p{color:inherit;opacity:.9}
.bp-items{display:grid;gap:9px;background:#0b0c0f;border:1px solid var(--bp-line);border-radius:18px;padding:14px;margin-bottom:15px}
.bp-items label{display:flex;align-items:center;gap:10px;margin:0;color:#fff}
.bp-items label span{flex:1}
.bp-items input[type=checkbox]{width:auto}
.bp-items input[type=number]{width:88px;margin:0}
.bp-list{display:grid;gap:12px}
.bp-list-row,.bp-screen-row{background:#0b0c0f;border:1px solid var(--bp-line);border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.bp-list-row strong,.bp-screen-row strong{display:block;color:#fff;font-size:17px}
.bp-list-row span,.bp-screen-row span{display:block;color:var(--bp-soft);margin-top:5px}
.bp-list-row em{color:var(--bp-soft);font-style:normal}
.bp-screen-row{align-items:flex-start}
.bp-screen-row code{display:inline-block;color:var(--bp-yellow);background:#000;padding:5px 8px;border-radius:9px;margin-top:8px}
.bp-screen-row form{min-width:290px}
.bp-screen-row select{margin:0 0 10px}
@media(max-width:900px){
  .bp-portal{display:block}
  .bp-sidebar{position:relative;width:100%;height:auto}
  .bp-main{padding:20px}
  .bp-topbar,.bp-screen-row,.bp-list-row{display:block}
  .bp-kpis,.bp-grid-2{grid-template-columns:1fr}
  .bp-colors{grid-template-columns:1fr}
  .bp-topbar .bp-primary{margin-top:14px}
}


/* Standalone full-screen pages: no WordPress theme header/footer/menu spacing */
html:has(body.buzpush-standalone-page),
body.buzpush-standalone-page{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  background:#050505!important;
}
body.buzpush-standalone-page #wpadminbar{display:none!important}
body.buzpush-standalone-page .bp-front{
  width:100vw!important;
  min-height:100vh!important;
}
body.buzpush-standalone-page a:focus,
body.buzpush-standalone-page button:focus,
body.buzpush-standalone-page input:focus,
body.buzpush-standalone-page textarea:focus,
body.buzpush-standalone-page select:focus{
  outline:2px solid #ffd400;
  outline-offset:2px;
}


/* v0.2.2 Premium compact typography */
.bp-login-card{
  width:min(430px,100%);
  padding:30px 32px;
}
.bp-login-card img{
  width:205px;
  margin-bottom:22px;
}
.bp-login-card h1{
  font-size:25px;
  line-height:1.15;
  margin-bottom:8px;
  font-weight:750;
  letter-spacing:-.02em;
}
.bp-login-card p{
  font-size:15px;
  line-height:1.5;
  margin-bottom:22px;
}
.bp-login-card label,.bp-form label{
  font-size:14px;
  line-height:1.25;
}
.bp-login-card input,.bp-form input,.bp-form textarea,.bp-form select,.bp-screen-row select{
  font-size:14px;
  padding:11px 13px;
  border-radius:12px;
}
.bp-primary,.bp-secondary,.bp-actions a{
  font-size:14px;
  padding:11px 16px;
  border-radius:12px;
}
.bp-sidebar{
  width:245px;
  padding:24px 16px;
}
.bp-sidebar-logo{
  width:185px;
  margin-bottom:28px;
}
.bp-sidebar nav{
  gap:6px;
}
.bp-sidebar nav a,.bp-logout{
  font-size:15px;
  padding:11px 14px;
  border-radius:12px;
}
.bp-main{
  padding:32px;
}
.bp-topbar{
  margin-bottom:22px;
}
.bp-topbar span{
  font-size:10.5px;
  letter-spacing:.16em;
}
.bp-topbar h1{
  font-size:27px;
  font-weight:520;
  letter-spacing:-.03em;
}
.bp-kpis{
  gap:16px;
}
.bp-kpis>div{
  padding:22px;
  border-radius:20px;
}
.bp-kpis span{
  font-size:10.5px;
  letter-spacing:.16em;
}
.bp-kpis strong{
  font-size:38px;
  font-weight:420;
  margin:10px 0 7px;
}
.bp-kpis p{
  font-size:15px;
}
.bp-panel{
  padding:22px;
  border-radius:20px;
}
.bp-panel h2{
  font-size:20px;
  font-weight:520;
  letter-spacing:-.02em;
  margin-bottom:14px;
}
.bp-panel h3{
  font-size:17px;
}
.bp-panel p{
  font-size:15px;
  line-height:1.55;
}
.bp-actions{
  gap:10px;
}
.bp-grid-2{
  grid-template-columns:minmax(310px,400px) minmax(0,1fr);
  gap:16px;
}
.bp-form .buzpush-field span{
  font-size:13px;
}
.bp-template-card{
  border-radius:18px;
  padding:16px;
}
.bp-template-card h3{
  font-size:18px;
}
.bp-template-card p{
  font-size:14px;
}
.bp-list-row,.bp-screen-row{
  border-radius:16px;
  padding:14px;
}
.bp-list-row strong,.bp-screen-row strong{
  font-size:15px;
}
.bp-list-row span,.bp-screen-row span{
  font-size:13px;
}
.bp-list-row em{
  font-size:12px;
}
.bp-screen-row code{
  font-size:12px;
}
@media(max-width:900px){
  .bp-main{padding:18px}
  .bp-topbar h1{font-size:24px}
  .bp-sidebar-logo{width:165px}
}


/* v0.2.3 Uniform typography: use login-screen scale throughout the dashboard */
.bp-portal,
.bp-main,
.bp-panel,
.bp-kpis,
.bp-sidebar{
  font-size:15px;
}

.bp-sidebar nav a,
.bp-logout{
  font-size:14px;
  line-height:1.25;
  font-weight:750;
}

.bp-topbar span,
.bp-kpis span{
  font-size:10px;
  letter-spacing:.16em;
  font-weight:850;
}

.bp-topbar h1{
  font-size:25px;
  line-height:1.15;
  font-weight:650;
  letter-spacing:-.025em;
}

.bp-kpis strong{
  font-size:34px;
  line-height:1;
  font-weight:420;
}

.bp-kpis p{
  font-size:14px;
  line-height:1.35;
}

.bp-panel h2{
  font-size:18px;
  line-height:1.25;
  font-weight:650;
  letter-spacing:-.018em;
}

.bp-panel p{
  font-size:14px;
  line-height:1.5;
}

.bp-actions a,
.bp-primary,
.bp-secondary{
  font-size:14px;
  line-height:1.2;
  font-weight:850;
}

.bp-form .buzpush-field span,
.bp-items label,
.bp-list-row strong,
.bp-screen-row strong{
  font-size:14px;
  line-height:1.25;
}

.bp-list-row span,
.bp-screen-row span,
.bp-list-row em,
.bp-screen-row code{
  font-size:12.5px;
  line-height:1.35;
}

.bp-template-card small{
  font-size:11px;
  letter-spacing:.08em;
}

.bp-template-card h3{
  font-size:17px;
  line-height:1.25;
}

.bp-template-card p{
  font-size:13.5px;
  line-height:1.45;
}

/* Keep the premium spacing after reducing text size */
.bp-kpis>div{
  padding:20px 22px;
}
.bp-panel{
  padding:21px 22px;
}
.bp-list-row,
.bp-screen-row{
  padding:13px 14px;
}


/* v0.3.0 Yodeck-like next step: media library + layout preview cards */
.bp-media-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
}
.bp-media-card{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  border-radius:18px;
  padding:12px;
  overflow:hidden;
}
.bp-media-card img,
.bp-media-card video{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:13px;
  background:#000;
  display:block;
  margin-bottom:10px;
}
.bp-media-fallback{
  aspect-ratio:16/9;
  border-radius:13px;
  background:#16181e;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bp-yellow);
  font-weight:850;
  margin-bottom:10px;
}
.bp-media-card strong{
  display:block;
  color:#fff;
  font-size:14px;
}
.bp-media-card span{
  display:block;
  color:var(--bp-soft);
  font-size:12px;
  margin-top:4px;
}
.bp-media-card code{
  display:block;
  max-height:42px;
  overflow:hidden;
  word-break:break-all;
  color:var(--bp-yellow);
  background:#000;
  border-radius:10px;
  padding:7px;
  margin:9px 0;
  font-size:11px;
}
.bp-form input[type=file]{
  padding:10px;
}

.buzpush-player-web{width:min(1200px,100%);height:68vh;border:0;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.buzpush-layout-split .buzpush-player-inner{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;text-align:left}
.buzpush-layout-ticker{align-items:flex-end!important;justify-content:flex-start!important;min-height:100vh!important}
.buzpush-layout-ticker .buzpush-player-inner{max-width:none;background:rgba(0,0,0,.72);border-top:3px solid #ffd400;padding:22px 5vw}
.buzpush-layout-ticker .buzpush-player-title{font-size:clamp(24px,3.4vw,48px)}
.buzpush-layout-ticker .buzpush-player-subtitle{max-width:none;margin:0;font-size:clamp(16px,1.6vw,24px)}
@media(max-width:900px){.buzpush-layout-split .buzpush-player-inner{grid-template-columns:1fr;text-align:center}}


/* v0.4.0 premium suite: Yodeck-like function set, BuzPush look */
.bp-yodeck-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 0 18px;
}
.bp-yodeck-head h2{
  color:#fff;
  font-size:20px;
  font-weight:650;
  margin:0;
}
.bp-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.bp-toolbar input,
.bp-toolbar button{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
  border-radius:12px;
  padding:10px 13px;
  font-size:13px;
}
.bp-toolbar button{
  color:var(--bp-soft);
  cursor:pointer;
}
.bp-premium-table{
  display:grid;
  gap:9px;
}
.bp-table-head,
.bp-table-row{
  display:grid;
  grid-template-columns:1.4fr .7fr .9fr .7fr;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border-radius:14px;
}
.bp-table-head{
  background:#20232a;
  color:#c5c7d0;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:850;
}
.bp-table-row{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
}
.bp-table-row-5{
  grid-template-columns:1.2fr 1fr .8fr .9fr .7fr;
}
.bp-table-row strong{
  display:block;
  font-size:14px;
  color:#fff;
}
.bp-table-row small{
  display:block;
  color:var(--bp-soft);
  font-size:12px;
  margin-top:4px;
}
.bp-days{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 15px;
}
.bp-days label{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
  border-radius:999px;
  padding:8px 11px;
  font-size:13px;
  font-weight:800;
}
.bp-days input{
  width:auto!important;
  margin:0 5px 0 0!important;
}
@media(max-width:900px){
  .bp-yodeck-head{display:block}
  .bp-toolbar{margin-top:12px}
  .bp-table-head{display:none}
  .bp-table-row,.bp-table-row-5{grid-template-columns:1fr}
}


/* v0.5.0 Drag & drop playlist builder + layout zone builder */
.bp-builder-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin:0 0 18px;
}
.bp-builder-head span{
  color:var(--bp-yellow);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  font-weight:900;
}
.bp-builder-head h2{
  margin:6px 0 6px;
  color:#fff;
  font-size:25px;
}
.bp-builder-head p{
  color:var(--bp-soft);
  margin:0;
  font-size:14px;
}
.bp-builder-grid{
  display:grid;
  grid-template-columns:300px minmax(0,1fr) 300px;
  gap:16px;
  align-items:start;
}
.bp-layout-builder-grid{
  grid-template-columns:260px minmax(0,1fr) 300px;
}
.bp-layout-pool{
  display:grid;
  gap:9px;
}
.bp-pool-item{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
  border-radius:14px;
  padding:11px 12px;
  text-align:left;
  font-weight:800;
  cursor:pointer;
}
.bp-pool-item span{
  width:11px;
  height:11px;
  border-radius:50%;
  display:inline-block;
  margin-right:9px;
}
.bp-sorter{
  min-height:240px;
  display:grid;
  gap:10px;
  margin-bottom:16px;
}
.bp-sort-item{
  display:grid;
  grid-template-columns:34px 1fr 135px 36px;
  align-items:center;
  gap:12px;
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  border-radius:16px;
  padding:12px;
  cursor:grab;
}
.bp-sort-item.dragging{
  opacity:.45;
}
.bp-sort-item strong{
  display:block;
  color:#fff;
  font-size:14px;
}
.bp-sort-item small{
  display:block;
  color:var(--bp-soft);
  font-size:12px;
}
.bp-sort-item label{
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.bp-sort-item input[type=number]{
  width:70px;
  background:#050505;
  border:1px solid var(--bp-line);
  border-radius:10px;
  color:#fff;
  padding:8px;
}
.bp-drag{
  color:var(--bp-yellow);
  font-size:20px;
  letter-spacing:-4px;
}
.bp-remove-item{
  background:#242731;
  border:0;
  color:#fff;
  border-radius:10px;
  height:34px;
  cursor:pointer;
}
.bp-player-preview .bp-preview-screen{
  aspect-ratio:16/9;
  background:radial-gradient(circle at 50% 35%,#2b2d35,#050505);
  border:1px solid #323641;
  border-radius:18px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.bp-preview-screen span{
  color:var(--bp-yellow);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  font-weight:900;
}
.bp-preview-screen strong{
  color:#fff;
  font-size:26px;
  margin:8px 0;
}
.bp-preview-screen p{
  color:var(--bp-soft);
  margin:0;
}
.bp-toolbox{
  display:grid;
  gap:9px;
  margin-bottom:14px;
}
.bp-toolbox button{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
  border-radius:13px;
  padding:11px 12px;
  font-weight:850;
  cursor:pointer;
}
.bp-layout-canvas{
  position:relative;
  aspect-ratio:16/9;
  width:100%;
  border-radius:18px;
  overflow:hidden;
  background:#111;
  border:1px solid var(--bp-line);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.bp-layout-canvas:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:5% 8.888%;
  pointer-events:none;
}
.bp-zone{
  position:absolute;
  border:2px solid rgba(255,212,0,.85);
  background:rgba(255,212,0,.08);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:move;
  color:#fff;
  font-size:12px;
  font-weight:900;
  user-select:none;
}
.bp-zone.selected{
  box-shadow:0 0 0 4px rgba(255,212,0,.18);
  background:rgba(255,212,0,.16);
}
.bp-zone[data-type="media"]{
  border-color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.08);
}
.bp-zone-settings label{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:800;
  margin:0 0 10px;
}
.bp-zone-settings input{
  width:100%;
  margin-top:6px;
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
  border-radius:12px;
  padding:10px;
  box-sizing:border-box;
}
.bp-row-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.bp-builder-link{
  margin-top:10px;
}
@media(max-width:1100px){
  .bp-builder-grid,.bp-layout-builder-grid{grid-template-columns:1fr}
  .bp-sort-item{grid-template-columns:26px 1fr}
  .bp-sort-item label,.bp-remove-item{grid-column:2}
}

.buzpush-builder-zones{position:absolute;inset:0;pointer-events:none}
.buzpush-builder-zone{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5vw;box-sizing:border-box}
.buzpush-builder-zone span{font-size:clamp(18px,3vw,58px);font-weight:850;line-height:1.08}
.buzpush-builder-zone-media img,.buzpush-builder-zone-media video,.buzpush-builder-zone-media iframe{width:100%;height:100%;object-fit:cover;border-radius:18px}


/* v0.5.1: make builders clearly visible in the customer portal */
.bp-builder-tip{
  background:linear-gradient(90deg,rgba(255,212,0,.16),rgba(255,212,0,.04));
  border:1px solid rgba(255,212,0,.35);
  color:#fff;
  padding:12px 14px;
  border-radius:16px;
  margin:0 0 16px;
  font-size:13px;
}
.bp-builder-tip strong,
.bp-builder-tip b{
  color:var(--bp-yellow);
}
.bp-template-card{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.bp-template-card form{
  margin-top:auto;
}
.bp-builder-link{
  margin-top:0;
  width:max-content;
}
.bp-row-actions .bp-secondary{
  white-space:nowrap;
}


/* v0.6.0 real editable builder */
.bp-sidebar-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 28px;
}
.bp-sidebar-brand .bp-sidebar-logo{
  margin:0;
  flex:1;
}
.bp-sidebar-toggle{
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid var(--bp-line);
  background:#121317;
  color:#fff;
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
body.bp-sidebar-collapsed .bp-sidebar{
  width:76px;
  padding-left:10px;
  padding-right:10px;
}
body.bp-sidebar-collapsed .bp-sidebar-logo{
  display:none;
}
body.bp-sidebar-collapsed .bp-sidebar-toggle{
  transform:rotate(180deg);
  margin:0 auto;
}
body.bp-sidebar-collapsed .bp-sidebar nav a,
body.bp-sidebar-collapsed .bp-logout{
  font-size:0;
  text-align:center;
  padding:13px 8px;
}
body.bp-sidebar-collapsed .bp-sidebar nav a:before{
  content:attr(data-label);
  display:block;
  font-size:11px;
  line-height:1.15;
}
body.bp-sidebar-collapsed .bp-logout:before{
  content:"Uit";
  font-size:12px;
}
.bp-builder-head-editor{
  align-items:flex-end;
}
.bp-builder-head-actions{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.bp-builder-head-actions label{
  display:grid;
  gap:6px;
  color:var(--bp-soft);
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.bp-builder-head-actions select{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
  border-radius:12px;
  padding:10px 12px;
  min-width:190px;
}
.bp-layout-builder-grid-wide{
  grid-template-columns:280px minmax(700px,1fr);
}
.bp-builder-side{
  position:sticky;
  top:18px;
}
.bp-zone-settings-wrap{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--bp-line);
}
.bp-save-layout-sticky{
  width:100%;
  margin-top:14px;
}
.bp-canvas-panel{
  padding:20px!important;
}
.bp-canvas-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.bp-canvas-title h2{
  margin:0!important;
}
.bp-canvas-title span{
  color:var(--bp-yellow);
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.bp-layout-canvas{
  max-width:none;
  margin:0 auto;
}
.bp-layout-canvas.bp-orientation-landscape{
  aspect-ratio:16/9;
}
.bp-layout-canvas.bp-orientation-portrait{
  aspect-ratio:9/16;
  max-height:72vh;
  width:auto;
}
.bp-layout-canvas.bp-orientation-square{
  aspect-ratio:1/1;
  max-height:72vh;
  width:auto;
}
.bp-zone{
  overflow:hidden;
}
.bp-zone span[contenteditable="true"]{
  outline:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  box-sizing:border-box;
  cursor:text;
}
.bp-zone span[contenteditable="true"]:focus{
  background:rgba(255,212,0,.1);
}
.bp-zone-resize{
  position:absolute;
  right:4px;
  bottom:4px;
  width:14px;
  height:14px;
  border-right:3px solid var(--bp-yellow);
  border-bottom:3px solid var(--bp-yellow);
  cursor:nwse-resize;
  opacity:.95;
}
.bp-zone-settings{
  display:grid;
  gap:9px;
}
.bp-zone-settings label{
  margin:0;
}
@media(max-width:1200px){
  .bp-layout-builder-grid-wide{grid-template-columns:1fr}
  .bp-builder-side{position:relative;top:auto}
}
@media(max-width:900px){
  body.bp-sidebar-collapsed .bp-sidebar{width:100%}
  .bp-builder-head-actions{margin-top:12px}
}


/* v0.7.0 advanced editor refinements */
body.bp-sidebar-collapsed .bp-sidebar{
  width:0!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
body.bp-sidebar-collapsed .bp-main{
  padding-left:34px!important;
}
body.bp-sidebar-collapsed .bp-sidebar-toggle{
  position:fixed;
  left:14px;
  top:14px;
  z-index:99999;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  transform:none!important;
  background:#111317;
  border:2px solid var(--bp-yellow);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
body.bp-sidebar-collapsed .bp-sidebar-toggle:before{
  content:"›";
  color:#fff;
  font-size:24px;
}
body.bp-sidebar-collapsed .bp-sidebar-toggle{
  font-size:0;
}
.bp-zone{
  border:2px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
.bp-zone:hover{
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.035)!important;
}
.bp-zone.selected{
  border-color:var(--bp-yellow)!important;
  background:rgba(255,212,0,.09)!important;
  box-shadow:0 0 0 4px rgba(255,212,0,.16)!important;
}
.bp-zone.selected .bp-zone-resize{
  display:block;
}
.bp-zone-resize{
  display:none;
  width:18px;
  height:18px;
  border-right:4px solid var(--bp-yellow);
  border-bottom:4px solid var(--bp-yellow);
  background:rgba(0,0,0,.25);
  border-radius:3px;
}
.bp-zone span{
  text-shadow:0 2px 12px rgba(0,0,0,.3);
}
.bp-zone[data-type="media"] span,
.bp-zone[data-type="video"] span{
  font-size:12px!important;
  color:rgba(255,255,255,.72)!important;
  font-weight:800!important;
  word-break:break-all;
  padding:10px;
}
.bp-toggle-row{
  display:flex;
  gap:8px;
}
.bp-toggle-row label{
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  border-radius:12px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:7px;
}
.bp-toggle-row input{
  width:auto!important;
  margin:0!important;
}
.bp-zone-settings input[type="file"]{
  padding:10px;
  background:#0b0c0f;
}
.bp-zone-settings select{
  width:100%;
  background:#0b0c0f;
  border:1px solid var(--bp-line);
  color:#fff;
  border-radius:12px;
  padding:10px;
  box-sizing:border-box;
}
.bp-zone-settings.is-uploading:after{
  content:"Uploaden...";
  display:block;
  color:var(--bp-yellow);
  font-weight:900;
  padding:10px 0;
}
.bp-layout-canvas{
  background-size:cover!important;
}


/* v0.7.1 movement + collapsed menu fix */
body.bp-sidebar-collapsed .bp-main{
  padding-left:82px!important;
}
body.bp-sidebar-collapsed .bp-sidebar-toggle{
  left:20px!important;
  top:26px!important;
}
.bp-zone{
  touch-action:none;
}
.bp-zone.selected .bp-zone-move{
  display:flex;
}
.bp-zone-move{
  display:none;
  position:absolute;
  left:6px;
  top:6px;
  width:24px;
  height:24px;
  border-radius:8px;
  background:rgba(0,0,0,.58);
  border:1px solid rgba(255,212,0,.75);
  cursor:move;
  z-index:3;
  align-items:center;
  justify-content:center;
}
.bp-zone-move:before{
  content:"↔";
  color:var(--bp-yellow);
  font-size:13px;
  font-weight:900;
}
.bp-zone.selected{
  cursor:move;
}
.bp-zone span[contenteditable="true"]{
  cursor:text;
}
.bp-zone.selected span[contenteditable="true"]{
  min-height:24px;
}
/* make manual left/top fields feel instant and usable */
.bp-zone-settings input[type="number"]{
  font-variant-numeric:tabular-nums;
}


/* v0.8.0 top editor toolbar + left element menus */
.bp-editor-form{
  position:fixed;
  inset:0;
  z-index:9999;
  background:#edf0f4;
  color:#14161b;
}
.bp-editor-shell{
  height:100vh;
  display:flex;
  flex-direction:column;
  background:#edf0f4;
  font-family:Inter,Arial,sans-serif;
}
.bp-editor-topbar{
  height:56px;
  background:#ffffff;
  border-bottom:1px solid #d9dde5;
  box-shadow:0 2px 12px rgba(17,24,39,.08);
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 10px;
  box-sizing:border-box;
  color:#111827;
}
.bp-editor-topbar button,
.bp-editor-topbar select,
.bp-editor-topbar a{
  border:1px solid #d7dce5;
  background:#fff;
  color:#14161b;
  border-radius:10px;
  min-height:34px;
  padding:7px 10px;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}
.bp-editor-back{
  width:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e2e6ed!important;
}
.bp-editor-title{
  min-width:160px;
  display:flex;
  align-items:center;
  gap:8px;
}
.bp-editor-title strong{
  font-weight:700;
  font-size:14px;
}
.bp-editor-title button{
  border:0;
  background:transparent;
  min-height:auto;
  padding:2px;
}
.bp-editor-orientation select{
  min-width:135px;
}
.bp-editor-toolgroup{
  display:flex;
  align-items:center;
  gap:4px;
  padding:0 8px;
  border-left:1px solid #d7dce5;
}
.bp-editor-toolgroup button{
  border:0;
  background:transparent;
  min-height:30px;
}
.bp-editor-toolgroup span{
  font-size:13px;
  font-weight:700;
}
.bp-editor-spacer{
  flex:1;
}
.bp-editor-preview{
  background:#fff!important;
}
.bp-editor-cancel{
  background:#dfe4eb!important;
}
.bp-editor-save{
  background:#ff6b1a!important;
  border-color:#ff6b1a!important;
  color:#fff!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
.bp-editor-body{
  flex:1;
  display:grid;
  grid-template-columns:68px 340px minmax(0,1fr);
  min-height:0;
}
.bp-editor-rail{
  background:#fff;
  border-right:1px solid #d9dde5;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:8px 4px;
  gap:4px;
}
.bp-editor-rail-btn{
  background:#fff;
  border:0;
  color:#111827;
  border-radius:8px;
  padding:8px 2px;
  font-size:11px;
  line-height:1.2;
  cursor:pointer;
  display:grid;
  gap:4px;
  justify-items:center;
}
.bp-editor-rail-btn span{
  font-size:18px;
  font-weight:900;
}
.bp-editor-rail-btn.active{
  background:#fff1e9;
  color:#ff6b1a;
}
.bp-editor-panel{
  background:#fff;
  border-right:1px solid #d9dde5;
  padding:16px;
  overflow:auto;
  color:#111827;
}
.bp-editor-panel-section{
  display:none;
}
.bp-editor-panel-section.active{
  display:block;
}
.bp-editor-panel h3{
  margin:0 0 14px;
  color:#111827;
  font-size:15px;
}
.bp-editor-panel label{
  display:block;
  font-size:12px;
  font-weight:800;
  color:#333b49;
  margin-bottom:12px;
}
.bp-editor-panel select,
.bp-editor-search{
  width:100%;
  border:1px solid #d4d9e2;
  border-radius:10px;
  padding:10px 12px;
  box-sizing:border-box;
  background:#fff;
  color:#111827;
}
.bp-editor-muted{
  font-size:13px;
  color:#667085;
  line-height:1.45;
}
.bp-upload-btn{
  background:#6338e8;
  color:#fff!important;
  border-radius:10px;
  padding:12px;
  text-align:center;
  cursor:pointer;
}
.bp-upload-btn input{
  display:none;
}
.bp-editor-tiles{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.bp-asset-media-item{
  border:0;
  background:#f4f6f9;
  border-radius:10px;
  padding:0;
  overflow:hidden;
  cursor:pointer;
  text-align:left;
}
.bp-asset-media-item img,
.bp-asset-media-item video{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
}
.bp-asset-media-item small{
  display:block;
  padding:6px;
  font-size:10px;
  color:#111827;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bp-editor-apps{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:14px;
}
.bp-asset-app-item{
  border:1px solid #e3e7ee;
  background:#fff;
  border-radius:12px;
  padding:12px;
  cursor:pointer;
  display:grid;
  gap:8px;
}
.bp-asset-app-item b{
  width:46px;
  height:46px;
  border-radius:50%;
  background:#ff8a22;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bp-asset-app-item span{
  font-size:12px;
  color:#111827;
  text-align:left;
}
.bp-text-preset{
  width:100%;
  background:#fff;
  border:1px solid #d4d9e2;
  border-radius:8px;
  padding:12px;
  margin-bottom:10px;
  cursor:pointer;
  color:#111827;
}
.bp-text-preset[data-size="72"]{
  font-size:24px;
  font-weight:800;
}
.bp-text-preset[data-size="44"]{
  font-size:18px;
}
.bp-elements-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:14px;
}
.bp-element-item{
  aspect-ratio:1/1;
  border:0;
  background:#fff;
  box-shadow:0 3px 14px rgba(0,0,0,.08);
  border-radius:10px;
  font-size:30px;
  cursor:pointer;
}
.bp-panel-link{
  display:block;
  background:#111827;
  color:#fff!important;
  border-radius:10px;
  padding:11px 12px;
  text-decoration:none!important;
  text-align:center;
  font-weight:800;
}
.bp-editor-stage{
  overflow:auto;
  padding:44px;
  background:#edf0f4;
}
.bp-editor-stage-inner{
  width:min(1280px,100%);
  margin:0 auto;
  position:relative;
}
.bp-editor-stage .bp-layout-canvas{
  background-color:#111!important;
  border:3px solid #c9d0da;
  border-radius:0;
  box-shadow:0 12px 40px rgba(17,24,39,.16);
}
.bp-canvas-pill{
  position:absolute;
  right:12px;
  top:-30px;
  background:#111827;
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.bp-editor-stage .bp-zone.selected{
  border-color:#ff6b1a!important;
  box-shadow:0 0 0 2px rgba(255,107,26,.22)!important;
}
.bp-editor-stage .bp-zone.selected .bp-zone-resize{
  border-color:#ff6b1a!important;
}
.bp-editor-stage .bp-zone-move{
  border-color:#ff6b1a!important;
}
@media(max-width:1000px){
  .bp-editor-body{grid-template-columns:60px 280px minmax(0,1fr)}
  .bp-editor-topbar{overflow:auto}
  .bp-editor-stage{padding:24px}
}


/* v0.8.1 restore BuzPush premium black / yellow editor styling */
.bp-editor-form{
  background:#050505!important;
  color:#ffffff!important;
}
.bp-editor-shell{
  background:linear-gradient(120deg,#050505,#111216 62%,#050505)!important;
  color:#ffffff!important;
}
.bp-editor-topbar{
  background:rgba(9,10,12,.96)!important;
  border-bottom:1px solid #272a32!important;
  box-shadow:0 14px 34px rgba(0,0,0,.38)!important;
  color:#fff!important;
}
.bp-editor-topbar button,
.bp-editor-topbar select,
.bp-editor-topbar a{
  background:#121317!important;
  border:1px solid #2c3039!important;
  color:#ffffff!important;
}
.bp-editor-topbar button:hover,
.bp-editor-topbar a:hover{
  border-color:#ffd400!important;
}
.bp-editor-back{
  background:#15171d!important;
  border:1px solid #ffd400!important;
  color:#ffd400!important;
}
.bp-editor-title strong{
  color:#fff!important;
}
.bp-editor-title button{
  color:#ffd400!important;
}
.bp-editor-toolgroup{
  border-left:1px solid #2c3039!important;
}
.bp-editor-bg,
.bp-editor-layers{
  color:#ffd400!important;
}
.bp-editor-preview{
  background:#111317!important;
  color:#fff!important;
}
.bp-editor-cancel{
  background:#242731!important;
  color:#fff!important;
}
.bp-editor-save{
  background:#ffd400!important;
  border-color:#ffd400!important;
  color:#0b0b0b!important;
}
.bp-editor-body{
  background:transparent!important;
}
.bp-editor-rail{
  background:#070707!important;
  border-right:1px solid #252832!important;
}
.bp-editor-rail-btn{
  background:transparent!important;
  color:#d7d9e2!important;
}
.bp-editor-rail-btn span{
  color:#fff!important;
}
.bp-editor-rail-btn.active{
  background:#ffd400!important;
  color:#111!important;
}
.bp-editor-rail-btn.active span{
  color:#111!important;
}
.bp-editor-panel{
  background:#101116!important;
  border-right:1px solid #272a32!important;
  color:#fff!important;
  box-shadow:8px 0 30px rgba(0,0,0,.24)!important;
}
.bp-editor-panel h3{
  color:#fff!important;
}
.bp-editor-panel label{
  color:#cfd2dc!important;
}
.bp-editor-panel select,
.bp-editor-search{
  background:#08090b!important;
  border:1px solid #2f333e!important;
  color:#fff!important;
}
.bp-editor-muted{
  color:#b6bac8!important;
}
.bp-upload-btn{
  background:#ffd400!important;
  color:#111!important;
  font-weight:900;
}
.bp-asset-media-item{
  background:#15171d!important;
  border:1px solid #2c3039!important;
  color:#fff!important;
}
.bp-asset-media-item small{
  color:#fff!important;
}
.bp-editor-apps .bp-asset-app-item,
.bp-asset-app-item{
  background:#15171d!important;
  border:1px solid #2c3039!important;
}
.bp-asset-app-item b{
  background:#ffd400!important;
  color:#111!important;
}
.bp-asset-app-item span{
  color:#fff!important;
}
.bp-text-preset{
  background:#0b0c0f!important;
  border:1px solid #2f333e!important;
  color:#fff!important;
}
.bp-text-preset:hover{
  border-color:#ffd400!important;
}
.bp-elements-grid .bp-element-item,
.bp-element-item{
  background:#15171d!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
.bp-element-item:hover{
  color:#ffd400!important;
}
.bp-panel-link{
  background:#ffd400!important;
  color:#111!important;
}
.bp-editor-stage{
  background:radial-gradient(circle at 50% 15%,#1b1d22 0%,#090a0d 45%,#050505 100%)!important;
}
.bp-editor-stage .bp-layout-canvas{
  background-color:#111!important;
  border:1px solid #30343e!important;
  border-radius:18px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.bp-canvas-pill{
  background:#0b0c0f!important;
  color:#ffd400!important;
  border:1px solid #2f333e!important;
}
.bp-editor-stage .bp-zone.selected{
  border-color:#ffd400!important;
  box-shadow:0 0 0 3px rgba(255,212,0,.18)!important;
}
.bp-editor-stage .bp-zone.selected .bp-zone-resize{
  border-color:#ffd400!important;
}
.bp-editor-stage .bp-zone-move{
  border-color:#ffd400!important;
}
.bp-zone-settings input,
.bp-zone-settings select{
  background:#08090b!important;
  border:1px solid #2f333e!important;
  color:#fff!important;
}
.bp-zone-settings label{
  color:#d5d8e2!important;
}
.bp-toggle-row label{
  background:#08090b!important;
  border-color:#2f333e!important;
}
.bp-toolbox button{
  background:#0b0c0f!important;
  border-color:#2f333e!important;
  color:#fff!important;
}
.bp-toolbox button:hover{
  border-color:#ffd400!important;
  color:#ffd400!important;
}
.bp-editor-stage-inner{
  filter:none!important;
}


/* v0.9.0 editor refinements: no portal collapse, working layers, bigger canvas */
.bp-sidebar-toggle{display:none!important}
.bp-editor-body{
  grid-template-columns:68px 340px 0 minmax(0,1fr);
  transition:grid-template-columns .22s ease;
}
.bp-editor-body.bp-options-collapsed{
  grid-template-columns:68px 0 0 minmax(0,1fr);
}
.bp-editor-body.bp-options-collapsed .bp-editor-panel{
  padding:0!important;
  overflow:hidden!important;
  border-right:0!important;
}
body.bp-show-layers .bp-editor-body{
  grid-template-columns:68px 340px 280px minmax(0,1fr);
}
body.bp-show-layers .bp-editor-body.bp-options-collapsed{
  grid-template-columns:68px 0 280px minmax(0,1fr);
}
.bp-layers-panel{
  background:#101116;
  border-right:1px solid #272a32;
  color:#fff;
  overflow:hidden;
  padding:0;
  width:0;
}
body.bp-show-layers .bp-layers-panel{
  width:auto;
  padding:14px;
  overflow:auto;
}
.bp-layers-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.bp-layers-head h3{
  margin:0;
  font-size:15px;
  color:#fff;
}
.bp-layers-head button{
  background:#20232a;
  border:1px solid #343845;
  color:#fff;
  border-radius:10px;
  width:30px;
  height:30px;
  cursor:pointer;
}
.bp-layers-list{
  display:grid;
  gap:8px;
}
.bp-layer-row{
  background:#08090b;
  border:1px solid #2f333e;
  border-radius:12px;
  padding:9px 8px;
  display:grid;
  grid-template-columns:24px 1fr 30px;
  gap:8px;
  align-items:center;
  cursor:pointer;
}
.bp-layer-row.active{
  border-color:#ffd400;
  background:rgba(255,212,0,.09);
}
.bp-layer-row.dragging{
  opacity:.45;
}
.bp-layer-row b{
  color:#ffd400;
  letter-spacing:-4px;
}
.bp-layer-row span{
  font-size:12px;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bp-layer-row button{
  background:transparent;
  border:0;
  color:#cfd2dc;
}
.bp-layers-panel p{
  color:#b6bac8;
  font-size:12px;
  line-height:1.45;
}
.bp-editor-stage{
  padding:28px!important;
}
.bp-editor-stage-inner{
  width:min(1500px,100%)!important;
}
.bp-editor-bg{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 10px!important;
}
.bp-editor-bg input{
  width:26px;
  height:26px;
  border:0;
  background:transparent;
  padding:0;
}
@media(max-width:1000px){
  .bp-editor-body,
  body.bp-show-layers .bp-editor-body,
  .bp-editor-body.bp-options-collapsed,
  body.bp-show-layers .bp-editor-body.bp-options-collapsed{
    grid-template-columns:60px minmax(0,1fr);
  }
  .bp-editor-panel,.bp-layers-panel{display:none}
}


/* v0.9.1: make chosen canvas background color immediately visible */
.bp-editor-stage .bp-layout-canvas{
  background-image:none!important;
}


/* v0.9.2 selected object toolbar above canvas, next to Layers */
.bp-context-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:52vw;
  overflow-x:auto;
  white-space:nowrap;
  padding:4px 6px;
  border:1px solid #2c3039;
  background:#0b0c0f;
  border-radius:14px;
  min-height:36px;
}
.bp-context-toolbar > span{
  color:#9fa4b3;
  font-size:12px;
  padding:0 8px;
}
.bp-context-toolbar label{
  display:flex;
  align-items:center;
  gap:5px;
  color:#cfd2dc!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin:0!important;
}
.bp-context-toolbar input,
.bp-context-toolbar select{
  width:auto!important;
  min-width:54px;
  max-width:160px;
  height:28px;
  padding:4px 7px!important;
  border-radius:9px!important;
  font-size:12px!important;
  background:#050607!important;
  border:1px solid #303440!important;
  color:#fff!important;
  box-sizing:border-box;
}
.bp-context-toolbar input[type="text"]{
  min-width:150px;
}
.bp-context-toolbar input[type="color"]{
  width:34px!important;
  min-width:34px!important;
  padding:2px!important;
}
.bp-context-toolbar input[type="file"]{
  display:none;
}
.bp-context-toolbar .bp-toggle-row{
  display:flex;
  align-items:center;
  gap:6px;
}
.bp-context-toolbar .bp-toggle-row label{
  background:#050607!important;
  border:1px solid #303440!important;
  border-radius:9px!important;
  padding:6px 8px!important;
}
.bp-context-toolbar .bp-toggle-row input{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
}
.bp-context-toolbar .bp-upload-mini{
  background:#20232a;
  border:1px solid #303440;
  border-radius:9px;
  padding:7px 9px;
  cursor:pointer;
}
.bp-context-toolbar .bp-delete-mini{
  height:28px;
  min-height:28px;
  padding:4px 9px!important;
  font-size:12px!important;
  border-radius:9px!important;
}
.bp-zone-settings-wrap .bp-zone-settings{
  display:none!important;
}
@media(max-width:1200px){
  .bp-context-toolbar{
    max-width:44vw;
  }
}


/* v0.9.3 toolbar alignment refinement */
.bp-editor-topbar{
  min-height:64px!important;
  height:auto!important;
  padding:8px 12px!important;
  align-items:center!important;
  gap:12px!important;
  overflow:visible!important;
}
.bp-context-toolbar{
  max-width:none!important;
  flex:1 1 560px!important;
  overflow:visible!important;
  overflow-x:visible!important;
  white-space:normal!important;
  flex-wrap:wrap!important;
  row-gap:6px!important;
  min-height:38px!important;
  margin:0 4px!important;
  padding:6px 8px!important;
}
.bp-context-toolbar label{
  margin-top:0!important;
  margin-bottom:0!important;
}
.bp-context-toolbar input,
.bp-context-toolbar select{
  height:30px!important;
}
.bp-context-toolbar input[type="text"]{
  min-width:180px!important;
}
.bp-editor-orientation{
  flex:0 0 auto!important;
}
.bp-editor-preview,
.bp-editor-cancel,
.bp-editor-save{
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  line-height:1!important;
}
.bp-editor-cancel{
  padding:0 16px!important;
}
.bp-editor-save{
  padding:0 18px!important;
}
.bp-editor-stage{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.bp-editor-stage-inner{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.bp-canvas-pill{
  top:-34px!important;
}
@media(max-width:1280px){
  .bp-context-toolbar{
    flex-basis:420px!important;
  }
  .bp-context-toolbar input[type="text"]{
    min-width:130px!important;
  }
}