/* Photo composition only. Keep the app's approved colors and button actions. */
.moment-entry{padding:0 var(--mori-card-padding);overflow:hidden}
.moment-entry summary{padding:16px 0;gap:12px}
.moment-copy{flex:1;gap:8px}
.moment-entry .moment-note{font-size:16px;line-height:1.65;color:var(--ink);white-space:pre-wrap}
.moment-disclosure{font-size:13px;line-height:1.5;color:var(--ink-2);flex-shrink:0}
.moment-entry[open] .moment-thumb,.moment-entry[open] .moment-note{display:none}
.moment-content{padding:0 0 20px}
.moment-content .moment-preview{width:100%;height:auto;max-height:44dvh;object-fit:contain;margin:0 auto 20px;border-radius:var(--mori-photo-radius)}
.moment-caption{font-size:16px;line-height:1.65;letter-spacing:-.2px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px}
.moment-content .moment-edit{width:auto;min-height:44px;font-size:16px;line-height:1.5;margin:0;padding:8px 16px;color:var(--ink);background:var(--ground);border-color:var(--line)}
.moment-error{font-size:13px;line-height:1.5;color:var(--ink-2)}
.feature-dialog.photo-editor-dialog[open]{
  position:fixed;inset:auto;top:var(--photo-editor-top,12px);left:var(--photo-editor-left,12px);
  width:var(--photo-editor-width,calc(100vw - 24px));height:var(--photo-editor-height,calc(100dvh - 24px));
  min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:16px;
  display:flex;flex-direction:column;gap:12px;overflow:hidden;box-sizing:border-box;
}
.photo-editor-dialog>h2{flex:0 0 auto;margin:0;font-size:20px;line-height:1.35}
.photo-editor-dialog .photo-editor-scroll{
  flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:8px;
  padding:2px 2px 12px;
}
.photo-editor-dialog .photo-editor-preview{
  display:block;width:100%;height:auto;max-height:min(30dvh,240px);object-fit:contain;
  margin:12px auto;border-radius:var(--r-md,12px);
}
.photo-editor-dialog.photo-editor-editing .photo-editor-preview{max-height:88px;margin:8px auto}
.photo-editor-dialog .photo-editor-scroll input,.photo-editor-dialog .photo-editor-scroll textarea,
.photo-editor-dialog .photo-editor-scroll select{font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
.photo-editor-dialog .photo-editor-note{width:100%;min-height:88px;line-height:1.5;resize:vertical}
.photo-editor-dialog .photo-editor-actions{
  flex:0 0 auto;position:sticky;bottom:0;display:flex;align-items:stretch;gap:10px;
  padding-top:10px;padding-bottom:max(0px,env(safe-area-inset-bottom) - 12px);
  background:var(--surface,#fff);border-top:1px solid var(--line,#e4e5e7);
}
.photo-editor-dialog .photo-editor-actions .expbtn{margin:0;min-height:48px;font-size:16px;line-height:1.4}
.photo-editor-dialog .photo-editor-close{flex:0 0 auto;width:auto;min-width:68px;padding:10px 14px}
.photo-editor-dialog .photo-editor-save{flex:1 1 auto;min-width:0;width:auto;padding:10px 14px}
@media(max-height:450px){
  .feature-dialog.photo-editor-dialog[open]{padding:10px 12px;gap:8px}
  .photo-editor-dialog>h2{font-size:18px}
  .photo-editor-dialog .photo-editor-actions{padding-top:8px;padding-bottom:0}
}