/* SalesVidGen — Premium N4: "What it shows · camera" (premiumChangeScene.js), "Use a project photo" (premiumScenePhotoPick.js),
   "Change this scene" before Film again (premiumFilmFirst.js) and the "What can I change?" sheet (premiumHelpChange.js).
   App theme tokens only; phone first (390 px), nothing scrolls sideways. */
.pcsc { display: grid; gap: 0.45rem; min-width: 0; }
.pcsc textarea, .pcsc input[type="text"] { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }
.pcsc-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.pcsc-chip { min-height: 40px; padding: 0.4rem 0.75rem; border: 1px solid var(--border-color); border-radius: 999px; background: var(--bg-base);
  color: var(--text-primary); font: inherit; font-size: 0.86rem; cursor: pointer; text-align: left; }
.pcsc-chip:hover { border-color: var(--accent); }
.pcsc-chip[aria-pressed="true"] { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); color: var(--accent); font-weight: 600; }
.pcsc-chip.is-own { cursor: default; }
.pcsc-pro summary { cursor: pointer; font-size: 0.85rem; color: var(--text-secondary); }
.pcsc-pro { display: grid; gap: 0.35rem; }
.pcsc-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; }
.pcsc-state { font-size: 0.82rem; color: var(--success); }

.psp-grid { list-style: none; margin: 0.5rem 0 0; padding: 0; display: grid; gap: 0.5rem; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
.psp-card { display: grid; gap: 0.35rem; min-width: 0; }
.psp-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-sm, 8px); cursor: zoom-in; }

.bd-btns { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.bd-scene, .bd-photo { padding: 0.75rem; border-top: 1px solid var(--border-color); }

.pf1-hint { max-width: 62ch; margin: 0; font-size: 0.9rem; line-height: 1.5; color: var(--text-secondary); }
.pf1-top { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 0.8rem; align-items: start; margin-bottom: 0.75rem; }
.pf1-pic img, .pf1-pic .pcs-blank { display: block; width: 72px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius-sm, 8px); cursor: zoom-in; }
.pf1-chip { margin: 0 0 0.25rem; font-weight: 600; font-size: 0.88rem; color: var(--text-primary); }
.pf1-dialog .pcs-choices { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.45rem; }
.pf1-edit { margin: 0.75rem 0 0; }

.phc-open { justify-self: start; }
.phc-sheet h4 { margin: 0.9rem 0 0.25rem; font-size: 0.98rem; color: var(--text-primary); }
.phc-sheet p, .phc-sheet li { font-size: 0.9rem; line-height: 1.5; color: var(--text-secondary); }
.phc-sheet ul { margin: 0.2rem 0 0; padding-left: 1.1rem; }
.phc-sheet .phc-price { color: var(--text-primary); font-weight: 600; white-space: nowrap; }