/* Shared verse + surah export studio. Layered important rules replace legacy art CSS. */
.dsq-export-field{display:grid;gap:9px;min-width:0;font-size:13px;font-weight:500;margin:14px 0}
.dsq-export-custom{border:1px solid var(--ds-border);border-radius:14px;padding:14px;font-size:13px}
.dsq-export-custom summary{cursor:pointer;line-height:1.7;min-height:30px;font-weight:600}
:is(.dsq-surah-art,.dsq-art-modal) :is(select,input[type=file]){box-sizing:border-box;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ds-border);border-radius:12px;background:var(--ds-input,var(--ds-bg));color:var(--ds-text);font:inherit}
:is(.dsq-surah-art,.dsq-art-modal) input[type=file]{padding:6px;font-size:12px;border-style:dashed}
:is(.dsq-surah-art,.dsq-art-modal) input[type=file]::file-selector-button{border:0;border-radius:8px;background:var(--ds-accent);color:var(--ds-on-accent,#07111f);min-height:34px;padding:6px 12px;margin-right:10px;font:600 12px var(--ds-font,Poppins,sans-serif);cursor:pointer}
:is(.dsq-surah-art,.dsq-art-modal) input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:7px;min-height:0;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--ds-accent) 30%,var(--ds-card2));accent-color:var(--ds-accent);cursor:pointer}
:is(.dsq-surah-art,.dsq-art-modal) input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:3px solid var(--ds-bg);border-radius:50%;background:var(--ds-accent);box-shadow:0 0 0 1px var(--ds-border)}
:is(.dsq-surah-art,.dsq-art-modal) input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--ds-bg);border-radius:50%;background:var(--ds-accent)}
@layer ds-quran-export {
  html body :is(.dsq-art-modal,.dsq-surah-art) {
    --art-bg:var(--ds-card-solid,var(--ds-bg,#07110f));
    --art-text:var(--ds-text,#f8fafc);--art-border:var(--ds-border,#ffffff20);--art-accent:var(--ds-accent,#22c55e);
    font-family:var(--ds-font,Poppins,Arial,sans-serif)!important;color:var(--art-text)!important;
  }
  html body .dsq-art-modal {
    padding:max(16px,var(--ds-safe-top,0px)) max(16px,var(--ds-safe-right,0px)) max(16px,var(--ds-safe-bottom,0px)) max(16px,var(--ds-safe-left,0px))!important;
    background:color-mix(in srgb,var(--ds-bg,#07110f) 82%,transparent)!important;
    backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  }
  html body :is(.dsq-art-dialog,.dsq-surah-art) {
    box-sizing:border-box!important;width:min(1060px,100%)!important;max-width:100%!important;
    max-height:calc(100dvh - max(16px,var(--ds-safe-top,0px)) - max(16px,var(--ds-safe-bottom,0px)))!important;
    border:1px solid var(--art-border)!important;border-radius:24px!important;
    background:var(--art-bg)!important;background-image:none!important;box-shadow:0 24px 90px #0005!important;
    overflow:hidden!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    display:flex!important;flex-direction:column!important;color:var(--art-text)!important;
  }
  html body .dsq-surah-art {margin:auto!important;padding:0!important;width:min(1060px,calc(100vw - 32px))!important;}
  html body .dsq-surah-art:not([open]){display:none!important}
  html body .dsq-surah-art::backdrop{background:#000b;backdrop-filter:blur(10px)}
  html body :is(.dsq-art-modal,.dsq-surah-art) *{box-sizing:border-box!important}
  html body :is(.dsq-art-head,.dsq-surah-art>header){display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;padding:24px!important;border-bottom:1px solid var(--art-border)!important;flex-shrink:0!important}
  html body :is(.dsq-art-head h3,.dsq-surah-art h2){margin:6px 0 0!important;font-size:clamp(21px,2.4vw,28px)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.025em!important;color:var(--art-text)!important}
  html body .dsq-art-eyebrow{display:block!important;color:var(--art-accent)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.12em!important}
  html body :is(.dsq-art-head p,.dsq-art-help,.dsq-surah-art p){margin:8px 0 0!important;font-size:13px!important;font-weight:400!important;line-height:1.6!important;color:var(--ds-muted)!important}
  html body :is(.dsq-art-close,.dsq-surah-art [data-close]){min-width:44px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:12px!important;border:1px solid var(--art-border)!important;background:transparent!important;color:var(--art-text)!important;font-size:26px!important;font-weight:400!important;flex-shrink:0!important;box-shadow:none!important}
  html body :is(.dsq-art-modal,.dsq-surah-art) .dsq-art-body{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:24px!important;padding:24px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;min-height:0!important}
  html body :is(.dsq-art-modal,.dsq-surah-art) .dsq-art-previewWrap{align-self:start!important;display:grid!important;place-items:center!important;border:1px solid var(--art-border)!important;border-radius:18px!important;padding:16px!important;background:color-mix(in srgb,var(--art-accent) 3%,var(--ds-bg))!important;min-width:0!important}
  html body .dsq-art-previewBox{border:0!important;padding:0!important;min-height:220px!important;background:transparent!important;border-radius:12px!important;width:100%!important;overflow:hidden!important}
  html body :is(#dsq-art-preview,.dsq-surah-art [data-preview]){display:block!important;max-width:100%!important;max-height:64dvh!important;width:auto!important;height:auto!important;margin:0 auto!important;border-radius:10px!important;box-shadow:0 12px 35px #0003!important}
  html body :is(.dsq-art-modal,.dsq-surah-art) .dsq-art-side{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important}
  html body :is(.dsq-art-modal,.dsq-surah-art) .dsq-art-panel{padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
  html body :is(.dsq-art-modal,.dsq-surah-art) .dsq-art-label{font-size:11px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--ds-muted)!important;margin-bottom:10px!important;display:block!important}
  html body .dsq-art-chipRow{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  html body :is(.dsq-art-chip,.dsq-art-btn,.dsq-surah-art button,.dsq-surah-art a){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 14px!important;border:1px solid var(--art-border)!important;border-radius:12px!important;background:transparent!important;color:var(--art-text)!important;font:600 13px/1.4 var(--ds-font,Poppins,Arial,sans-serif)!important;text-align:center!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important;transition:background 150ms ease,border-color 150ms ease!important}
  html body :is(.dsq-art-chip.is-active,.dsq-art-btn.is-primary,.dsq-surah-art .is-primary){background:var(--art-accent)!important;border-color:transparent!important;color:var(--ds-on-accent,#05150d)!important;background-image:none!important;box-shadow:none!important}
  html body :is(.dsq-art-btn,.dsq-surah-downloads>a){width:100%!important}
  html body .dsq-art-meta{padding:16px 0!important;border-block:1px solid var(--art-border)!important;font-size:12px!important;line-height:1.6!important;font-weight:400!important;color:var(--ds-muted)!important;gap:12px!important}
  html body .dsq-art-meta strong{font-size:12px!important;font-weight:600!important;color:var(--art-text)!important;margin-bottom:2px!important}
  html body :is(.dsq-art-actions,.dsq-surah-downloads){display:grid!important;gap:8px!important;padding:0!important;margin:0!important}
  html body .dsq-art-video-options{border:1px solid var(--art-border);border-radius:12px;padding:12px;font-size:12px}
  html body .dsq-art-video-options summary{cursor:pointer;line-height:1.6;font-weight:500}
  html body .dsq-art-video-options .dsq-art-actions{margin-top:12px!important}
  html body :is(.dsq-art-status,.dsq-surah-art [data-status]){padding:0!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important;color:var(--ds-muted)!important}
  html body .dsq-surah-art nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:13px}
  html body :is(.dsq-art-modal,.dsq-surah-art) :is(button,a):disabled{opacity:.45!important;cursor:default!important}
  html body .dsq-surah-art a:not([href]){opacity:.45;pointer-events:none}
  html body :is(.dsq-art-modal,.dsq-surah-art) :focus-visible{outline:2px solid var(--art-accent)!important;outline-offset:3px!important}
  html body :is(.dsq-art-modal,.dsq-surah-art) [hidden]{display:none!important}
  @media(max-width:700px){
    html body :is(.dsq-art-head,.dsq-surah-art>header){padding:18px!important;gap:12px!important}
    html body :is(.dsq-art-modal,.dsq-surah-art) .dsq-art-body{grid-template-columns:minmax(0,1fr)!important;padding:18px!important;gap:20px!important}
    html body :is(.dsq-art-modal,.dsq-surah-art) .dsq-art-previewWrap{padding:10px!important}
    html body .dsq-art-previewBox{min-height:160px!important}
    html body :is(#dsq-art-preview,.dsq-surah-art [data-preview]){max-height:30dvh!important}
  }
  @media(prefers-reduced-motion:reduce){html body :is(.dsq-art-modal,.dsq-surah-art) :is(button,a){transition:none!important}}
}

/* The legacy sticky bar shared the drawer's z-index; later DOM order won. */
html[data-theme] body > #dsq-stickybar.dsq-stickybar,
html[data-theme] body #ds-quran #dsq-stickybar.dsq-stickybar{z-index:2147482400!important}
html.ds-drawer-open body :is(.dsq-stickybar,.dsq-settings-menu,.dsq-context-menu){visibility:hidden!important;pointer-events:none!important}

html body .dsq-surah-art .dsq-art-video-options{border-top:1px solid var(--art-border);padding-top:20px;display:grid;gap:12px;min-width:0}
html body .dsq-surah-art .dsq-art-video-options h3{margin:0;font-size:17px}
html body .dsq-surah-art .dsq-art-video-options p{margin:0;font-size:12px;line-height:1.65;color:var(--ds-muted);overflow-wrap:anywhere}
html body .dsq-surah-art .dsq-art-video-options progress{width:100%;accent-color:var(--art-accent)}