.output{
  background: var(--panel);
  border: 1px solid var(--border);
  margin-bottom: 8px;
}
.output-header{
  display:flex; align-items:center; gap: 10px 16px;
  flex-wrap: wrap;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border-soft);
}
.fname{
  font-family: var(--mono); font-size: 12.5px; color: #D2E8DA;
  background: #16211A; border: 1px solid #1F3A29;
  padding: 3px 10px; border-radius: 5px;
}
.output-meta{ font-size: 12px; color: var(--muted); }
.output-actions{ display:flex; align-items:center; gap: 12px; margin-left: auto; }
.btn-dl{
  background:none; border:0; padding: 4px 2px; cursor: pointer;
  font-family: inherit; font-size: 14px; font-weight: 600;
  color: var(--green); white-space: nowrap;
}
.btn-dl:hover{ text-decoration: underline; text-underline-offset: 3px; }
pre{
  background: #0A0C0E; color: #C9D1D9;
  padding: 16px; border-radius: 0;
  overflow-x: auto; overflow-y: auto;
  font-family: var(--mono); font-size: 12px;
  line-height: 1.6; max-height: 400px; margin: 0;
}
pre::-webkit-scrollbar{ height: 10px; width: 10px; }
pre::-webkit-scrollbar-thumb{ background: #2D333B; border-radius: 5px; }
pre::-webkit-scrollbar-track{ background: transparent; }

@media (max-width: 760px){
  .output-actions{ margin-left: 0; }
}