.media-add{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.media-action{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;border:1px solid #d6dfeb;border-radius:12px;background:#fff;color:#112f50;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;padding:12px;cursor:pointer;position:relative}.media-action input[type=file]{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.media-help{font-size:13px;line-height:1.5;color:#64748b;margin:8px 0 16px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-tile{min-width:0;overflow:hidden;border:1px solid #d6dfeb;border-radius:12px;background:white}.media-picture{display:block;position:relative;width:100%;aspect-ratio:4/3;background:#112f50;padding:0;overflow:hidden;border:0}.media-picture img{width:100%;height:100%;object-fit:cover}.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;width:40px;height:40px;background:#112f50dc;color:white}.media-number{position:absolute;top:8px;left:8px;padding:2px 7px;border-radius:6px;background:#fff;color:#112f50;font-size:12px}.media-caption{font-size:12px;color:#64748b;padding:8px 10px 0}.media-tools{display:flex;justify-content:space-around;padding:3px}.media-tools button{min-width:44px;min-height:44px;border:0;background:transparent;color:#112f50;font-size:18px;border-radius:8px}.media-tools button:disabled{opacity:.3}.media-tools button:focus-visible,.media-action:focus-visible{outline:2px solid #112f50;outline-offset:2px}.media-empty{padding:28px 12px;text-align:center;color:#64748b}.media-dialog{max-width:480px;width:calc(100% - 24px);padding:20px;border:0;border-radius:18px;color:#112f50;max-height:90dvh;overflow:auto}.media-dialog::backdrop{background:#112f50aa}.media-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.media-dialog h2{font-size:20px}.media-dialog header button{width:44px;height:44px;font-size:24px;background:transparent;border:0}.media-field{display:grid;gap:8px;font-size:14px}.media-field input,.media-field textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px;min-height:48px}.media-primary{background:#f6c744;width:100%;border-color:#f6c744}.media-danger{color:#b42334;margin-top:12px;width:100%}.media-error{font-size:14px;color:#b42334;margin:12px 0}.media-dialog video,.media-dialog iframe{width:100%;max-height:65dvh;border:0;aspect-ratio:9/12;object-fit:contain;background:#111}.media-dialog iframe{aspect-ratio:16/9}.media-dialog .media-action{width:100%}
@media(min-width:1000px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Vídeos v2: mesma grade da galeria de fotos, fila de otimização na própria grade */
.vid{container-type:inline-size;display:grid;gap:12px}
.vid-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.vid-topo p{margin:0;font-size:13px;color:var(--muted,#6c7075)}.vid-topo strong{color:var(--brand,#0c285c)}
.vid-acoes{display:flex;flex-wrap:wrap;gap:8px}
.vid-acoes :is(button,label){display:inline-flex;align-items:center;gap:7px;width:auto;min-height:40px;padding:0 14px;font-size:13.5px;cursor:pointer;white-space:nowrap}
.vid-acoes svg{width:17px;height:17px}.vid-acoes .is-disabled{opacity:.5;pointer-events:none}
.vid-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1.5px dashed #f0c9a8;border-radius:16px}
@container (max-width:520px){.vid-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:340px){.vid-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vid-item{position:relative;margin:0;aspect-ratio:1;border-radius:14px;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;outline:none}
.vid-item>img,.vid-sem-capa{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;border:1.5px dashed #f3c6a4;background:#1b2330}
.vid-sem-capa{display:grid;place-items:center;color:#9fb0c4}.vid-sem-capa svg{width:34px;height:34px}
.vid-item:focus-visible>img{outline:3px solid var(--brand,#0c285c);outline-offset:2px}
.vid-botao{position:absolute;z-index:2;display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:50%;box-shadow:0 3px 10px #0a193140;cursor:pointer;transition:opacity .15s,transform .15s}
.vid-botao svg{width:17px;height:17px}
.vid-play{top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;background:#ffffffe6;color:var(--brand,#0c285c)}
.vid-play svg{width:20px;height:20px;margin-left:3px}
.vid-editar{top:-9px;left:-9px;background:var(--accent,#ffd450);color:var(--brand,#0c285c);opacity:0;transform:scale(.85)}
.vid-remover{top:-9px;right:-9px;background:#e5484d;color:#fff;opacity:0;transform:scale(.85)}
.vid-remover.confirmar{width:auto;padding:0 10px;border-radius:99px;opacity:1;transform:none}.vid-remover.confirmar::after{content:'Remover?';margin-left:4px;font-size:11.5px;font-weight:800}
.vid-item:is(:hover,:focus-within) :is(.vid-editar,.vid-remover){opacity:1;transform:none}
@media (hover:none){.vid-editar,.vid-remover{opacity:1;transform:none;width:30px;height:30px}}
.vid-item figcaption{position:absolute;left:6px;right:6px;bottom:6px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}
.vid-tag{padding:2px 7px;border-radius:99px;background:#0a1931c2;color:#fff;font-size:10.5px;font-weight:700}
.vid-titulo{flex-basis:100%;padding:2px 7px;border-radius:7px;background:#0a1931b3;color:#fff;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vid-item.is-fila{cursor:default}
.vid-fila{display:grid;align-content:center;justify-items:center;gap:6px;height:100%;padding:12px;border-radius:14px;border:1.5px dashed var(--accent-hover,#f4c637);background:var(--accent-soft,#fff6d7);text-align:center;box-sizing:border-box}
.vid-fila-icone svg{width:26px;height:26px;color:#b08300}
.vid-fila strong{max-width:100%;font-size:12px;color:var(--brand,#0c285c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vid-fila small{font-size:11.5px;line-height:1.35;color:#6c5a24;font-variant-numeric:tabular-nums}
.vid-progresso{width:100%;height:6px;border-radius:99px;background:#0c285c1f;overflow:hidden}
.vid-progresso i{display:block;height:100%;border-radius:inherit;background:var(--brand,#0c285c);transition:width .3s}
.vid-fila .text-button{font-size:12px;min-height:28px}
.vid-toque{min-height:34px;padding:0 12px;font-size:12px}
.vid-item.is-erro .vid-fila{border-color:#f3c1bd;background:#fff5f4}.vid-item.is-erro .vid-fila small{color:#b42318}
.vid-nova{display:grid;place-items:center;align-content:center;gap:4px;aspect-ratio:1;border:1.5px dashed #c9d3df;border-radius:14px;color:var(--muted,#6c7075);font-size:12.5px;font-weight:700;cursor:pointer;background:#fbfcfd}
.vid-nova svg{width:24px;height:24px}.vid-nova:hover{border-color:var(--brand,#0c285c);color:var(--brand,#0c285c)}
.vid-vazia{display:grid;justify-items:center;gap:6px;padding:32px 18px;border:1.5px dashed #c9d3df;border-radius:16px;text-align:center;cursor:pointer;background:#fbfcfd}
.vid-vazia svg{width:30px;height:30px;color:var(--brand,#0c285c)}.vid-vazia strong{font-size:15px;color:var(--brand,#0c285c)}.vid-vazia span{font-size:12.5px;color:var(--muted,#6c7075)}
.vid-ajuda{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted,#6c7075)}
.media-formato{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.media-formato legend{margin-bottom:6px;font-size:13px;font-weight:650}
.media-formato label{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #dce1e9;border-radius:10px;font-size:13px;cursor:pointer}
.media-capa{display:flex;gap:12px;align-items:flex-start}.media-capa img{width:96px;height:96px;object-fit:cover;border-radius:10px;flex:none}
.media-dialog video.is-vertical{max-height:72vh;width:auto;margin:auto;display:block}
.ordenar-arrastando{opacity:.35}.ordenar-arrastando .vid-botao{display:none}
.ordenar-fantasma{box-shadow:0 18px 40px #0a193159;border-radius:14px}.ordenar-fantasma .vid-botao{display:none}
html.ordenar-ativo,html.ordenar-ativo *{cursor:grabbing!important}