.adl-box {
  max-width: 760px;
  padding: 10px 0;
}

#adl-box h2,
.adl-title {
  margin: 0 0 14px;
  font-size: 28px !important;
  line-height: 1.08;
  font-weight: 900 !important;
  color: #101624;
}

.adl-row {
  display: flex;
  gap: 12px;
  align-items: stretch;
}

body #adl-url,
.adl-input {
  flex: 1;
  min-height: 58px;
  padding: 15px 20px;
  border-radius: 35px;
  border: 2px solid #7e96bf;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: 0 10px 26px rgba(28, 55, 111, 0.08);
}

.adl-input:focus {
  outline: none;
  border-color: rgba(76, 125, 245, 0.55);
  box-shadow: 0 0 0 4px rgba(76, 125, 245, 0.12), 0 10px 26px rgba(28, 55, 111, 0.08);
}

body #adl-submit,
.adl-submit {
  min-width: 176px;
  min-height: 58px;
  padding: 0 22px;
  border-radius: 35px;
  border: 1px solid #000;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  background: #000;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, border-color 0.18s ease;
}

button#adl-submit:hover,
.adl-submit:hover {
  border-color: #7BB4F2;
  transform: translateY(-1px);
}

.adl-submit[disabled] {
  opacity: 0.8;
  cursor: not-allowed;
  transform: none;
}

.adl-submit.is-loading .adl-btn-text::before,
.adl-button-busy .elementor-button-text::before,
.adl-button-busy span::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  vertical-align: -2px;
  animation: adl-spin 1s linear infinite;
}

.adl-under-input {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.adl-help {
  display: grid;
  gap: 9px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(111, 147, 224, 0.16);
  background: linear-gradient(180deg, #fbfdff 0%, #f2f7ff 100%);
}

.adl-help-label,
.adl-select-label {
  display: block;
  font-weight: 700;
  font-size: 13px;
  color: #1a2540;
}

.adl-platforms-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.adl-platform-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(76, 125, 245, 0.08);
  border: 1px solid rgba(76, 125, 245, 0.12);
  color: #233255;
}

.adl-platform-pill--detected {
  background: transparent;
  border-color: transparent;
}

.adl-platform-pill img,
.adl-platform-logo {
  width: 18px;
  height: 18px;
  object-fit: contain;
  margin-top: 5px;
}

.adl-detect,
.adl-error,
.adl-help,
.adl-small-note {
  font-size: 13px;
}

#adl-detect,
.adl-detect {
  margin-top: 5px;
  min-height: 24px;
  padding: 0 2px;
  display: flex;
}

#adl-detect img {
  margin-right: 5px;
}

.adl-detect-placeholder,
.adl-detect-found {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.adl-detect.is-detected {
  color: #000000;
}

.adl-detect.is-unknown {
  color: #7a5a00;
}

.adl-error {
  color: #cf222e;
  min-height: 22px;
  font-weight: 600;
}

.adl-result-card {
  display: grid;
  gap: 16px;
}

.adl-result-card--styled {
  padding: 0;
  border-radius: 22px;
  border: none;
  background: transparent;
  box-shadow: none;
}

.adl-meta-top {
  display: grid;
  gap: 6px;
}

.adl-meta-topline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.adl-platform-logo {
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.adl-platform-name {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  color: #76A9FF;
  letter-spacing: 0.02em;
}

.adl-video-title {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 16px !important;
  line-height: 1.2em !important;
  font-weight: 700;
  color: #111827;
  word-break: break-word;
}

.adl-description {
  color: #566175;
  line-height: 1.2;
  font-size: 14px;
}

.adl-control-group {
  display: grid;
  gap: 8px;
}

.adl-format-select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 25px;
  border: 1px solid rgba(99, 122, 180, 0.2);
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 18px rgba(24, 41, 78, 0.05);
}

.adl-format-select:focus {
  outline: none;
  border-color: rgba(76, 125, 245, 0.55);
  box-shadow: 0 0 0 4px rgba(76, 125, 245, 0.1);
}

.adl-small-note {
  padding: 10px 12px;
  border-radius: 25px;
  background: rgba(76, 125, 245, 0.08);
  color: #31456f;
}

.adl-small-note.is-warning {
  background: rgba(207, 34, 46, 0.08);
  color: #9d1c28;
}

.adl-result-error {
  display: block;
  padding: 18px;
  border-radius: 18px;
  color: #8b1e1e;
  background: linear-gradient(180deg, rgba(255, 242, 242, 0.98) 0%, rgba(255, 233, 233, 0.98) 100%);
  border: 1px solid rgba(189, 51, 64, 0.16);
}

.adl-result-error p {
  margin: 10px 0 0;
}

.adl-disabled-link {
  pointer-events: none !important;
  opacity: 0.62;
}

#container-response #blocpreview {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
}

