:root{color-scheme:light;--aix-paper:#FAFAF9;--aix-ink:#1D1D1F;--aix-muted:#626266;--aix-border:#86868B;--aix-focus:#2855C5}*{box-sizing:border-box}body{margin:0;background:var(--aix-paper);color:var(--aix-ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1040px;margin:auto;padding:0 32px}header{display:flex;align-items:center;gap:20px;min-height:96px;border-bottom:1px solid #dedee2}header a{font-size:22px;font-weight:650;color:inherit;text-decoration:none}header span{color:var(--aix-muted)}header button{margin-left:auto}.eyebrow{color:var(--aix-muted);font-size:14px;margin:0}h1{font-size:40px;line-height:1.25;margin:12px 0}p{color:var(--aix-muted)}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:56px 0 32px}button,input{font:inherit;min-height:44px;border:1px solid var(--aix-border);border-radius:8px;padding:8px 16px;background:white;color:var(--aix-ink);max-width:100%}button{cursor:pointer;transition:background .16s}button:hover{background:#ececef}button:active{background:#dedee2}.primary{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.primary:hover{background:#38383a}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,#drop:focus-visible{outline:3px solid var(--aix-focus);outline-offset:3px}#drop{padding:24px;border:1px dashed var(--aix-border);border-radius:16px;text-align:center;color:var(--aix-muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}#images{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.photo{min-width:0;background:#fff;border:1px solid #dedee2;border-radius:16px;overflow:hidden}.photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#ececef}.details{padding:16px}.details label{display:block;font-size:14px;color:var(--aix-muted);margin-bottom:8px}.details input{width:100%;min-width:0}.details p{font-size:14px;margin:12px 0 0}.details time{display:block;font-size:12px;color:var(--aix-muted);margin-top:8px}.success{color:#246841}.failure{color:#b42332}#status{min-height:26px;white-space:pre-line}#login{max-width:520px;margin:72px auto}form{margin-top:32px}.login-row{display:flex;gap:12px;margin-top:8px}.login-row input{min-width:0;flex:1}footer{margin:56px 0 24px;color:var(--aix-muted);font-size:14px}[hidden]{display:none!important}@media(max-width:540px){main{padding:0 20px}header{min-height:80px;gap:12px}.intro{margin-top:32px;gap:16px}h1{font-size:30px}.intro p{font-size:14px}.intro button{white-space:nowrap}#images{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}#drop{padding:20px;font-size:14px}.login-row{flex-wrap:wrap}.login-row input{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Containers also reflow when the user magnifies the page. */
main{container-type:inline-size}header{flex-wrap:wrap;padding:16px 0}header a,header span{flex-shrink:0}.intro{flex-wrap:wrap}.intro>div{flex:1 1 200px}
.details .delete{margin-top:16px;min-height:36px;padding:4px 14px;background:transparent;color:#b42332;border-color:#dedee2}.details .delete:hover{background:#fff1f2}#undo{margin-top:0}
textarea{font:inherit;line-height:1.5;display:block;width:100%;padding:10px 12px;margin-top:8px;border:1px solid var(--aix-border);border-radius:8px;resize:vertical;background:white;color:var(--aix-ink)}textarea:focus-visible{outline:3px solid var(--aix-focus);outline-offset:3px}.capture-actions{display:flex;gap:12px;flex-wrap:wrap}.details textarea{font-size:14px;max-height:280px}.details textarea[readonly]{background:var(--aix-paper)}#note-form{border:1px solid #dedee2;border-radius:16px;padding:24px;margin:24px 0}#note-form .note-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px}#note-form label{color:var(--aix-muted);font-size:14px}#note-form textarea{min-height:150px}
@media(max-width:360px){main{padding:0 12px}}
@container(max-width:260px){header{gap:8px}.intro{display:block}.intro>button{margin-top:16px}h1{font-size:26px}.details{padding:8px}.details input{padding:4px;font-size:14px}#drop{padding:12px}}