.custom-suite-builder{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;width:100%;min-height:132px;margin:20px 0 16px;padding:18px 26px;overflow:hidden;border:1px solid rgba(117,92,72,.24);border-radius:24px;background:radial-gradient(circle at 88% 12%,rgba(255,224,174,.48),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(246,241,235,.92));box-shadow:0 16px 38px rgba(66,49,38,.11)}.custom-suite-builder:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,#8b6f5b,#e8a35d,#8c6fc4)}.custom-suite-builder__eyebrow{margin-bottom:8px;color:#806b59;font-size:13px;font-weight:800;letter-spacing:.16em}.custom-suite-builder h3{margin:0 0 8px;color:#1f2937;font-size:clamp(24px,2.1vw,32px);line-height:1.2}.custom-suite-builder p{margin:0;color:#64748b;font-size:15px;line-height:1.7}.custom-suite-builder__parts{display:flex;gap:8px;margin-top:16px}.custom-suite-builder__parts span{min-width:46px;padding:7px 12px;border:1px solid rgba(117,92,72,.22);border-radius:999px;background:rgba(255,255,255,.72);color:#6c5646;font-weight:800;text-align:center}.custom-suite-builder__button{min-width:160px;padding:14px 22px;border:0;border-radius:16px;background:linear-gradient(135deg,#684f3d,#9b765b);box-shadow:0 10px 24px rgba(94,65,45,.24);color:#fff;cursor:pointer;font:inherit;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.custom-suite-builder__button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(94,65,45,.3)}@media(max-width:760px){.custom-suite-builder{grid-template-columns:1fr;padding:22px}.custom-suite-builder__button{width:100%}}.suite-mode-landscape-card{display:grid!important;grid-column:1/-1!important;width:100%!important;max-width:none!important;box-sizing:border-box}.suite-mode-daily-card{clear:both;min-height:132px;margin:0 0 28px!important}.custom-suite-builder+.suite-mode-daily-card{margin-top:0!important}.custom-suite-builder h3{font-size:clamp(21px,1.7vw,28px)}.custom-suite-builder__parts{margin-top:10px}.suite-custom-inline-search{margin:0 0 14px}.suite-custom-inline-search input{width:100%;min-height:42px;box-sizing:border-box;padding:9px 14px;border:1px solid rgba(100,116,139,.35);border-radius:12px;background:rgba(255,255,255,.94);color:#1f2937;font:inherit;outline:none}.suite-custom-inline-search input:focus{border-color:#8b6f5b;box-shadow:0 0 0 3px rgba(139,111,91,.14)}
.custom-suite-builder {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  width: 100%;
  min-height: 132px;
  margin: 0 0 18px;
  padding: 18px 26px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(117, 92, 72, .24);
  border-radius: 24px;
  background: radial-gradient(circle at 88% 12%, rgba(255, 224, 174, .48), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(246,241,235,.92));
  box-shadow: 0 16px 38px rgba(66, 49, 38, .11);
}

.suite-mode-landscape-card {
  display: grid !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

.custom-suite-builder::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: linear-gradient(180deg, #8b6f5b, #e8a35d, #8c6fc4);
}

.custom-suite-builder__eyebrow {
  margin-bottom: 8px;
  color: #806b59;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
}

.custom-suite-builder h3 {
  margin: 0 0 8px;
  color: #1f2937;
  font-size: clamp(22px, 1.7vw, 28px);
  line-height: 1.2;
}

.custom-suite-builder p {
  margin: 0;
  color: #64748b;
  font-size: 15px;
  line-height: 1.7;
}

.custom-suite-builder__parts {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.custom-suite-builder__parts span {
  min-width: 46px;
  padding: 7px 12px;
  border: 1px solid rgba(117, 92, 72, .22);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: #6c5646;
  font-weight: 800;
  text-align: center;
}

.custom-suite-builder__button {
  min-width: 160px;
  padding: 14px 22px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(135deg, #684f3d, #9b765b);
  box-shadow: 0 10px 24px rgba(94, 65, 45, .24);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  transition: transform .18s ease, box-shadow .18s ease;
}

.custom-suite-builder__button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(94, 65, 45, .3);
}

.custom-suite-builder__button:disabled { opacity: .65; cursor: wait; }

.suite-custom-inline-search { margin: 0 0 14px; }
.suite-custom-inline-search input {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  padding: 9px 14px;
  border: 1px solid rgba(100, 116, 139, .35);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
  color: #1f2937;
  font: inherit;
  outline: none;
}
.suite-custom-inline-search input:focus {
  border-color: #8b6f5b;
  box-shadow: 0 0 0 3px rgba(139,111,91,.14);
}

.suite-custom-add-button { white-space: nowrap; }

@media (max-width: 760px) {
  .custom-suite-builder { grid-template-columns: 1fr; gap: 14px; padding: 20px; }
  .custom-suite-builder__button { width: 100%; }
}

/* The autonomous builder belongs only to Suite mode. */
#browse-view .custom-suite-builder,
#practice-view .custom-suite-builder {
  display: none !important;
}