/* Owned Start & save media composition. Original app pixels; no command styles. */
#start-save .beauty-start-story { display: grid; gap: 22px; }
#start-save .beauty-start-view { margin: 0; padding: 24px; border: 1px solid #bdb29f; border-radius: 16px; background: linear-gradient(135deg, #fffdf8 0%, #e2d9c9 100%); box-shadow: 0 2px 0 #d0c5b2, 0 12px 24px rgb(58 45 28 / 7%); }
#start-save .beauty-start-view-title { display: flex; gap: 14px; align-items: baseline; margin-bottom: 18px; }
#start-save .beauty-start-view-title > span { font: 600 18px/1.5 var(--mono); color: #b05b21; }
#start-save .beauty-start-view-title h3 { margin: 0; font: 600 22px/1.35 var(--sans); }
#start-save .beauty-start-frame { overflow: hidden; padding: 7px; border-radius: 12px; background: #39352e; border: 1px solid #24221d; box-shadow: inset 0 1px 0 #70675b, 0 4px 8px rgb(42 36 28 / 12%); }
#start-save .beauty-start-screen { overflow: hidden; border: 1px solid #aaa18f; border-radius: 5px; background: #ede9e1; }
#start-save .beauty-start-screen img { display: block; width: 100%; height: 100%; object-fit: cover; }
#start-save .beauty-start-screen-recording { aspect-ratio: 1290 / 1060; }
#start-save .beauty-start-screen-recording img { object-position: center bottom; }
#start-save .beauty-start-screen-library { aspect-ratio: 1320 / 1370; }
#start-save .beauty-start-screen-library img { object-position: center 11%; }
#start-save .beauty-start-view figcaption { max-width: none; margin-top: 18px; font: 400 18px/1.55 "Open Sans", sans-serif; color: #514736; }
#start-save .beauty-start-view figcaption p { margin: 0; font: inherit; }
#start-save .beauty-start-view figcaption .beauty-start-capture { margin-top: 14px; padding-top: 12px; border-top: 1px solid #c4b8a2; color: #665740; }
#start-save .beauty-start-handoff { margin: 0 24px; padding-left: 18px; border-left: 3px solid #c87030; }
#start-save .beauty-start-handoff > span { font: 600 15px/1.5 var(--mono); letter-spacing: .035em; color: #665740; }
#start-save .beauty-start-handoff p { margin: 5px 0 0; font: 600 18px/1.5 "Open Sans", sans-serif; }
#start-save .beauty-start-handoff p span { display: inline; padding: 0 6px; color: #9d5625; }
#start-save .beauty-start-provenance { margin: 0 4px; font: 400 18px/1.55 "Open Sans", sans-serif; color: #665740; }
@media (max-width: 820px) {
  #start-save .beauty-start-view { padding: 18px; border-radius: 12px; }
  #start-save .beauty-start-view-title { gap: 12px; margin-bottom: 16px; }
  #start-save .beauty-start-view-title h3 { font-size: 22px; }
  #start-save .beauty-start-handoff { margin-inline: 18px; }
  #start-save .beauty-start-frame { padding: 6px; }
}
