/* Result panel — the visual hero of the post-submit state.
 *
 * Heavy ink frame, hard offset shadow, accent-filled header bar with
 * the bracketed [ SWF ] label, JSON body on the slightly inset
 * paper-soft surface.
 */

.result {
  border: var(--border-heavy);
  background: var(--paper);
  box-shadow: var(--shadow-hard);
}

.result__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  background: var(--accent);
  color: var(--paper);
  border-bottom: var(--border-thick);
}

.result__label {
  font-family: var(--font-mono);
  font-size: var(--size-2);
  font-weight: var(--weight-bold);
  letter-spacing: 0.04em;
  color: inherit;
}

.result__actions {
  display: flex;
  gap: var(--space-3);
}

/* Compact action variant for the result header — keeps the buttons
 * legible against the orange bar without the full primary chrome. */
.result__actions .btn {
  padding: var(--space-2) var(--space-4);
  font-size: var(--size-1);
  background: var(--paper);
  color: var(--ink);
  border-color: var(--ink);
  box-shadow: none;
}

.result__actions .btn:hover:not(:disabled) {
  transform: none;
  background: var(--ink);
  color: var(--paper);
}

.result__body {
  margin: 0;
  padding: var(--space-4);
  background: var(--code-bg);
  overflow-x: auto;
}

.result__body code {
  display: block;
  font-family: var(--font-mono);
  font-size: var(--size-1);
  line-height: var(--leading-normal);
  color: var(--ink);
  white-space: pre;
}