.note-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:14px 0;max-width:900px}.note-photo-gallery img{display:block;width:100%;height:150px;object-fit:contain;background:#879b9120;border-radius:8px}.note-photo-preview{display:flex;flex-direction:column;gap:8px;min-width:0}.note-photo-preview input[type=checkbox]{width:auto}.note-photo-editor{border:1px solid #8b9c9255;border-radius:10px;padding:14px;margin:16px 0}.note-file-label{position:relative;overflow:hidden;cursor:pointer;min-height:44px}.note-file-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.note-file-label:focus-within{outline:3px solid #df9c37}.note-photo-editor button,.note-photo-preview button{min-height:44px}.note-camera{width:min(800px,94vw);max-height:92vh;overflow:auto;border:1px solid #789487;border-radius:12px;padding:18px;background:var(--card,#fff);color:var(--text,#20372c)}.note-camera::backdrop{background:#000a}.note-camera video{display:block;width:100%;max-height:55vh;background:#111;object-fit:contain;border-radius:10px;margin:12px 0}.note-camera .toolbar{justify-content:space-between}.note-photo-editor [hidden]{display:none!important}@media(max-width:600px){.note-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.note-photo-gallery img{height:125px}.note-camera{padding:12px}.note-photo-editor .toolbar{flex-wrap:wrap}}
.note-photo-viewer{position:fixed;margin:0;box-sizing:border-box;padding:14px 14px 40px;min-width:0;min-height:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border:1px solid #83958a;border-radius:12px;background:var(--card,#fff);color:var(--text,#20372c);overflow:hidden}.note-photo-viewer[open]{display:flex;flex-direction:column;gap:10px}.note-photo-viewer::backdrop{background:#000b}.note-viewer-header,.note-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.note-viewer-header button,.note-viewer-footer button{min-height:44px}.note-viewer-image{display:block;flex:1 1 0;min-height:0;min-width:0;object-fit:contain;width:100%;background:#879b9115;border-radius:6px}.note-viewer-hint{font-size:12px;flex-shrink:0;padding-right:24px}.note-viewer-resize{position:absolute;bottom:3px;right:3px;width:36px;height:36px;min-width:36px;padding:0;border-radius:5px;font-size:24px;cursor:nwse-resize;touch-action:none;user-select:none}.note-viewer-footer span{text-align:center;font-size:14px}.note-viewer-footer button:disabled{opacity:.4;cursor:default}@media(max-width:420px){.note-photo-viewer{padding:10px 10px 38px}.note-viewer-hint{font-size:11px}.note-viewer-header strong{font-size:15px}}