.afghanMedia{display:none;max-width:1280px;margin:auto;padding:28px 24px 100px;font-family:Vazirmatn,Inter,sans-serif;direction:rtl}
body[data-studio-page=afghan-media] .afghanMedia{display:block}
body[data-studio-page=afghan-media] .workspace,body[data-studio-page=afghan-media] .mobileDock{display:none!important}
.mediaHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.mediaHeading h2{font-size:28px;line-height:1.4;margin:0 0 6px;letter-spacing:-.5px}
.mediaHeading p{color:var(--muted);margin:0;line-height:1.8}
.mediaHeading small{display:block;color:#6d7d75;direction:ltr;text-align:right;font:12px Inter,sans-serif;margin-bottom:8px}
.mediaToolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.mediaToolbar input,.mediaToolbar select,.mediaCustom input,.mediaCustom select,.mediaControls select{background:white;border:1px solid #d5e3dc;border-radius:9px;min-height:42px;padding:9px 12px;font:13px Vazirmatn,Inter,sans-serif;color:var(--ink);min-width:0}
.mediaToolbar input{flex:1;min-width:170px}
.mediaToolbar output{font-size:12px;color:var(--muted)}
.mediaLayout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}
.mediaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mediaNetwork{background:white;border:1px solid var(--line);border-radius:12px;text-align:right;padding:0;overflow:hidden;min-width:0;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.mediaNetwork:hover{border-color:#77b8a9}
.mediaNetwork[aria-pressed=true]{border-color:#207666;box-shadow:0 0 0 2px #207666}
.mediaLogoWell{height:96px;display:flex;align-items:center;justify-content:center;background:#fff;padding:14px;border-bottom:1px solid #edf1ee;position:relative}
.mediaLogoWell img{max-width:100%;max-height:68px;object-fit:contain}
.mediaLogoWell .mediaWordmark{font-size:18px;font-weight:750;color:#798880;line-height:1.5;text-align:center}
.mediaNetworkInfo{display:block;padding:11px 12px}
.mediaNetworkInfo b{display:block;font-size:14px;font-weight:650}
.mediaNetworkInfo small{display:block;direction:ltr;text-align:right;font:11px/1.6 Inter,sans-serif;color:#738379;margin:3px 0 7px;overflow-wrap:anywhere}
.mediaAssetStatus{font-size:10px;color:#76847b;display:block;line-height:1.6}
.mediaDetail{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;position:sticky;top:125px;min-width:0}
.mediaDetail h3{font-size:20px;margin:0 0 3px}
.mediaDetail .mediaEnglish{font:12px/1.6 Inter,sans-serif;color:var(--muted);direction:ltr;text-align:right}
.mediaDetail .mediaLogoWell{border:1px solid #e4ebe7;border-radius:10px;margin:16px 0;height:120px}
.mediaDetail .mediaLogoWell img{max-height:90px}
.mediaSource{font-size:11px;display:inline-block;margin:6px 0 14px;line-height:1.8}
.mediaSwatches{display:flex;gap:8px;margin:12px 0}
.mediaSwatches i{display:block;width:30px;height:30px;border-radius:50%;border:1px solid #d8e3dd}
.mediaDetail p{font-size:12px;color:#6b7d73;line-height:1.8;margin:6px 0}
.mediaControls label{font-size:12px;font-weight:650;display:block;margin:14px 0 7px}
.mediaControls select{width:100%}
.mediaStyles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 16px}
.mediaStyle{border:1px solid #dce6df;border-radius:9px;background:#f8faf9;padding:6px 4px;color:#3a5549;min-width:0}
.mediaStyle[aria-pressed=true]{border-color:#196e60;background:#edf7f1;box-shadow:inset 0 0 0 1px #196e60}
.mediaStyle svg{width:47px;height:65px;display:block;margin:0 auto 5px}
.mediaStyle span{font-size:10px;display:block;white-space:nowrap}
.mediaApply{width:100%;min-height:44px;font-size:13px}
.mediaLiveStatus{min-height:22px;margin-top:9px!important;color:#2b6e59!important;font-size:11px!important}
.mediaEmpty{grid-column:1/-1;padding:35px 15px;text-align:center;color:var(--muted)}
.mediaFootnote{font-size:11px;color:#708078;line-height:1.9;margin:18px 0}
.mediaCustom{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
.mediaCustom summary{cursor:pointer;font-weight:650;padding:8px 0;font-size:14px}
.mediaCustom form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;max-width:700px}
.mediaCustom label{font-size:12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.mediaCustom input[type=color]{width:100%;padding:4px;height:42px}
.mediaCustom .full{grid-column:1/-1}
.mediaCustom input[type=file]{max-width:100%;width:100%;font-size:11px}
.mediaCustomStatus{font-size:12px;line-height:1.7;min-height:23px}
.mediaBackLink{display:flex;align-items:center;gap:8px;font-size:11px;margin:8px auto;max-width:990px;width:100%}
@media(max-width:1050px){.mediaLayout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.mediaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.afghanMedia{padding:22px 12px 80px}.mediaHeading{align-items:start}.mediaHeading h2{font-size:23px}.mediaHeading p{font-size:12px}.mediaHeading .btn{font-size:11px;padding:6px 8px;white-space:nowrap}.mediaLayout{display:flex;flex-direction:column;gap:20px}.mediaGrid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.mediaDetail{position:static;width:100%;padding:17px}.mediaLogoWell{height:86px}.mediaStyles{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.mediaStyle svg{width:36px;height:53px}.mediaStyle span{font-size:9px;white-space:normal}.mediaToolbar{gap:8px}.mediaToolbar select{font-size:11px;max-width:155px}.mediaToolbar output{width:100%}.mediaNetworkInfo b{font-size:13px}.mediaHeading small{font-size:10px}.mediaCustom form{grid-template-columns:1fr}.mediaCustom .full{grid-column:auto}}
@media print{.afghanMedia,.mediaBackLink{display:none!important}}