#container-response #blocpreview .elementor-wrapper,
#container-response #blocpreview .e-hosted-video,
#container-response #blocpreview .elementor-widget-video {
  width: auto;
  max-width: 100%;
  aspect-ratio: var(--adl-preview-ratio, 16 / 9);
  overflow: hidden;
  border-radius: 22px;
  background: #05070d;
  box-shadow: 0 18px 40px rgba(7, 10, 20, 0.18);
}

#container-response #blocpreview video.elementor-video,
#container-response #blocpreview video {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--adl-preview-ratio, 16 / 9);
  object-fit: contain;
  display: block;
  background: #05070d;
}

#container-response .button-link-wrap,
#container-response .elementor-button-wrapper {
  width: 100%;
}

#container-response .button-link-wrap a,
#container-response a.button-link-wrap,
#container-response a.elementor-button-link,
#container-response .elementor-button-wrapper a,
#container-response button.elementor-button,
#container-response .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 18px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 16px 34px rgba(10, 13, 24, 0.16);
}

@keyframes adl-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 767px) {
  .adl-title {
    font-size: 24px !important;
  }

  .adl-row {
    flex-direction: column;
  }

  .adl-submit {
    width: 100%;
  }
}


/* Exact style requested */
.adl-detect.is-detected { color: #000000; }
.adl-help { display: grid; gap: 9px; border-radius: 18px; }
.adl-platform-pill--detected { background: transparent; border-color: transparent; }
.adl-result-card--styled { padding: 0; border-radius: 22px; border: none; background: transparent; box-shadow: none; }
.adl-description { color: #566175; line-height: 1.2; font-size: 14px; }
.adl-video-title { font-size: 16px; line-height: 1.2em; }
.adl-format-select { width: 100%; min-height: 48px; padding: 12px 14px; border-radius: 25px; border: 1px solid rgba(99, 122, 180, 0.2); background: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 18px rgba(24, 41, 78, 0.05); }
.adl-small-note { padding: 10px 12px; border-radius: 25px; background: rgba(76, 125, 245, 0.08); color: #31456f; }
#adl-box h2 { font-size: 28px !important; font-weight: 900 !important; }
body #vd-submit { background: black; color: white; border: none; border-radius: 35px; padding: 14px 25px; font-weight: 700; }
#adl-detect { margin-top: 5px; display: flex; }
#adl-detect img { margin-right: 5px; }
#searchurl{ background-size: 100% 100% !important; }
body #adl-url { padding: 15px 20px; border-radius: 35px; border: 2px solid #7e96bf; }
button#adl-submit{ border-radius: 35px; border: 1px solid #000; }
button#adl-submit:hover{ border-radius: 35px; border: 1px solid #7BB4F2; }
.vd-form-box { background: transparent !important; backdrop-filter: none !important; border-radius: 0px !important; border: 0px !important; padding: 30px; max-width: 650px; }
#container-response{display:block;}

/* Small compatibility fixes */
.adl-help { padding: 0 !important; border: 0 !important; background: transparent !important; }
body #adl-submit { background: black; color: white; border: none; border-radius: 35px; padding: 14px 25px; font-weight: 700; }
.adl-platform-pill img, .adl-platform-logo { width: 18px; height: 18px; object-fit: contain; }


/* Ajustements demandés */
#container-response .button-link-wrap a,
#container-response a.button-link-wrap,
#container-response a.elementor-button-link,
#container-response .elementor-button-wrapper a,
#container-response button.elementor-button,
#container-response .elementor-button {
  border-radius: 35px;
}
.adl-video-title { font-size: 16px; line-height: 1.2em; }
.adl-platform-logo { 
    margin-top: 5px;
}
select.adl-format-select.adl-mode-select { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M5.5 7.5 10 12l4.5-4.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 14px;
  padding-right: 42px;
}
.adl-format-select.adl-mode-select { 
  position: relative;
}
.adl-help { display: grid; gap: 9px; border-radius: 18px; }
.adl-detect.is-detected { color: #000000; }
.adl-platform-pill--detected { background: transparent; border-color: transparent; }
.adl-result-card--styled { padding: 0; border-radius: 22px; border: none; background: transparent; box-shadow: none; }
.adl-description { color: #566175; line-height: 1.2; font-size: 14px; }
.adl-format-select { width: 100%; min-height: 48px; padding: 12px 14px; border-radius: 25px; border: 1px solid rgba(99, 122, 180, 0.2); background: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 18px rgba(24, 41, 78, 0.05); }
.adl-small-note { padding: 10px 12px; border-radius: 25px; background: rgba(76, 125, 245, 0.08); color: #31456f; }
#adl-box h2 {
    font-size: 28px !important;
    font-weight: 900 !important;
}
body #vd-submit {
    background: black;
    color: white;
    border: none;
    border-radius: 35px;
    padding: 14px 25px;
    font-weight: 700;
}
#adl-detect {
    margin-top: 5px;
    display: flex;
}
#adl-detect img {
    margin-right: 5px;
}
#searchurl{
	background-size: 100% 100% !important;
}
body #adl-url {
    padding: 15px 20px;
    border-radius: 35px;
    border: 2px solid #7e96bf;
}
button#adl-submit{
    border-radius: 35px;
    border: 1px solid #000;
}
button#adl-submit:hover{
    border-radius: 35px;
    border: 1px solid #7BB4F2;
}
.vd-form-box {
    background: transparent !important;
    backdrop-filter: none !important;
    border-radius: 0px !important;
    border: 0px !important;
    padding: 30px;
    max-width: 650px;
}
#container-response{display:block;}


