/* Shared spacing and controls for Nurayo's existing media editors. */
#social-upload-modal.nurayo-editor,
#fatwa-story-editor-v2.nurayo-editor {
  --editor-bg: #071b15;
  --editor-panel: #0d281f;
  --editor-line: rgba(167,222,194,.16);
  --editor-muted: #a7bdb2;
  --editor-accent: #63e3a0;
  padding: 20px !important;
  background: rgba(0,8,5,.88) !important;
  color: #f4faf6;
  color-scheme: dark;
}
#social-upload-modal.nurayo-editor .social-upload-dialog {
  width: min(940px,100%) !important;
  max-height: min(920px,calc(var(--nurayo-editor-height,100dvh) - 40px)) !important;
  padding: 0 22px 20px !important;
  border: 1px solid var(--editor-line) !important;
  border-radius: 24px !important;
  background: var(--editor-bg) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  display: flex !important; flex-direction: column !important;
}
#social-upload-modal.nurayo-editor .social-upload-head {
  position: sticky; top: 0; z-index: 120;
  min-height: 68px; margin: 0 !important;
  background: var(--editor-bg) !important;
}
#social-upload-modal.nurayo-editor #social-upload-close,
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-circle {
  width: 44px !important; height: 44px !important;
  min-width: 44px; min-height: 44px;
  border: 1px solid var(--editor-line) !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: 50% !important;
}
#social-upload-modal.nurayo-editor #social-upload-form {
  display: grid !important; grid-template-columns: 1fr;
  gap: 14px !important; margin: 0 !important;
  flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 2px 14px;
  align-content: start;
}
#social-upload-modal.nurayo-editor:not(.has-media) #social-upload-form {display: flex !important; flex-direction: column !important;}
#social-upload-modal.nurayo-editor.has-media #social-upload-form {
  grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
  grid-template-areas: 'picker picker' 'summary summary' 'message message' 'preview editor' 'progress progress' 'status status';
  align-items: start;
}
#social-upload-modal.nurayo-editor #social-video-picker {
  grid-area: picker; min-height: 136px !important;
  display: flex; align-items: center; justify-content: center; gap: 12px;
  margin: 0 !important; padding: 18px !important;
  border: 1px dashed rgba(99,227,160,.42) !important;
  border-radius: 18px !important;
  background: #0c291e !important;
  color: var(--editor-accent) !important;
}
#social-upload-modal.nurayo-editor.has-media #social-video-picker {
  min-height: 44px !important; justify-self: start; align-self: start;
  padding: 9px 16px !important; border-style: solid !important;
  border-radius: 12px !important; font-size: 13px;
}
#social-upload-modal.nurayo-editor #fatwa-video-preview-shell {
  grid-area: preview; position: relative !important; top: auto !important;
  margin: 0 !important; border-radius: 18px !important;
  border: 1px solid var(--editor-line) !important;
  background: #000; overflow: hidden;
}
#social-upload-modal.nurayo-editor #social-video-preview {
  display: block !important; width: 100% !important;
  max-height: min(56dvh,520px) !important;
  min-height: 160px; margin: 0 !important;
  object-fit: contain !important; border-radius: 0 !important;
}
#social-upload-modal.nurayo-editor #fatwa-video-preview-mute {top: 12px !important; right: 12px !important; bottom: auto !important; min-width: 44px; min-height: 44px;}
#social-upload-modal.nurayo-editor #fatwa-video-prepublish-editor {
  grid-area: editor; min-width: 0; margin: 0 !important;
}
#social-upload-modal.nurayo-editor #fatwa-video-editor-tabs {
  display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 4px !important; padding: 5px !important; margin: 0 0 12px !important;
  border: 1px solid var(--editor-line) !important;
  background: rgba(255,255,255,.025) !important; border-radius: 15px !important;
}
#social-upload-modal.nurayo-editor .fatwa-editor-tab {
  min-height: 56px !important; padding: 7px 2px !important;
  border-radius: 11px !important; color: var(--editor-muted) !important;
  font: inherit; cursor: pointer;
}
#social-upload-modal.nurayo-editor .fatwa-editor-tab.is-active {
  color: #052b19 !important; background: var(--editor-accent) !important;
}
#social-upload-modal.nurayo-editor .fatwa-editor-tab-label {font-size: 11px !important; font-weight: 700;}
#social-upload-modal.nurayo-editor .fatwa-editor-panel {
  padding: 16px !important; border-radius: 16px !important;
  background: var(--editor-panel) !important;
  border: 1px solid var(--editor-line) !important;
}
#social-upload-modal.nurayo-editor .fatwa-editor-panel label {margin-block-end: 14px;}
#social-upload-modal.nurayo-editor .fatwa-editor-panel input[type='text'],
#social-upload-modal.nurayo-editor .fatwa-editor-panel select,
#social-upload-modal.nurayo-editor .fatwa-editor-panel textarea {
  min-height: 46px !important; padding: 11px 12px !important;
  border-radius: 11px !important; border-color: var(--editor-line) !important;
  background: #061c13 !important; font-size: 16px !important;
}
#social-upload-modal.nurayo-editor .fatwa-editor-panel select,
#fatwa-story-editor-v2.nurayo-editor select {
  -webkit-appearance: none !important; appearance: none !important;
  color: #f4faf6 !important; -webkit-text-fill-color: #f4faf6;
  background-color: #061c13 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23c0d9cb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-size: 14px !important;
  background-position: right 12px center !important; padding-inline-end: 36px !important;
}
html[dir='rtl'] #social-upload-modal.nurayo-editor select,
html[dir='rtl'] #fatwa-story-editor-v2.nurayo-editor select {background-position: left 12px center !important;}
#social-upload-modal.nurayo-editor #fatwa-video-editor-actions {
  position: sticky !important; bottom: 0 !important;
  grid-template-columns: minmax(80px,.65fr) minmax(0,1.35fr) !important;
  gap: 10px; padding: 14px 0 max(6px,env(safe-area-inset-bottom)) !important;
  margin: 0 !important; background: var(--editor-bg) !important;
  flex: 0 0 auto;
}
#social-upload-modal.nurayo-editor .nurayo-editor-next,
#social-upload-modal.nurayo-editor #social-upload-submit,
#fatwa-story-editor-v2.nurayo-editor #fatwa-story-editor-publish {
  min-height: 50px !important; border: 0 !important;
  border-radius: 13px !important; background: var(--editor-accent) !important;
  color: #062719 !important; font: inherit; font-weight: 800 !important;
  cursor: pointer;
}
#social-upload-modal.nurayo-editor #fatwa-video-editor-cancel {min-height: 50px !important; border-radius: 13px !important;}
.nurayo-editor button:disabled {opacity: .45 !important; cursor: default;}
.nurayo-editor button:focus-visible,
.nurayo-editor input:focus-visible,
.nurayo-editor select:focus-visible,
.nurayo-editor textarea:focus-visible {outline: 2px solid #9bf5bf !important; outline-offset: 3px;}
.nurayo-editor-summary {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; min-width: 0; font-size: 12px; color: var(--editor-muted);
}
#nurayo-reel-summary {grid-area: summary;}
.nurayo-editor-selection {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nurayo-editor-limit {flex: 0 0 auto; padding: 5px 9px; border-radius: 8px; background: rgba(99,227,160,.10); color: #a2edbd; font-variant-numeric: tabular-nums; direction: ltr;}
.nurayo-editor-step {margin-block-end: 9px; color: var(--editor-muted); font-size: 12px; font-weight: 700;}
.nurayo-editor-message {margin: 0; font-size: 12px; color: #eac99b;}
#nurayo-reel-message {grid-area: message;}
.nurayo-editor .nurayo-editor-range-label {display: flex !important; justify-content: space-between; margin: 14px 0 0 !important; font-size: 12px; color: var(--editor-muted);}
.nurayo-editor .nurayo-editor-range-label output {font-variant-numeric: tabular-nums; color: #ecf7ee; direction: ltr;}
#social-upload-modal.nurayo-editor #social-upload-progress {grid-area: progress;}
#social-upload-modal.nurayo-editor #social-upload-status {grid-area: status; margin: 0 !important;}
.nurayo-editor .nurayo-editor-preview-toggle {
  position: absolute; inset-inline-start: 12px; bottom: 12px; z-index: 35;
  display: grid; place-items: center; min-width: 44px; height: 44px;
  border: 1px solid rgba(255,255,255,.3); border-radius: 50%;
  color: white; background: rgba(0,0,0,.66); font: inherit; font-size: 19px;
  touch-action: manipulation; cursor: pointer;
}
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-shell {
  width: min(100%,490px) !important;
  height: min(900px,calc(var(--nurayo-editor-height,100dvh) - 40px)) !important;
  max-height: none !important; padding: 12px !important;
  display: flex !important; flex-direction: column !important; gap: 10px !important;
  border: 1px solid var(--editor-line) !important; border-radius: 24px !important;
  background: var(--editor-bg) !important; overflow: hidden !important;
}
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-top {min-height: 46px !important; padding: 0 !important;}
#fatwa-story-editor-v2.nurayo-editor #fatwa-story-editor-canvas {
  flex: 1 1 0 !important; min-height: 100px !important; max-height: none !important;
  width: 100% !important; aspect-ratio: auto !important;
  border-radius: 16px !important; box-shadow: none !important;
}
#fatwa-story-editor-v2.nurayo-editor .nurayo-story-controls {display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; gap: 8px;}
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-tool-panel {
  position: relative !important; inset: auto !important;
  flex: 0 1 auto !important; width: 100% !important; max-height: min(32dvh,270px) !important;
  padding: 12px !important; margin: 0 !important;
  border: 1px solid var(--editor-line) !important; border-radius: 15px !important;
  background: var(--editor-panel) !important; overflow: auto !important;
}
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-tools {
  display: flex !important; flex: 0 0 auto !important;
  gap: 5px !important; padding: 5px !important;
  background: rgba(255,255,255,.035) !important; border: 1px solid var(--editor-line) !important;
  border-radius: 15px !important; overflow: auto !important;
}
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-tools > button {
  flex: 1 0 48px !important; min-height: 54px !important; min-width: 0 !important;
  padding: 6px 3px !important; border: 0 !important; border-radius: 10px !important;
  background: transparent !important;
}
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-tools > button.active {background: rgba(99,227,160,.15) !important; color: var(--editor-accent) !important;}
#fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-tools small {font-size: 10px !important;}
#fatwa-story-editor-v2.nurayo-editor #fatwa-story-tool-change {display: none !important;}
#fatwa-story-editor-v2.nurayo-editor #fatwa-story-editor-publish {flex: 0 0 auto !important; width: 100% !important; margin: 0 !important;}
#fatwa-story-editor-v2.nurayo-editor #fatwa-story-editor-status:empty {display: none !important;}
#fatwa-story-editor-v2.nurayo-editor #fatwa-story-timeline-v25 {order: 0 !important; flex: 0 0 auto !important; border-radius: 14px !important; box-shadow: none !important;}
#social-upload-modal.nurayo-editor [hidden],
#fatwa-story-editor-v2.nurayo-editor [hidden] {display: none !important;}
@media (max-width: 650px) {
  #social-upload-modal.nurayo-editor,
  #fatwa-story-editor-v2.nurayo-editor {padding: 0 !important; align-items: stretch !important;}
  #social-upload-modal.nurayo-editor .social-upload-dialog {
    width: 100% !important; max-height: var(--nurayo-editor-height,100dvh) !important;
    height: var(--nurayo-editor-height,100dvh) !important;
    padding: env(safe-area-inset-top) 14px 0 !important;
    border-radius: 0 !important; border: 0 !important;
  }
  #social-upload-modal.nurayo-editor.has-media #social-upload-form {
    display: flex !important; flex-direction: column !important;
    gap: 10px !important;
  }
  #social-upload-modal.nurayo-editor #social-upload-form > * {flex: 0 0 auto;}
  #social-upload-modal.nurayo-editor #fatwa-video-preview-shell {position: relative !important; top: auto !important;}
  #social-upload-modal.nurayo-editor #social-video-preview {max-height: min(36dvh,330px) !important; min-height: 120px;}
  #social-upload-modal.nurayo-editor .social-upload-head {min-height: 58px;}
  #fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-shell {
    width: 100% !important; height: var(--nurayo-editor-height,100dvh) !important;
    padding: max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom)) !important;
    border: 0 !important; border-radius: 0 !important; gap: 8px !important;
  }
}
@media (max-height: 560px) and (min-width: 651px) {
  #social-upload-modal.nurayo-editor,
  #fatwa-story-editor-v2.nurayo-editor {padding: 6px !important;}
  #fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-shell {
    width: min(920px,100%) !important; height: calc(var(--nurayo-editor-height,100dvh) - 12px) !important;
    display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    grid-template-rows: auto minmax(0,1fr) auto auto;
  }
  #fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-top {grid-column: 1 / -1; grid-row: 1;}
  #fatwa-story-editor-v2.nurayo-editor #fatwa-story-editor-canvas {grid-column: 1; grid-row: 2 / 5; min-height: 0 !important; height: 100%;}
  #fatwa-story-editor-v2.nurayo-editor .nurayo-story-controls {grid-column: 2; grid-row: 2; overflow: auto;}
  #fatwa-story-editor-v2.nurayo-editor #fatwa-story-editor-status {grid-column: 2; grid-row: 3;}
  #fatwa-story-editor-v2.nurayo-editor #fatwa-story-editor-publish {grid-column: 2; grid-row: 4;}
  #fatwa-story-editor-v2.nurayo-editor .fatwa-story-editor-tools > button {min-height: 44px !important;}
}