.sync-banner{display:flex;gap:6px;background:#e5f0fb;padding:8px;position:relative;z-index:3}.sync-banner button:first-child{flex:1;text-align:left;font-size:14px}.setup-card{max-width:620px;margin:24px auto;padding:24px;background:white;border-radius:15px}.setup-card label{display:block;margin-top:18px}.setup-card button{margin-top:16px}.sync-sheet{padding:20px}.sync-sheet h2{margin-top:0}.sync-sheet label{display:block;margin-top:14px}.sync-sheet button{margin:6px 3px}.sync-error{color:#a12727;white-space:pre-wrap}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card{border:1px solid #ccd7e2;border-radius:12px;background:#fff;padding:8px;min-width:0}.media-card button{width:100%;border:0;text-align:left;padding:4px}.media-card img{width:100%;height:150px;object-fit:cover;border-radius:8px}.media-placeholder{height:120px;display:grid;place-items:center;background:#eaf1f8}.media-card p{margin:5px 0;overflow-wrap:anywhere}.day-photos{border:1px solid #a9bed2;border-radius:10px;padding:8px;background:#edf4fb}.day-photos .previews{display:flex;gap:5px;margin:4px 0}.day-photos img{width:calc((100% - 10px)/3);height:68px;object-fit:cover;border-radius:6px}.day-photos button{width:100%;background:transparent;border:0;text-align:left}.media-view img,.media-view video{max-width:100%;max-height:60dvh;width:100%;object-fit:contain}.record-json{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;background:#eef3f8;padding:10px;max-height:200px;overflow:auto}.file-button{display:block;background:#155d9d;color:#fff;padding:13px;border-radius:10px;margin-top:12px;cursor:pointer}.file-button input{display:none}.sync-sheet details{border-top:1px solid #d5e0eb;padding-top:8px}.sync-sheet small{display:block}.cloud-tools{display:flex;gap:8px;flex-wrap:wrap}.cloud-tools button{flex:1}.sync-sheet input[type=file]{font-size:14px}.day-photos .subtle{margin:4px}.media-count{font-weight:bold}@media(min-width:650px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}