/* «Лукбуки» (lookbooks.js). Shared Journey tokens and the content editor's classes (content.css) only. */
#lookbooks .panel { margin-bottom:22px; }
#lookbooks .panel-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px 16px; }
#lookbooks code { font-size:var(--journey-type-caption-size); }
.lookbook-list, .lookbook-looks, .lookbook-items, .lookbook-results, .lookbook-preview-items { list-style:none; margin:0; padding:0; }
.lookbook-list { display:grid; gap:14px; }
.lookbook-row { display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:16px; align-items:start; padding:12px 0; border-bottom:1px solid var(--journey-color-border-subtle); }
.lookbook-row:last-child { border-bottom:0; }
.lookbook-row p { margin:4px 0; }
.lookbook-cover { display:block; width:96px; }
.lookbook-cover .content-photo-state { padding:var(--journey-spacing-8); }
.lookbook-row-actions { display:flex; flex-direction:column; gap:6px; }
.lookbook-blockers { margin:6px 0; padding:0; list-style:none; display:grid; gap:4px; }
.lookbook-blockers li { padding:4px 8px; border-radius:6px; background:var(--journey-color-status-warning-bg); color:var(--journey-color-status-warning-fg); font-size:var(--journey-type-caption-size); }
.lookbook-cover-field { border:0; padding:0; margin:0; }
.lookbook-cover-field legend { font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); margin-bottom:8px; }
.lookbook-cover-options { display:grid; grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:var(--journey-spacing-12); }
/* «Цвета» and «Материалы»: checkbox lists as on the old site (owner's answer 2026-11-10). */
.lookbook-choices { border:0; padding:0; margin:0; }
.lookbook-choices legend { font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); margin-bottom:8px; }
.lookbook-choice-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:8px var(--journey-spacing-12); }
.content-form label.radio-tile { margin:0; }
.lookbook-looks { display:grid; gap:18px; margin-bottom:16px; }
.lookbook-look fieldset { margin:0; padding:16px; border:1px solid var(--journey-color-border-subtle); border-radius:10px; background:var(--journey-color-bg-surface); min-width:0; }
.lookbook-look legend { padding:0 6px; font-weight:600; color:var(--journey-color-text-primary); }
.lookbook-subhead { margin:14px 0 8px; font-size:var(--journey-type-footnote-size); font-weight:600; color:var(--journey-color-text-primary); }
.lookbook-items { display:grid; gap:8px; }
.lookbook-item { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto; gap:10px; align-items:center; padding:8px 10px; border-radius:8px; background:var(--journey-color-bg-subtle); font-size:var(--journey-type-footnote-size); }
.lookbook-item p { margin:2px 0 0; }
.lookbook-item select { padding:6px 8px; min-height:36px; width:100%; border:1px solid var(--journey-color-border-subtle); border-radius:6px; background:var(--journey-color-bg-surface); color:var(--journey-color-text-primary); font:inherit; font-size:var(--journey-type-caption-size); }
.lookbook-picker { margin-top:10px; }
.lookbook-picker label, .content-upload label { display:grid; gap:7px; font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); }
.lookbook-picker input, .content-upload select { padding:9px 10px; min-height:40px; width:100%; border:1px solid var(--journey-color-border-subtle); border-radius:6px; background:var(--journey-color-bg-surface); color:var(--journey-color-text-primary); font:inherit; font-size:var(--journey-type-footnote-size); }
.lookbook-results { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.lookbook-results button { min-height:34px; font-size:var(--journey-type-caption-size); }
.lookbook-preview { display:grid; gap:14px; }
.lookbook-preview h3 { margin:0; font-size:var(--journey-type-title-3-size); color:var(--journey-color-text-primary); }
.lookbook-preview h4 { margin:0 0 8px; font-size:var(--journey-type-body-size); color:var(--journey-color-text-primary); }
.lookbook-preview-text { margin:0; white-space:pre-line; font-size:var(--journey-type-footnote-size); line-height:1.55; color:var(--journey-color-text-primary); }
.lookbook-preview-cover { max-width:270px; }
.lookbook-preview-look { padding-top:12px; border-top:1px solid var(--journey-color-border-subtle); display:grid; gap:8px; }
.lookbook-preview-photos { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; }
.lookbook-preview-items { display:grid; gap:4px; font-size:var(--journey-type-footnote-size); }
@media(max-width:600px){
  .lookbook-row { grid-template-columns:72px minmax(0,1fr); }
  .lookbook-cover { width:72px; }
  .lookbook-row-actions { grid-column:1 / -1; flex-direction:row; }
  .lookbook-item { grid-template-columns:minmax(0,1fr); }
  #lookbooks .page-heading { flex-direction:column; align-items:flex-start; }
}