/* Project detail: artwork, listening and reading share one calm workspace. */
.media-modal{padding:clamp(12px,2.5vw,28px)}
.media-backdrop{background:#05070de0;backdrop-filter:blur(16px)}
.media-dialog{width:min(1100px,100%);max-height:calc(100dvh - 44px);border:1px solid #3a4558;border-radius:22px;background:#111821;box-shadow:0 30px 90px #000b}
#mediaContent{padding:32px clamp(20px,3vw,40px) 38px}
.media-close{top:24px;left:26px;width:36px;height:36px;border-radius:50%;background:#222b39}
.media-dialog-header{gap:14px;padding:0 0 24px 52px;border-bottom:1px solid #ffffff18}
.media-dialog-header .library-type{border-color:#67538966;background:#29213c;color:#cdbaf9}
.media-dialog-header h2{max-width:none;margin:11px 0 5px;font-size:clamp(21px,2.4vw,28px);line-height:1.5}
.media-dialog-header p{font-size:11px}
.media-dialog-header .library-details{display:flex;flex-wrap:wrap;gap:7px}
.media-dialog-header .library-detail{min-height:0;padding:5px 9px;border-color:#ffffff1a;border-radius:8px;background:#ffffff08}
.media-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;gap:22px;margin-top:24px;direction:rtl}
.media-listen-column{display:flex;flex-direction:column;gap:14px;min-width:0}
.media-dialog .media-cover-wrap{position:relative;flex:none;width:100%;aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid #ffffff20;border-radius:15px;background:#171e2d}
.media-dialog .media-cover-wrap .media-cover{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;cursor:default}
.media-cover-placeholder{display:grid;place-content:center;gap:7px;width:100%;height:100%;background:radial-gradient(circle at 60% 40%,#65529d42,transparent 50%),linear-gradient(135deg,#242639,#151f2d);color:#c3b4e8;text-align:center}
.media-cover-placeholder span{font-size:34px;line-height:1}.media-cover-placeholder small{font-size:10px;letter-spacing:.18em;direction:ltr}
.library-card .library-cover{cursor:pointer}
.media-dialog .media-cover-download{bottom:12px;left:12px;min-height:33px;padding:5px 11px;border:1px solid #ffffff4d;border-radius:8px;background:#101722d9;font-size:10px}
.media-content-grid .media-player{flex:none;margin:0;padding:15px;border:1px solid #ffffff1c;border-radius:14px;background:#1a2230}
.media-player-head{min-height:40px;justify-content:flex-start;gap:12px}
.media-player-head small{color:#a9b5c7}.media-player-head strong{font-size:12px}
.media-play-toggle{width:39px;height:39px;border:0;background:#8258d2;box-shadow:none;font-size:13px}
.media-wave{height:66px;margin:12px 0 6px;border:0;border-radius:8px;background:#101722}
.media-player-foot output{font-size:10px}
.media-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}
.media-action{min-width:0;min-height:39px;padding:8px 10px;border-color:#ffffff22;border-radius:9px;background:#ffffff08;font-size:10px}
.media-action svg{width:16px;height:16px}
.media-action-primary{border-color:#795ac5;background:#6d4bb3}
.media-content-grid .media-text-wrap{display:flex;flex-direction:column;min-height:0;margin:0;border:1px solid #ffffff1c;border-radius:14px;background:#171f2b}
.text-toolbar{flex:none;min-height:54px;padding:14px 18px;border-bottom:1px solid #ffffff16;background:transparent}
.text-toolbar small{color:#aa95dc}.text-toolbar strong{font-size:13px}.text-toolbar>span{color:#8c98a9}
.media-text{flex:1;min-height:0;max-height:min(570px,calc(100dvh - 265px));padding:20px 22px;background:transparent;color:#dce3ed;font-size:12px;line-height:2.3}
@media(max-width:760px){
  .media-modal{align-items:end;padding:0}
  .media-dialog{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:20px 20px 0 0}
  #mediaContent{padding:22px 16px calc(26px + env(safe-area-inset-bottom))}
  .media-close{top:18px;left:16px;width:34px;height:34px}
  .media-dialog-header{gap:12px;padding:0 0 18px 40px}
  .media-dialog-header h2{font-size:20px}
  .media-content-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
  .media-listen-column{gap:12px}
  .media-dialog .media-cover-wrap{border-radius:12px}
  .media-content-grid .media-player{padding:13px}
  .media-wave{height:58px}
  .media-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-text{min-height:180px;max-height:42dvh;padding:16px;font-size:11px}
}
@media(max-width:390px){.media-dialog-header .library-details{gap:5px}.media-action{font-size:9px}}

/* Video exports stay with the project instead of disappearing inside the render dialog. */
.media-project-videos{overflow:hidden;border:1px solid #354259;border-radius:16px;background:#141c28}
.media-project-videos>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #2d394b}
.media-project-videos>header>div{min-width:0}.media-project-videos>header small{display:block;color:#a995dc;font-size:9px}.media-project-videos>header strong{display:block;margin-top:2px;color:#eef1f7;font-size:12px}
.media-project-videos>header button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #654b9e;border-radius:9px;background:#2c2245;color:#dacdf7;font:700 9px Vazirmatn;cursor:pointer}.media-project-videos>header button svg{width:15px;height:15px}
.media-project-video-list{display:grid;gap:9px;padding:10px}.media-project-video-item{overflow:hidden;border:1px solid #303d50;border-radius:12px;background:#0f1722}.media-project-video-frame{aspect-ratio:16/9;background:#070b11}.media-project-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#05080d}
.media-project-video-item>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px}.media-project-video-item>footer>span{overflow:hidden;color:#8f9caf;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.media-project-video-item>footer>a{display:inline-flex;align-items:center;gap:5px;flex:none;color:#c9b8f2;font-size:8px;text-decoration:none}.media-project-video-item>footer>a[aria-disabled=true]{pointer-events:none;opacity:.45}.media-project-video-item>footer svg{width:14px;height:14px}.media-project-video-item.is-primary{border-color:#8664d7;box-shadow:0 0 0 1px #8664d733,0 8px 24px #6f4ec51c}.media-project-video-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.media-project-video-actions button{padding:5px 8px;border:1px solid #5d4a88;border-radius:7px;background:#211b34;color:#d6c8f6;font:700 8px Vazirmatn;cursor:pointer}.media-project-video-actions button:disabled{cursor:default;opacity:.7}.media-project-video-actions .media-project-video-delete{border-color:#7f4053;background:#351d29;color:#ffb4c3}.media-project-video-primary-badge{color:#bca2f3;font-size:8px}
.media-project-video-state{display:flex;align-items:center;gap:11px;padding:14px}.media-project-video-state>i{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #7255ad;border-radius:50%;background:#211b34;color:#c5adf5;font-style:normal;font-size:10px}.media-project-video-state>div{min-width:0}.media-project-video-state b{display:block;color:#e8ecf4;font-size:10px}.media-project-video-state small{display:block;margin-top:4px;color:#7f8b9e;font-size:8px;line-height:1.8}.media-project-video-item.failed .media-project-video-state>i{border-color:#814052;background:#351d26;color:#ff9cae}
.media-project-video-empty,.media-project-video-error,.media-project-videos-loading{display:grid;place-items:center;gap:7px;min-height:105px;padding:15px;color:#8390a3;text-align:center}.media-project-video-empty span,.media-project-video-error>span{color:#aa8feb;font-size:24px}.media-project-video-empty p,.media-project-video-error p{margin:0;font-size:9px;line-height:1.8}.media-project-video-error button{padding:7px 10px;border:1px solid #4b5870;border-radius:8px;background:#1b2533;color:#e4e9f1;font:700 9px Vazirmatn}.media-project-videos-loading i{width:25px;height:25px;border:2px solid #334055;border-top-color:#a785ef;border-radius:50%;animation:projectVideoSpin .8s linear infinite}.media-project-videos-loading span{font-size:9px}.media-project-video-item.media-unavailable .media-project-video-frame{display:grid;place-items:center}.media-project-video-item.media-unavailable .media-project-video-frame:after{content:'فایل ویدیو در دسترس نیست';color:#d991a0;font-size:9px}.media-project-video-item.media-unavailable video{display:none}
@keyframes projectVideoSpin{to{transform:rotate(360deg)}}
@media(max-width:760px){.media-project-videos>header{padding:12px}.media-project-videos>header button{min-height:38px}.media-project-video-list{padding:8px}.media-project-video-item>footer{padding:9px}.media-project-video-state{padding:12px}}
@media(prefers-reduced-motion:reduce){.media-project-videos-loading i{animation:none}}