/* v2.8 layout adjustments */
.adl-meta-top {
  display: block;
}

.adl-meta-topline {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.adl-platform-logo {
  margin-top: 5px;
  flex: 0 0 auto;
}

.adl-platform-name {
  display: inline-flex;
  align-items: center;
  min-height: auto;
  line-height: 1.2;
}

.adl-video-title {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 1.2em;
}

#adl-quality-select,
.adl-quality-select,
select.adl-format-select.adl-quality-select,
select.adl-format-select.adl-mode-select,
.adl-format-select.adl-mode-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  padding-right: 42px;
  border-radius: 25px;
  border: 1px solid rgba(99, 122, 180, 0.2);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M5.5 7.5 10 12l4.5-4.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 18px rgba(24, 41, 78, 0.05);
}


/* v2.8.6 preview sizing */
#container-response #blocpreview { align-self: flex-start; }
#container-response #blocpreview .elementor-wrapper,
#container-response #blocpreview .e-hosted-video,
#container-response #blocpreview .elementor-widget-video { max-width: 100%; }
.adl-video-title { display:block; width:100%; margin:0; font-size:16px !important; line-height:1.2em !important; }

#container-response #blocpreview > .elementor-widget-video,
#container-response #blocpreview > .e-hosted-video,
#container-response #blocpreview > .elementor-wrapper {
  flex: 0 0 auto;
}


/* v2.9.12 solid */
#container-response,
#container-response .e-con,
#container-response #blocpreview,
#container-response #detailvideo {
  overflow: visible !important;
}

#container-response #blocpreview .elementor-wrapper,
#container-response #blocpreview .e-hosted-video,
#container-response #blocpreview .elementor-widget-video {
  cursor: pointer;
}

#container-response #blocpreview video.elementor-video,
#container-response #blocpreview video {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 4;
}


/* v2.9.15 browser lang */
#container-response,
#container-response .e-con,
#container-response #blocpreview,
#container-response #detailvideo {
  overflow: visible !important;
}


.adl-cache-note {
  margin-top: -4px;
  padding: 8px 12px;
  border-radius: 14px;
  border: 1px solid rgba(76, 125, 245, 0.14);
  background: rgba(118, 169, 255, 0.08);
  color: #2f4b7d;
  font-size: 12px;
  line-height: 1.35;
}


/* v2.10.4 layout + download fixes */
#container-response,
#container-response .e-con,
#container-response .e-con-inner,
#container-response #success,
#container-response #errorimage,
#container-response #blocpreview,
#container-response #detailvideo {
  min-height: 0 !important;
  height: auto !important;
}

#container-response .e-con-inner,
#container-response .e-con-inner > .e-con {
  align-items: stretch !important;
}

#container-response #blocpreview {
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
  display: flex;
  align-items: stretch !important;
}

#container-response #blocpreview .elementor-wrapper,
#container-response #blocpreview .e-hosted-video,
#container-response #blocpreview .elementor-widget-video {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: var(--adl-preview-ratio, 9 / 16) !important;
}

#container-response #blocpreview video.elementor-video,
#container-response #blocpreview video {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

#success img,
#errorimage img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}


/* v2.10.7 preview parity for Instagram + Xiaohongshu */
#container-response #blocpreview .elementor-wrapper,
#container-response #blocpreview .e-hosted-video,
#container-response #blocpreview .elementor-widget-video {
  overflow: hidden !important;
}

#container-response #blocpreview video.elementor-video[poster],
#container-response #blocpreview video[poster] {
  background: #000;
}