:root {
          --rltr-accent: #130D60;
          --rltr-accent-soft: rgba(19, 13, 96, 0.08);
        }

        .rltr-card-links-shell {
          max-width: 1600px !important;
          margin: 0 auto !important;
          font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        }

        .rltr-card-links-panel {
          background: #ffffff !important;
          border-radius: 14px !important;
          border: 1px solid #e3e6ef !important;
          box-shadow: 0 14px 35px rgba(15, 23, 42, 0.08) !important;
          padding: 22px 24px !important;
        }

        .rltr-card-links-header {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          gap: 12px !important;
          margin-bottom: 18px !important;
        }

        .rltr-card-links-title {
          font-size: 18px !important;
          font-weight: 600 !important;
          color: #0f172a !important;
        }

        .rltr-card-links-subtitle {
          font-size: 13px !important;
          color: #64748b !important;
        }

        .rltr-pill {
          font-size: 11px !important;
          text-transform: uppercase !important;
          letter-spacing: 0.08em !important;
          padding: 4px 9px !important;
          border-radius: 999px !important;
          background: var(--rltr-accent-soft);
          color: var(--rltr-accent);
          font-weight: 600 !important;
        }

        .rltr-field-group {
          margin-bottom: 20px !important;
        }

        .rltr-field-label {
          font-size: 12px !important;
          font-weight: 600 !important;
          color: #475569 !important;
          margin-bottom: 6px !important;
          display: flex !important;
          align-items: center !important;
          gap: 6px !important;
        }

        .rltr-field-label small {
          font-weight: 500 !important;
          color: #94a3b8 !important;
        }

        .rltr-field-hint {
          font-size: 11px !important;
          color: #94a3b8 !important;
          margin: 4px 0 0 !important;
        }

        .rltr-field-input {
          width: 100% !important;
          border-radius: 9px !important;
          border: 1px solid #d4d4dd !important;
          padding: 7px 9px !important;
          font-size: 13px !important;
          color: #0f172a !important;
          background: #f9fafb !important;
          box-sizing: border-box !important;
          transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
        }

        .rltr-field-input:focus {
          outline: none !important;
          border-color: var(--rltr-accent);
          box-shadow: 0 0 0 1px var(--rltr-accent-soft);
          background: #ffffff !important;
        }

        .rltr-input,
        .rltr-textarea {
          width: 100% !important;
          border-radius: 9px !important;
          border: 1px solid #d4d4dd !important;
          padding: 7px 9px !important;
          font-size: 13px !important;
          color: #0f172a !important;
          background: #f9fafb !important;
          transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
        }

        .rltr-input:focus,
        .rltr-textarea:focus {
          outline: none !important;
          border-color: var(--rltr-accent);
          box-shadow: 0 0 0 1px var(--rltr-accent-soft);
          background: #ffffff !important;
        }

        .rltr-textarea {
          min-height: 60px !important;
          resize: vertical !important;
        }

        .rltr-static-thumb-row {
          align-items: left !important;
          gap: 16px !important;
          flex-wrap: wrap !important;
        }

        /* 1:1 thumbnail containers */
        .rltr-static-thumb-preview,
        .rltr-thumb-preview {
          width: 96px !important;
          height: 96px !important;
          border-radius: 10px !important;
          overflow: hidden !important;
          background: #f1f5f9 !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
        }

        .rltr-static-thumb-preview img,
        .rltr-thumb-preview img {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover !important;
          display: block !important;
        }

        .rltr-empty-thumb-hint {
          font-size: 12px !important;
          color: #94a3b8 !important;
          text-align: center !important;
          padding: 4px !important;
        }

        .rltr-dropzone {
          border-radius: 12px !important;
          border: 1px dashed #cbd5e1 !important;
          margin-top: 20px !important;
          background: #f8fafc !important;
          padding: 14px 18px !important;
          cursor: pointer !important;
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          min-width: 220px !important;
          text-align: center !important;
          transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
        }

        .rltr-dropzone:hover {
          border-color: var(--rltr-accent);
          background: #eef2ff !important;
          box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08) !important;
        }

        .rltr-dropzone-label {
          font-size: 12px !important;
          color: #475569 !important;
        }

        .rltr-gallery-strip {
          display: flex !important;
          flex-wrap: wrap !important;
          gap: 8px !important;
          margin-top: 6px !important;
        }

        .rltr-gallery-item {
          border: none !important;
          padding: 0 !important;
          background: transparent !important;
          cursor: pointer !important;
          border-radius: 9px !important;
          overflow: hidden !important;
          box-shadow: 0 4px 12px rgba(15,23,42,0.2) !important;
          transition: transform 0.12s ease, box-shadow 0.12s ease, outline 0.12s ease !important;
        }

        .rltr-gallery-item img {
          display: block !important;
          width: 64px !important;
          height: 64px !important;
          object-fit: cover !important;
        }

        .rltr-gallery-item:hover {
          transform: translateY(-1px) !important;
          box-shadow: 0 8px 18px rgba(15,23,42,0.25) !important;
          outline: 2px solid var(--rltr-accent-soft);
        }

        .rltr-gallery-item.is-selected {
          outline: 2px solid var(--rltr-accent);
          outline-offset: 2px !important;
        }

        #rltr-links-rows {
          display: flex !important;
          flex-direction: column !important;
          gap: 10px !important;
        }

        .rltr-link-row {
          border-radius: 12px !important;
          border: 1px solid #e2e8f0 !important;
          background: #f9fafb !important;
          padding: 12px 12px 10px !important;
          position: relative !important;
        }

        .rltr-link-row::before {
          content: "";
          position: absolute !important;
          inset: 0 !important;
          border-radius: inherit !important;
          border: 1px solid transparent !important;
          pointer-events: none !important;
          transition: border-color 0.12s ease, box-shadow 0.12s ease !important;
        }

        .rltr-link-row:hover::before {
          border-color: var(--rltr-accent-soft);
          box-shadow: 0 8px 22px rgba(15, 23, 42, 0.12) !important;
        }

        /* New 2-column layout inside each row */
        .rltr-link-row-inner {
          gap: 14px !important;
          align-items: flex-start !important;
        }

        @media (max-width: 768px) {
          .rltr-link-row-inner {
            grid-template-columns: minmax(0, 1fr) !important;
          }
        }

        .rltr-thumb-col {
          width: 96px !important;
          display: flex !important;
          flex-direction: column !important;
          gap: 6px !important;
          align-items: flex-start !important;
        }

        .rltr-content-col {
          display: flex !important;
          flex-direction: column !important;
          gap: 8px !important;
        }

        .rltr-link-row-header {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          margin-bottom: 8px !important;
          gap: 8px !important;
        }

        .rltr-link-row-title {
          font-size: 12px !important;
          font-weight: 600 !important;
          color: #475569 !important;
        }

        .rltr-row-badge {
          font-size: 11px !important;
          color: #94a3b8 !important;
        }

        /* Drag handle */
        .rltr-row-drag {
          cursor: grab !important;
          font-size: 16px !important;
          color: #94a3b8 !important;
          padding: 4px 6px !important;
          border-radius: 999px !important;
          transition: background 0.12s ease, color 0.12s ease !important;
        }

        .rltr-row-drag:hover {
          background: #e5e7eb !important;
          color: #475569 !important;
        }

        .rltr-link-row.ui-sortable-helper {
          opacity: 0.9 !important;
        }

        .rltr-row-placeholder {
          background: #e5e7eb !important;
          border-radius: 12px !important;
          border: 1px dashed #cbd5e1 !important;
          height: 60px !important;
          margin: 6px 0 !important;
        }

        .rltr-btn {
          display: inline-flex !important;
          align-items: center !important;
          justify-content: center !important;
          gap: 6px !important;
          border-radius: 999px !important;
          border: 1px solid transparent !important;
          padding: 7px 13px !important;
          font-size: 12px !important;
          font-weight: 600 !important;
          cursor: pointer !important;
          transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
          text-decoration: none !important;
        }

        .rltr-btn-primary {
          background: var(--rltr-accent);
          color: #ffffff !important;
          border-color: var(--rltr-accent);
          box-shadow: 0 8px 18px rgba(19, 13, 96, 0.35) !important;
        }

        .rltr-btn-primary:hover {
          background: #0e0a49 !important;
          border-color: #0e0a49 !important;
        }

        .rltr-btn-soft {
          background: var(--rltr-accent-soft);
          color: var(--rltr-accent);
          border-color: transparent !important;
        }

        .rltr-btn-soft:hover {
          background: rgba(19, 13, 96, 0.14) !important;
        }

        .rltr-btn-ghost {
          background: transparent !important;
          color: #0f172a !important;
          border-color: #cbd5e1 !important;
        }

        .rltr-btn-ghost:hover {
          background: #e5e7eb !important;
        }

        .rltr-btn-danger {
          color: #b91c1c !important;
          border-color: #fecaca !important;
          background: #fef2f2 !important;
        }

        .rltr-btn-danger:hover {
          background: #fee2e2 !important;
        }

        .rltr-editor-footer {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          gap: 10px !important;
          margin-top: 16px !important;
          flex-wrap: wrap !important;
        }

        .rltr-save-status {
          font-size: 12px !important;
          color: #64748b !important;
        }

        .rltr-save-status--ok {
          color: #16a34a !important;
        }

        .rltr-save-status--err {
          color: #b91c1c !important;
        }

        .rltr-dot {
          width: 6px !important;
          height: 6px !important;
          border-radius: 999px !important;
          background: var(--rltr-accent);
          display: inline-block !important;
        }

        /* Socials editor visual polish */
