/* A quiet, camera-first capture sheet; all originals use the existing durable upload path. */
body.capture-open{overflow:hidden}
#capture{width:min(640px,100vw);padding:0;border:0;border-radius:22px;max-height:94dvh;overscroll-behavior:contain;scroll-behavior:auto}
#capture [hidden]{display:none!important}
.capture-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--paper);border-bottom:1px solid var(--line)}
.capture-top button{font-size:22px;min-width:44px;min-height:44px;border-radius:50%}
#capture-step{font-size:10px;letter-spacing:.19em;color:var(--accent);font-weight:600}
#capture-form{margin:0}#capture-photos,#capture-review{padding:26px 28px 12px}
.capture-heading h2,#capture-title{font:normal 48px/.98 var(--serif);letter-spacing:-2px;margin:15px 0 16px}.capture-heading h2 i{font-weight:normal;color:var(--accent)}
.capture-heading p{font-size:14px;line-height:1.6;color:var(--muted);max-width:340px;margin-bottom:23px}
#capture .photo-stage{padding:0;border:0;background:none}
.camera-stage{position:relative;display:grid;place-items:center;isolation:isolate;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#e7e3d9;color:var(--ink)}
.camera-placeholder{text-align:center;padding:20px;position:relative;z-index:1}.camera-placeholder>span{font:42px var(--serif);color:var(--accent)}.camera-placeholder p{font:21px var(--serif);margin:12px 0 22px}
#capture #take-photo{border-radius:30px;padding:14px 28px;min-height:48px}
.photo-library{display:block;font-size:13px;font-weight:400;text-decoration:underline;text-underline-offset:4px;margin:18px 0 0;cursor:pointer;padding:8px}
#capture .photo-stage>input.capture-file{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden}
#capture .camera-view{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;object-fit:contain;background:#181b17}
.camera-live .camera-placeholder{visibility:hidden}.camera-live .camera-stage{aspect-ratio:3/4;background:#181b17}
#snap-photo{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;border:3px solid white;background:transparent;padding:5px;z-index:3;touch-action:manipulation}
#snap-photo span{display:block;width:100%;height:100%;border-radius:50%;background:white;transition:transform .1s}#snap-photo:active span{transform:scale(.85)}
#stop-camera{position:absolute;top:14px;right:14px;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#0006;color:white;z-index:3;font-size:19px}
#camera-flash{position:absolute;inset:0;background:white;opacity:0;pointer-events:none;z-index:4}#camera-flash.flash{animation:shutter-flash .3s ease-out}
@keyframes shutter-flash{0%{opacity:.85}100%{opacity:0}}
#camera-confirmation{position:absolute;top:18px;left:14px;z-index:3;border-radius:20px;background:#203626e8;color:white;font-size:12px;padding:10px 14px}#camera-confirmation:empty{display:none}
#capture .capture-progress{padding:16px 0 5px;margin:0;border:0;background:none;gap:10px}#capture-count{font-size:13px}#capture-phase{font-size:11px;text-align:right}
.capture-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:10px 1px;scrollbar-width:thin}.capture-thumbnails:empty{display:none}
.capture-thumb{flex:0 0 68px;height:78px;position:relative;border:0;padding:0;background:var(--surface);border-radius:8px;overflow:hidden}.capture-thumb img{width:100%;height:100%;object-fit:cover}.capture-thumb span{position:absolute;bottom:4px;right:4px;background:#26362de6;color:white;padding:3px 6px;border-radius:4px;font-size:10px}
#capture-next-tip{font-size:12px;margin:8px 0;color:var(--muted)}#capture-library{padding:10px 0;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.capture-bottom{position:sticky;bottom:-1px;z-index:5;background:var(--paper);padding:10px 28px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:2px}
.capture-bottom .primary{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:16px 22px;border-radius:30px;font-size:14px}.capture-bottom .primary span{font-size:20px;font-weight:400}.capture-bottom .quiet{min-height:40px;padding:8px}
#save-status{margin:0 0 6px;min-height:0;font-size:12px}#save-status:empty{display:none}
#capture-review label{font-size:13px;margin-top:25px}#capture-review label span{font-weight:400;color:var(--muted)}#capture-review input,#capture-review textarea{border-radius:10px;background:#fffefa;font-size:16px;border-color:var(--line)}
#capture-review .queued-photo{border-radius:12px;grid-template-columns:80px minmax(0,1fr);padding:10px;gap:12px}#capture-review .queued-photo>img{height:100px;border-radius:6px}#capture-review .queued-photo-body input{font-size:16px;padding:9px}
#capture-review select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:13px;padding:7px}
#capture-review .queued-photo-body .quiet{min-width:44px;min-height:44px;padding:8px;font-size:11px}.capture-privacy{font-size:12px;line-height:1.6;color:var(--muted);margin:22px 0 8px}
@media(max-width:640px){#capture{width:100%;height:100dvh;max-height:100dvh;max-width:none;margin:0;border-radius:0}.capture-top{padding-top:max(8px,env(safe-area-inset-top))}#capture-photos,#capture-review{padding:22px 20px 12px}.capture-bottom{padding-left:20px;padding-right:20px}.camera-live .capture-heading{display:none}.camera-live #capture-photos{padding-top:12px}.camera-live .camera-stage{aspect-ratio:auto;height:clamp(270px,49dvh,520px)}.camera-live .capture-tip{display:none}.capture-heading h2,#capture-title{font-size:44px}#capture-review .queued-photo{grid-template-columns:72px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#capture{scroll-behavior:auto}#camera-flash.flash{animation:none;opacity:.35}#snap-photo span{transition:none}}
@media(max-height:500px){.camera-live .capture-heading{display:none}.camera-live .camera-stage{height:45dvh;min-height:160px;aspect-ratio:auto}.camera-live #capture-photos{padding-top:10px}}

/* A photographic contact sheet: images lead, labels are optional owner input. */
#capture-review .capture-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
#capture-review .capture-heading .eyebrow{width:100%}#capture-review .capture-heading h2{font-size:38px;margin:0}#capture-review .capture-heading p{max-width:23ch;margin:0;font-size:12px}
#capture-more{min-height:44px;border-radius:24px;font-size:12px}.angle-explainer{font-size:12px;line-height:1.5;color:var(--muted);margin:15px 0}
#capture-review .photo-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 -12px 26px}
#capture-review .queued-photo{display:flex;flex-direction:column;padding:0;gap:0;min-width:0;border:0;border-radius:8px;overflow:hidden;background:#e9e3d8}
.review-photograph{display:block;position:relative;width:100%;padding:0;border:0;background:#b0a595;aspect-ratio:3/4;overflow:hidden}
.review-photograph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.review-photo-number{position:absolute;top:10px;left:10px;padding:6px 9px;background:#f7f3e9e8;color:#373b31;border-radius:18px;font-size:11px;letter-spacing:.08em}
#capture-review .queued-photo:first-child{grid-column:1/-1}#capture-review .queued-photo:first-child .review-photograph{aspect-ratio:4/3;max-height:46dvh}
#capture-review .queued-photo:only-child .review-photograph{aspect-ratio:3/4;max-height:58dvh}
#capture-review .queued-photo-body{padding:5px 8px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:0 2px}
#capture-review .queued-photo-body>.message{width:100%;font-size:10px;margin:0 0 3px;min-height:0;line-height:1.5}
.angle-options{width:100%;min-width:0}.angle-options summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:italic 17px Georgia,serif;list-style:none;overflow-wrap:anywhere}.angle-options summary::after{content:'＋';margin-left:auto;padding-left:6px;font:16px system-ui}.angle-options[open] summary::after{content:'−'}
#capture-review .queued-photo-body .quiet{flex:1;font-size:11px;min-height:44px;padding:5px}#capture-review select{font-size:16px;padding:8px}.angle-options input{margin:6px 0}
#capture-photo-preview{inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:60px 12px 20px;border:0;background:#22271f;color:white;overflow:hidden}
#capture-preview-image{width:100%;height:calc(100% - 45px);object-fit:contain}#capture-preview-caption{text-align:center;font-size:12px;line-height:1.5}#close-capture-preview{position:absolute;right:14px;top:max(12px,env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;border:1px solid #ffffff69;background:#ffffff15;color:white;font-size:22px}
#capture.is-saving #capture-photos,#capture.is-saving #capture-review,#capture.is-saving .capture-bottom{display:none!important}#capture.is-saving .capture-top button{visibility:hidden}#capture-saving{padding:32px 18px;min-height:60dvh;display:grid;place-items:center}
.object-journey{text-align:center;width:min(100%,440px);margin:auto;color:#51483a}.journey-eyebrow{font:10px/1.4 system-ui,sans-serif;letter-spacing:.2em;color:#83704f}.journey-art{position:relative;height:180px;margin:20px auto 12px;width:220px}
.journey-frame{position:absolute;inset:15px 40px 5px;border:1px solid #c1ad89;border-radius:3px;background:linear-gradient(145deg,#e9dfce,#f9f6ed);box-shadow:0 9px 25px #52422c15;transform:translateX(calc((var(--i) - 1)*36px)) rotate(calc((var(--i) - 1)*14deg));animation:journey-drift 3.5s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.8s);overflow:hidden}.journey-frame img{width:100%;height:100%;object-fit:contain}.journey-mark{position:absolute;inset:0;display:grid;place-items:center;font:56px Georgia;color:#93794d;animation:journey-glint 2.6s ease-in-out infinite}
.object-journey h3{font:normal clamp(28px,7vw,40px)/1.12 Georgia,serif;margin:18px 0 12px;letter-spacing:-.04em}.journey-copy{font:13px/1.65 system-ui,sans-serif!important;max-width:34ch;margin:0 auto 22px}.journey-steps{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;font:11px/1.4 system-ui,sans-serif}
.journey-steps li{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.journey-dot{display:grid;place-items:center;width:28px;height:28px;border:1px solid #bcaf96;border-radius:50%;font-size:14px}.journey-steps small{font-size:10px;color:#82745e}.journey-steps [data-state=succeeded] .journey-dot{background:#344335;color:white;border-color:#344335}.journey-steps [data-state=running] .journey-dot{border:2px solid #b69a61;border-top-color:transparent;animation:journey-turn 1.5s linear infinite}.journey-steps [data-state=failed] .journey-dot{color:#9b523f;border-color:#9b523f}
.object-journey progress{width:100%;height:5px;accent-color:#8d7752}.journey-count{font:12px system-ui,sans-serif!important}.object-journey[data-state=failed] .journey-frame,.object-journey[data-state=failed] .journey-mark,.object-journey[data-state=ready] .journey-frame,.object-journey[data-state=ready] .journey-mark{animation:none}
#detail .preparing-art{padding:20px!important;overflow:auto;font-style:normal}#detail .preparing-art:has(.object-journey){display:block}#detail .preparing-art .journey-art{height:135px}#detail .preparing-art .journey-copy{font-size:12px!important}#detail .preparing-art .journey-steps{margin:16px 0}
@keyframes journey-turn{to{transform:rotate(360deg)}}@keyframes journey-glint{50%{opacity:.45;transform:scale(.9)}}@keyframes journey-drift{to{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){.journey-frame,.journey-mark,.journey-steps [data-state=running] .journey-dot{animation:none!important}}

#capture-saving[hidden]{display:none}
