/* Avito Flow, Figma page 32: library, editor, upload, private test. Shared controls own their styling. */
.ermiy-photos { display:flex; flex-direction:column; gap:var(--space-6); min-width:0; }
.ermiy-photos > .btn { align-self:flex-start; }
.ermiy-photo-lead { margin:0; font-size:16px; line-height:1.45; color:var(--color-text-secondary); }
.ermiy-photo-toolbar { display:flex; align-items:center; gap:var(--space-4); flex-wrap:wrap; }
.ermiy-photo-toolbar > .lf-select { flex:1 1 280px; max-width:420px; }
.ermiy-photo-toolbar p { margin:0; }
.ermiy-photo-list { display:flex; flex-direction:column; gap:var(--space-6); }
.ermiy-photo-row { display:flex; gap:var(--space-6); align-items:flex-start; padding:var(--space-6); border:1px solid var(--color-border); border-radius:var(--radius-card); background:var(--color-bg-card); }
.ermiy-photo-copy { flex:1; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-2); overflow-wrap:anywhere; }
.ermiy-photo-copy h3 { font-size:20px; line-height:1.4; margin:0; }
.ermiy-photo-copy p { margin:0; font-size:14px; line-height:1.55; }
.ermiy-photo-copy .ermiy-help { font-size:13px; }
.ermiy-photo-thumb { display:flex; align-items:center; justify-content:center; flex:0 0 168px; width:168px; height:132px; background:var(--color-bg); color:var(--color-text-secondary); border-radius:var(--radius-card); font-size:13px; text-align:center; }
.ermiy-photo-thumb img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.ermiy-photo-editor { width:100%; max-width:880px; display:grid; grid-template-columns:280px minmax(0,1fr); gap:var(--space-8); }
.ermiy-photo-editor > div { min-width:0; overflow-wrap:anywhere; }
.ermiy-photo-editor .ermiy-photo-thumb { width:100%; height:216px; }
.ermiy-photo-fields { display:flex; flex-direction:column; gap:var(--space-4); min-width:0; }
.ermiy-photo-fields > label { display:flex; flex-direction:column; gap:var(--space-3); font-size:14px; font-weight:600; line-height:1.4; }
.ermiy-photo-fields .ermiy-avito-input { width:100%; box-sizing:border-box; font-weight:400; }
.ermiy-photo-fields textarea { min-height:112px; resize:vertical; }
.ermiy-photo-fields > .btn { align-self:flex-start; }
.ermiy-photo-fields p { margin:0; }
.ermiy-photo-items { border:1px solid var(--color-border); border-radius:var(--radius-medium); margin:0; padding:var(--space-4); min-width:0; }
.ermiy-photo-items legend { font-size:13px; color:var(--color-text-secondary); padding:0 var(--space-2); }
.ermiy-photo-items label { display:flex; gap:var(--space-2); align-items:flex-start; padding:var(--space-2) 0; font-size:14px; overflow-wrap:anywhere; }
.ermiy-photo-drop { border:1px dashed var(--color-border); padding:var(--space-6); border-radius:var(--radius-card); background:var(--color-bg-card); }
.ermiy-photo-drop p:first-child { margin-top:0; }
.ermiy-photo-row--error { border-color:var(--status-danger-border); background:var(--status-danger-bg); }
.ermiy-photo-guide { display:flex; flex-direction:column; gap:var(--space-6); }
.ermiy-photo-guide h3 { font-size:20px; margin:0 0 var(--space-4); }
.ermiy-photo-test { display:grid; grid-template-columns:minmax(280px,392px) minmax(0,1fr); gap:var(--space-6); align-items:start; }
.ermiy-photo-bubble { padding:var(--space-4) 0; overflow-wrap:anywhere; }
.ermiy-photo-bubble p { white-space:pre-wrap; }
.ermiy-photo-bubble--assistant { background:var(--status-success-bg); border-radius:var(--radius-card); padding:var(--space-6); margin:var(--space-3) 0; }
.ermiy-photo-bubble figure { margin:var(--space-3) 0; }
.ermiy-photo-bubble .ermiy-photo-thumb { width:min(100%,280px); height:216px; }
.ermiy-photo-bubble figcaption { font-size:13px; margin-top:var(--space-3); color:var(--color-text-secondary); }
.ermiy-photo-delivery-parts { display:flex; flex-direction:column; gap:var(--space-3); padding:0; list-style:none; }
.ermiy-photo-delivery-parts li { display:flex; align-items:center; gap:var(--space-4); padding:var(--space-4); background:var(--color-bg-card); border-radius:var(--radius-medium); }
.ermiy-photo-delivery-parts li > span:first-child { flex:1; }
@media(max-width:700px) {
  .ermiy-photo-row { flex-direction:column; gap:var(--space-4); padding:var(--space-4); }
  .ermiy-photo-row .ermiy-photo-thumb { flex:auto; width:100%; height:auto; aspect-ratio:1.65; }
  .ermiy-photo-row .ermiy-photo-copy h3 { font-size:20px; }
  .ermiy-photo-editor,.ermiy-photo-test { grid-template-columns:minmax(0,1fr); }
  .ermiy-photo-editor .ermiy-photo-thumb { max-width:400px; height:auto; aspect-ratio:1.3; }
  .ermiy-photo-toolbar > .lf-select { flex-basis:100%; max-width:none; }
  .ermiy-photo-delivery-parts li { flex-wrap:wrap; }
}

.ermiy-photo-delivery-parts .ermiy-photo-thumb { width:132px; height:96px; flex:0 0 132px; }

.ermiy-photo-heading { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-6); margin-bottom:var(--space-6); }
.ermiy-photo-heading h2 { font-size:32px; line-height:1.12; letter-spacing:-.02em; margin:0; }
@media(max-width:700px) { .ermiy-photo-heading h2 { font-size:24px; } }