/* Clipboard image to data URL — tool-specific styles on top of /kiln/kiln.css */
@media (min-width: 992px) {
  .layout-grid {
    grid-template-areas: "input output" "processing output";
    grid-template-rows: auto 1fr;
  }
  .input-section { grid-area: input; }
  .processing-section { grid-area: processing; }
  .output-section { grid-area: output; }
}

.paste-target { border-style: dashed; min-height: 140px; cursor: text; }
.paste-target:focus { border-style: solid; }

.preview-frame:has(img:not([hidden])) {
  display: flex; justify-content: center; padding: var(--space-4); margin-bottom: var(--space-4);
  border: 1px solid var(--border); border-radius: var(--radius-md);
  background-color: var(--surface-raised);
  background-image: conic-gradient(var(--border) 25%, transparent 0 50%, var(--border) 0 75%, transparent 0);
  background-size: 16px 16px;
}
#output-preview { max-width: 100%; height: auto; }

.output-section .actions { justify-content: flex-start; }
.output-section .actions .status { margin: 0; }
#copy-output-btn { margin-left: auto; }