.sdb-wrap{
  display:grid;
  grid-template-columns: 1fr 2fr;
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  .sdb-wrap{ grid-template-columns: 1fr; }
}
.sdb-list, .sdb-preview{
  border:1px solid #e5e5e5;
  border-radius:12px;
  padding:12px;
  background:#fff;
}
.sdb-btn{
  width:auto;
  text-align:left;
  padding:10px 12px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fafafa;
  cursor:pointer;
}
.sdb-btn:hover{ background:#f2f2f2; }

/* List rows should span full width */
.sdb-items .sdb-btn{ width:100%; }
.sdb-row{ margin-bottom:8px; }
.sdb-loading, .sdb-empty{ color:#666; padding:6px; }
.sdb-error{ color:#b00020; padding:6px; }
.sdb-preview-title{ font-weight:600; margin-bottom:10px; }
.sdb-iframe{ width:100%; border:0; border-radius:10px; background:#fff; }

.sdb-controls{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.sdb-back{
  padding:8px 10px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fafafa;
  cursor:pointer;
  white-space:nowrap;
}
.sdb-back:hover{ background:#f2f2f2; }
.sdb-back:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.sdb-home{
  padding:8px 10px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fafafa;
  cursor:pointer;
  white-space:nowrap;
}
.sdb-home:hover{ background:#f2f2f2; }
.sdb-home:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.sdb-search{
  margin-left:auto;
  display:flex;
  gap:8px;
  align-items:center;
}
.sdb-search-input{
  padding:10px 14px;
  border:1px solid #eee;
  border-radius:10px;
  width:min(560px, 68vw);
  max-width:100%;
  flex: 1 1 auto;
}

/* Ensure toolbar buttons size to content (not stretched) */
.sdb-toolbar .sdb-back,
.sdb-toolbar .sdb-home,
.sdb-toolbar .sdb-search-btn{
  flex: 0 0 auto;
  width: auto;
}

.sdb-search-box{
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
}

.sdb-search-btn{
  padding:8px 10px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fafafa;
  cursor:pointer;
  white-space:nowrap;
}
.sdb-search-btn:hover{ background:#f2f2f2; }

.sdb-loadmore{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fafafa;
  cursor:pointer;
  width:100%;
}
.sdb-loadmore:hover{ background:#f2f2f2; }
.sdb-loadmore:disabled{ opacity:.5; cursor:not-allowed; }
.sdb-path{
  font-size:13px;
  color:#666;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}