/* ============================================================================
   COMPONENT: camera — the live-capture sheet (FEA-0011) and notebook media.
   Two states on the controller root: live (video + capture controls) and
   [data-camera-state="captured"] (preview + post controls).
   ========================================================================== */

@layer components {
  .camera__view,
  .camera__preview {
    inline-size: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
  }

  .camera__preview { display: none; }
  .camera__post-controls { display: none; }

  [data-camera-state="captured"] {
    .camera__view, .camera__live-controls { display: none; }
    .camera__preview { display: block; }
    .camera__post-controls { display: flex; }
  }

  /* Feed media (notebook photos + check-in stills) */
  .photo__img {
    inline-size: 100%;
    max-block-size: 60vh;
    object-fit: cover;
    border-radius: var(--radius-md);
    margin-block-start: var(--space-2xs);
  }

  .note__actions { margin: 0; --cluster-gap: var(--space-2xs); }
  .action-bar__form { display: contents; }
}