.memory-studio-dialog{width:min(480px,calc(100vw - 24px));padding:24px 22px 18px;overflow-y:auto;scrollbar-width:none;scrollbar-color:#bcc2af transparent}.memory-studio-header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.memory-studio-header h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-1px;margin:10px 0 6px}.memory-studio-header p{font-size:12px;line-height:1.8;color:#6c7863;margin:0}.memory-studio-header .eyebrow{font-size:8px;letter-spacing:1.5px}.memory-studio-header .icon-button{flex:0 0 44px;margin:-9px -10px 0 0}.memory-studio-preview-wrap{padding:16px 0 8px;display:flex;justify-content:center;background:#ece9df;border-radius:10px;margin:20px 0 8px;min-height:120px}.memory-studio-preview-wrap canvas{display:block;max-width:100%;max-height:270px;width:auto;height:auto;object-fit:contain;box-shadow:0 5px 17px #29311b14}.memory-studio-source{font-size:10px;line-height:1.7;color:#7b866d;text-align:center;margin:7px 0 21px}.memory-studio-field{margin:18px 0}.memory-studio-field>label,.memory-studio-field>legend{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#475b3d;margin-bottom:9px}.memory-studio-field output{font-size:11px;color:#657958;font-variant-numeric:tabular-nums}.memory-studio-field p{font-size:11px;line-height:1.8;color:#748168;margin:8px 0}.print-style-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.print-style-options button{padding:12px;text-align:left;min-height:66px;border:1px solid #dce0d2;border-radius:9px;transition:background .15s,color .15s}.print-style-options strong{display:block;font-size:12px;font-weight:500}.print-style-options small{display:block;font-size:10px;color:#7b876f;line-height:1.6;margin-top:5px}.print-style-options button[aria-pressed=true]{background:#e5ebda;border-color:#9eaf8b;color:#354f2a}.memory-studio-field input[type=text]{width:100%;min-height:48px;border:1px solid #c9d1bc;border-radius:8px;background:#fffdf7;padding:12px;color:#34482d;font:13px/1.7 var(--sans)}.memory-studio-field input[type=text]::placeholder{color:#8b9481}.memory-writing-prompts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.memory-writing-prompts button{min-height:36px;padding:7px 10px;border-radius:20px;background:#eeeee4;font-size:10px;color:#6c7f5a}.memory-date-row{display:flex;align-items:center;gap:12px;justify-content:space-between}.memory-date-label{font-size:12px;display:flex;align-items:center;gap:7px;min-height:44px}.memory-date-label input{width:17px;height:17px;accent-color:#657e4f}.memory-date-row input[type=date]{font:12px var(--sans);padding:10px;min-height:44px;border:1px solid #c9d1bc;border-radius:8px;background:#fffdf7;color:#4e6440;min-width:0;max-width:60%}.memory-light-controls{margin:22px 0;border-top:1px solid #e1e3d6;border-bottom:1px solid #e1e3d6;padding-block:2px}.memory-light-controls summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#526c42;cursor:pointer;list-style:none}.memory-light-controls summary:after{content:'+';font-size:20px;font-weight:300}.memory-light-controls[open] summary:after{content:'−'}.memory-light-controls .memory-studio-field{margin:12px 0 20px}.memory-studio-actions{display:flex;gap:8px;position:sticky;bottom:-18px;background:var(--paper);padding:12px 0 18px;margin-bottom:-18px;z-index:1}.memory-studio-actions button{min-height:48px}.memory-studio-actions .primary-button{flex:1}.memory-studio-actions .text-button{font-size:12px;flex:0 0 94px}.memory-studio-error{font-size:12px;line-height:1.8;color:#8e4c37;background:#f4e6da;padding:11px;border-radius:8px}.memory-studio-entry{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;border:1px solid #cbd4bd;border-radius:8px;padding:10px 12px;color:#4f6a3d;font-size:12px;background:#eff1e7}.memory-studio-entry small{font-size:10px;color:#7c8d6d}.camera-section-actions{display:flex;gap:2px;flex-shrink:0}.camera-section-actions .subtle-button{font-size:11px;padding-inline:6px;white-space:nowrap}.camera-section-actions output{font:9px var(--sans);display:inline-grid;place-items:center;min-width:17px;min-height:17px;background:#e5eadd;border-radius:50%;margin-left:-3px}.memory-result-save{margin:14px 0 10px;width:100%;font-size:12px;min-height:46px}.recommendation-cameras{grid-template-columns:none;grid-auto-columns:calc((100% - 20px)/3);grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-top:3px;padding-bottom:10px}.recommendation-camera{scroll-snap-align:start}.collection-card .camera-access.is-new{background:#637b4d;color:#fff9ec}.film-categories{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.film-category{flex-shrink:0}.memory-current-note{font-size:10px;color:#76866a;line-height:1.7;max-width:180px;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-box-open-label{display:flex;align-items:center;gap:4px}
@media(max-width:359px){.memory-studio-dialog{padding-inline:16px}.memory-studio-header h2{font-size:23px}.memory-studio-preview-wrap canvas{max-height:230px}.memory-date-row{gap:5px}.camera-section-actions .subtle-button{font-size:10px;padding-inline:4px}.section-heading h2{font-size:17px}.memory-studio-entry small{font-size:9px}.memory-writing-prompts button{font-size:9px}}
.result-compare-button{font-size:12px;min-height:44px;margin:8px auto 0;display:flex;align-items:center;justify-content:center;color:#526e40;text-decoration:underline;text-underline-offset:4px}.memory-writing-prompts button{min-height:44px}.memory-light-controls input[type=range]{min-height:44px}.memory-studio-field input[type=text]:focus,.memory-date-row input[type=date]:focus{outline:2px solid #6a8056;outline-offset:2px}
@media(max-width:759px){.collection-invite{display:none}.viewfinder.is-sample .start-caption{font-size:12px;line-height:1.7;max-width:90%}.camera-section-actions .collection-open{gap:3px}}
@media(max-width:759px) and (min-height:721px){.app-header{height:66px}.shutter-caption{display:none}.capture-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}}

/* Four recommendations stay visible, without a second scroll direction. */
.recommendation-cameras{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;gap:14px 10px;padding-bottom:18px}
.recommendation-art{height:88px}
.recommendation-camera strong{font-size:11px}
.recommendation-camera small{font-size:9px}
.collection-dialog .film-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px;margin:0}
.collection-dialog .film-category{min-height:44px;padding-inline:12px}
dialog.memory-studio-dialog{scroll-padding-bottom:104px}
.memory-studio-actions{bottom:0;margin-bottom:0;border-top:1px solid #e1e3d6;box-shadow:0 -8px 18px #fffdf5c9;padding-top:14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.memory-studio-actions .text-button{color:#657655}
@media(min-width:760px){.recommendation-cameras{grid-template-columns:repeat(4,minmax(0,1fr))}.recommendation-art{height:80px}}

@media(min-width:760px){.collection-dialog .film-categories{grid-template-columns:repeat(6,minmax(0,1fr))}}