/* The finished photograph stays visible while saving choices stay within reach. */
dialog.result-dialog.app-sheet { width:min(480px,100%); height:calc(100dvh - max(8px,env(safe-area-inset-top))); max-height:calc(100dvh - max(8px,env(safe-area-inset-top))); padding:0; }
.result-dialog.app-sheet .sheet-handle { flex-basis:18px; }
.result-dialog.app-sheet .result-header { flex:0 0 auto; min-height:60px; margin:0; padding:0 14px 10px; text-align:center; gap:8px; }
.result-dialog.app-sheet .result-header .eyebrow { font-size:10px; color:#8a927e; letter-spacing:.2px; }
.result-dialog.app-sheet .result-header h2 { font-size:23px; line-height:1.4; margin:4px 0 0; letter-spacing:-.7px; }
.result-dialog.app-sheet .result-header .icon-button { flex:0 0 44px; border-radius:50%; background:#efefe5; }
.result-frame-options { display:grid; grid-template-columns:1fr 1fr; flex:0 0 auto; gap:4px; padding:4px; margin:0 20px 10px; border-radius:13px; background:#eceee3; }
.result-frame-options button { min-width:0; min-height:44px; padding:8px 5px; border-radius:10px; font-size:12px; color:#65735b; }
.result-frame-options button[aria-pressed=true] { color:#435e35; background:#fffdf7; font-weight:600; box-shadow:0 2px 7px #3e492311; }
.result-preview-area { display:flex; flex-direction:column; flex:1 1 0; min-height:140px; padding:0 20px; }
.result-dialog.app-sheet .result-image-wrap { flex:1 1 0; min-height:0; width:100%; overflow:hidden; padding:10px; border-radius:19px; background:#eae8dc; }
.result-dialog.app-sheet .result-image-wrap img { width:100%; height:100%; min-height:0; max-height:100%; object-fit:contain; border-radius:2px; }
.result-dialog.app-sheet .result-original-hint { bottom:18px; font-size:9px; padding:5px 10px; background:#2e3821a3; }
.result-dialog.app-sheet .result-compare-button { flex:0 0 44px; min-height:44px; padding:6px 12px; margin:0 auto; font-size:10px; color:#758366; }
.result-dialog.app-sheet .result-info { flex:0 1 auto; min-height:0; max-height:150px; padding:0 20px; }
.result-dialog.app-sheet .result-copy { min-height:48px; gap:12px; margin:0; padding:3px 0 8px; }
.result-dialog.app-sheet .result-copy>div { min-width:0; }
.result-dialog.app-sheet .result-copy .result-camera-label { display:block; font-family:inherit; font-size:10px; color:#65735b; margin-bottom:2px; }
.result-dialog.app-sheet #result-film { display:block; font-family:var(--serif); font-size:17px; font-weight:400; line-height:1.5; }
.result-dialog.app-sheet #result-frame-note { margin:2px 0 0; font-size:10px; color:#65735b; line-height:1.6; }
.result-dialog.app-sheet .result-check { flex-shrink:0; width:26px; height:26px; }
.result-save-help { border-top:1px solid #e2e4d8; }
.result-save-help summary { display:flex; align-items:center; justify-content:space-between; min-height:44px; gap:12px; list-style:none; cursor:pointer; font-size:11px; color:#65735b; }
.result-save-help summary::-webkit-details-marker { display:none; }
.result-save-help summary svg { width:13px; height:13px; transform:rotate(90deg); transition:transform .18s; }
.result-save-help[open] summary svg { transform:rotate(-90deg); }
.result-save-help #result-detail { font-size:10px; color:#65735b; line-height:1.6; margin:0 0 6px; overflow-wrap:anywhere; }
.result-save-help .result-help { text-align:left; margin:0; font-size:11px; line-height:1.7; color:#65735b; }
.result-save-help #open-image-button { min-height:44px; margin:3px 0 7px; padding:8px 0; text-align:left; font-size:11px; color:#65735b; }
.result-save-panel { flex:0 0 auto; padding:9px 20px max(14px,env(safe-area-inset-bottom)); border-top:1px solid #e1e3d6; background:#fbf9f3; }
.result-dialog.app-sheet .memory-result-save { width:100%; min-height:44px; margin:0; border-color:#cbd3be; border-radius:13px; background:#eff1e6; font-size:12px; line-height:1.5; }
.result-local-save>p { margin:5px 0 0; font-size:10px; color:#65735b; line-height:1.5; text-align:center; }
.result-dialog.app-sheet .memory-save-status { margin:5px 0 0; font-size:10px; line-height:1.6; max-height:48px; overflow:auto; color:#738163; }
.result-dialog.app-sheet .memory-save-status.is-error { color:#99534a; }
.result-dialog.app-sheet .save-notice { min-height:35px; margin:8px 0; font-size:11px; line-height:1.6; color:#65735b; text-align:center; text-wrap:pretty; }
.result-dialog.app-sheet .result-actions { display:flex; flex-direction:row; gap:8px; }
.result-dialog.app-sheet .result-actions>button { flex:1 1 0; min-width:0; min-height:48px; border-radius:14px; padding:10px 8px; font-size:12px; line-height:1.5; }
.result-dialog.app-sheet .result-actions>button:disabled { opacity:.55; }
@media(max-width:359px) {
  .result-dialog.app-sheet .sheet-handle { flex-basis:14px; }
  .result-dialog.app-sheet .result-header { min-height:53px; padding-bottom:7px; }
  .result-dialog.app-sheet .result-header h2 { font-size:21px; }
  .result-preview-area { padding-inline:14px; }
  .result-frame-options { margin-inline:14px; margin-bottom:7px; }
  .result-dialog.app-sheet .result-info { padding-inline:14px; max-height:135px; }
  .result-dialog.app-sheet .result-copy { min-height:43px; padding-bottom:5px; }
  .result-save-panel { padding:8px 14px max(10px,env(safe-area-inset-bottom)); }
  .result-dialog.app-sheet .save-notice { margin-block:6px; }
}
@media(min-width:760px) {
  dialog.result-dialog.app-sheet { height:min(90dvh,900px); max-height:calc(100dvh - 24px); }
}
@media(max-height:560px) and (orientation:landscape) {
  dialog.result-dialog.app-sheet[open] { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,43%); grid-template-rows:14px 54px auto minmax(0,1fr) auto; width:min(760px,100%); height:calc(100dvh - 8px); gap:0 14px; }
  .result-dialog.app-sheet .sheet-handle { grid-column:1/-1; height:14px; }
  .result-dialog.app-sheet .result-header { grid-column:1/-1; grid-row:2; min-height:0; padding-bottom:8px; }
  .result-dialog.app-sheet .result-header h2 { font-size:20px; }
  .result-frame-options { grid-column:2; grid-row:3; margin:0 14px 5px 0; }
  .result-preview-area { grid-column:1; grid-row:3/6; min-height:0; padding:0 0 8px 14px; }
  .result-dialog.app-sheet .result-info { grid-column:2; grid-row:4; max-height:none; padding:0 14px 0 0; }
  .result-save-panel { grid-column:2; grid-row:5; padding:7px 14px max(8px,env(safe-area-inset-bottom)) 0; border:0; background:transparent; }
  .result-local-save>p { font-size:10px; margin-top:3px; }
  .result-dialog.app-sheet .memory-save-status { max-height:32px; font-size:9px; }
  .result-dialog.app-sheet .save-notice { font-size:10px; min-height:0; margin-block:5px; }
  .result-dialog.app-sheet .result-actions>button { font-size:10px; padding-inline:5px; }
}
@media(prefers-reduced-motion:reduce) { .result-save-help summary svg { transition:none; } }
@media(forced-colors:active) { .result-frame-options button[aria-pressed=true] { outline:2px solid Highlight; outline-offset:-3px; } }