.cc-loading {
  display: grid;
  gap: 11px;
  margin-top: 16px;
  padding: 20px;
  color: var(--ink);
  background: rgba(21, 39, 56, .9);
  border: 1px solid rgba(104, 182, 232, .3);
  border-radius: 7px;
}
.cc-loading[hidden] { display: none; }
.cc-loading-head { display: flex; align-items: center; gap: 11px; }
.cc-loading-spinner {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border: 3px solid rgba(255, 255, 255, .2);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: cc-spin .8s linear infinite;
}
.cc-loading strong { font-size: 16px; font-weight: 600; }
.cc-loading small { color: var(--ink-dim); font-size: 12px; line-height: 1.45; }
.cc-loading-track { height: 5px; overflow: hidden; background: rgba(8, 10, 14, .75); border-radius: 99px; }
.cc-loading-track i { display: block; width: 35%; height: 100%; background: var(--accent); border-radius: inherit; animation: cc-progress 2.2s ease-in-out infinite; }
.cc-panel .cc-form-grid { grid-template-columns: 1fr !important; }
@keyframes cc-spin { to { transform: rotate(360deg); } }
@keyframes cc-progress { 0% { transform: translateX(-110%); } 100% { transform: translateX(320%); } }