.rltr-socials-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.rltr-social-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #fafafa !important;
  transition: background 0.15s ease, box-shadow 0.15s ease !important;
}

.rltr-social-row:hover {
  background: #fff !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
}

.rltr-link-drag {
  cursor: grab !important;
  font-size: 16px !important;
  color: #666 !important;
  user-select: none !important;
}

.rltr-link-drag:active {
  cursor: grabbing !important;
}

/* Base thumbnail container: 1:1 square, small */
.rltr-thumb-preview,
.rltr-static-thumb-preview {
  width: 72px !important;
  height: 72px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Any image inside a thumb preview: cover the square */
.rltr-thumb-preview img,
.rltr-static-thumb-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* The "No thumbnail" placeholder text */
.rltr-empty-thumb-hint {
  font-size: 11px !important;
  color: #9ca3af !important;
  text-align: center !important;
  padding: 4px !important;
}

/* Keep thumb + buttons from stretching full width */
.rltr-thumb-field {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  margin-top: 6px !important;
}

/* Static thumb controls sit under the preview, left aligned */
.rltr-static-thumb-controls {
  margin-top: 6px !important;
}

/* ==============================
   Recent media grid
   ============================== */

.rltr-recent-media-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.rltr-recent-media-item {
  border: 1px solid #e5e7eb !important;
  background: #f9fafb !important;
  border-radius: 10px !important;
  padding: 0 !important;
  width: 64px !important;
  height: 64px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease !important;
}

.rltr-recent-media-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.rltr-recent-media-item:hover {
  transform: scale(1.03) !important;
  border-color: var(--rltr-accent, #130D60);
  background: #ffffff !important;
}

@media (max-width: 600px) {
  .rltr-recent-media-item {
    width: 56px !important;
    height: 56px !important;
  }
}

/* ==============================
   Color swatch picker
   ============================== */

.rltr-color-swatches {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

.rltr-color-swatch {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  transition: transform 0.1s ease, border-color 0.15s ease !important;
  padding: 0 !important;
}

.rltr-color-swatch:hover {
  transform: scale(1.1) !important;
}

.rltr-color-swatch.is-selected {
  border-color: var(--rltr-accent);
  box-shadow: 0 0 0 2px var(--rltr-accent-soft);
}

.rltr-color-custom {
  position: relative !important;
  width: 32px !important;
  height: 32px !important;
}

.rltr-color-custom input[type="color"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.rltr-color-custom-circle {
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  border: 2px dashed #cbd5e1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  color: #94a3b8 !important;
  pointer-events: none !important;
}

/* ==============================
   File upload zones
   ============================== */

.vbc-file-zone {
  border-radius: 10px !important;
  border: 1px dashed #cbd5e1 !important;
  background: #f8fafc !important;
  padding: 10px 14px !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: border-color 0.15s ease, background 0.15s ease !important;
}

.vbc-file-zone:hover {
  border-color: var(--rltr-accent);
  background: #eef2ff !important;
}

.vbc-file-zone.has-file {
  border-style: solid !important;
  border-color: #e2e8f0 !important;
  cursor: default !important;
  text-align: left !important;
}

.vbc-file-info {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.vbc-file-ext-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  background: var(--rltr-accent-soft);
  color: var(--rltr-accent);
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  flex-shrink: 0 !important;
}

.vbc-file-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  word-break: break-all !important;
}

.vbc-file-actions {
  display: flex !important;
  gap: 6px !important;
  margin-top: 8px !important;
}