.publication-photo-studio {
  border: 1px solid #dbe5ec;
  border-radius: 20px;
  background: #fff;
  padding: clamp(16px, 3vw, 28px);
  color: #1d303b;
}

.publication-photo-heading h3 { margin: 2px 0 8px; font-size: clamp(20px, 2vw, 26px); }
.publication-photo-heading p { margin: 0; color: #57707e; line-height: 1.5; }
.publication-photo-heading .publication-photo-eyebrow { color: #166eb6; font-size: 12px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.publication-photo-grid { display: grid; grid-template-columns: minmax(270px, 380px) minmax(0, 1fr); gap: 24px; margin-top: 20px; align-items: start; }
.publication-photo-controls { display: grid; gap: 12px; min-width: 0; }
.publication-photo-controls label { display: grid; gap: 6px; color: #324958; font-size: 14px; font-weight: 650; }
.publication-photo-controls input,
.publication-photo-controls select { box-sizing: border-box; width: 100%; min-height: 44px; border: 1px solid #cbd8e0; border-radius: 10px; background: #fff; padding: 9px 12px; color: #1d303b; font: inherit; }
.publication-photo-controls input[type="file"] { padding: 8px; }
.publication-photo-controls input:focus-visible,
.publication-photo-controls select:focus-visible,
.publication-photo-controls button:focus-visible { outline: 3px solid #77b7f2; outline-offset: 2px; }
.publication-photo-controls button { min-height: 46px; border: 0; border-radius: 10px; background: #1377d0; color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.publication-photo-controls button:hover:not(:disabled) { background: #095fae; }
.publication-photo-controls button:disabled { background: #ccd8e0; color: #536975; cursor: not-allowed; }
.publication-photo-controls [data-photo-download-link] { color: #126ab7; font-weight: 700; overflow-wrap: anywhere; }
.publication-photo-controls [data-photo-download-link][hidden] { display: none; }
.publication-photo-notice { margin: 2px 0; padding: 12px; border-radius: 10px; background: #f0f6fa; color: #3d5969; font-size: 13px; line-height: 1.45; }
.publication-photo-controls [data-photo-status] { min-height: 20px; margin: 0; color: #476477; font-size: 13px; line-height: 1.4; }
.publication-photo-preview { display: grid; justify-items: center; align-content: start; min-width: 0; min-height: 240px; padding: 18px; border: 1px solid #dbe5ec; border-radius: 14px; background: #f6f9fb; text-align: center; }
.publication-photo-preview canvas { display: block; max-width: 100%; max-height: 480px; width: auto; height: auto; box-shadow: 0 10px 30px #172c3624; }
.publication-photo-preview canvas[hidden], .publication-photo-preview [hidden] { display: none; }
.publication-photo-preview [data-photo-empty] { margin: auto; padding: 68px 10px; color: #6b7e89; }
.publication-photo-preview small { display: block; margin-top: 12px; color: #637985; overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .publication-photo-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .publication-photo-preview { min-height: 180px; padding: 12px; }
  .publication-photo-preview canvas { max-height: 360px; }
}