.sqb{max-width:800px;margin:0 auto;font-family:inherit}
.sqb h3{margin:0 0 12px}
.sqb .sqb-progress{height:8px;background:#eee;border-radius:6px;overflow:hidden;margin-bottom:16px}
.sqb .sqb-progress-bar{height:8px;width:16.6%;background:var(--sqb-accent,#0ea5e9);transition:width .3s}
.sqb .sqb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0 16px}
.sqb .sqb-card{
  appearance:none;
  border-style:solid;
  border-color: var(--sqb-border,#ddd);
  border-left-width: var(--sqb-bl,1px);
  border-right-width: var(--sqb-br,1px);
  border-top-width: var(--sqb-bt,1px);
  border-bottom-width: var(--sqb-bb,1px);
  background:var(--sqb-bg,#fff);
  color:var(--sqb-text,#111);
  padding:14px;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;
  transition:background .2s,color .2s,border-color .2s,border-width .2s, box-shadow .2s;
  font-weight:600;text-align:center
}
.sqb .sqb-card:hover{
  background:var(--sqb-bg-h,#f3f4f6);
  color:var(--sqb-text-h,#111);
  border-color:var(--sqb-border-h,#111);
  border-left-width: var(--sqb-bl-h, var(--sqb-bl,1px));
  border-right-width: var(--sqb-br-h, var(--sqb-br,1px));
  border-top-width: var(--sqb-bt-h, var(--sqb-bt,1px));
  border-bottom-width: var(--sqb-bb-h, var(--sqb-bb,1px));
}
.sqb .sqb-card.selected{outline:3px solid var(--sqb-accent,#0ea5e9)}
.sqb .sqb-card img{max-width:100%;height:140px;object-fit:cover;border-radius:10px}
.sqb .sqb-field{display:block;margin:10px 0}
.sqb .sqb-field input{width:100%;padding:12px;border-radius:10px;border:1px solid #ddd}
.sqb .sqb-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}
.sqb .sqb-nav button{background:var(--sqb-accent,#0ea5e9);border:none;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer}
.sqb .sqb-nav .sqb-prev{background:#6b7280}
.sqb .sqb-next[disabled]{opacity:.5;cursor:not-allowed}