:root{--ink:#142e43;--muted:#4d6576;--paper:#f4f8fa;--white:#fff;--line:#ccdbe4;--blue:#14618a;--blue-dark:#0a4669;--tint:#e5f1f6;--warning:#835214;--error:#9c2c35;font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,a,label{-webkit-tap-highlight-color:transparent}a{color:inherit}button,input{font:inherit}button,.button{min-height:46px;border:1px solid var(--line);border-radius:6px;padding:11px 17px;background:var(--white);color:var(--ink);font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:14px;line-height:1.4}button:hover,.button:hover{border-color:var(--blue);background:var(--tint)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:var(--blue-dark);color:white}.wide{width:100%;justify-content:space-between}.button span,button span:last-child{flex-shrink:0}:focus-visible{outline:3px solid #1482be;outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:12px;z-index:50;transform:translateY(-180%);background:white;padding:12px}.skip:focus{transform:translateY(0)}
.topbar{height:94px;background:var(--ink);color:#f1f6fa;display:flex;align-items:center;padding:0 max(5vw,20px);gap:48px}.brand{line-height:0}.brand img{width:112px;height:66px;object-fit:contain}.topbar nav{display:flex;gap:28px;align-items:center}.topbar nav a{text-decoration:none;font-size:14px;font-weight:600;padding:15px 0;border-bottom:2px solid transparent;color:#b9cedd}.topbar nav a:hover,.topbar nav a[aria-current]{border-color:#7ac8ef;color:white}.version{font:11px Menlo,Consolas,monospace;letter-spacing:.12em;margin-left:auto;color:#b9cedd}main{max-width:1450px;margin:auto;padding:54px max(5vw,20px) 72px}h1,h2,h3,p{margin-top:0}h1{font-family:'Avenir Next Condensed','Avenir Next','Segoe UI',sans-serif;font-size:clamp(40px,4.6vw,66px);line-height:1.04;letter-spacing:-.045em;font-weight:650;margin-bottom:24px}h2{font-size:25px;letter-spacing:-.025em;line-height:1.25;margin-bottom:14px}h3{font-size:17px;line-height:1.3;margin-bottom:12px}p{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:17px}.lead{font-size:18px;max-width:530px;line-height:1.6}.eyebrow,.step{font:11px/1.6 Menlo,Consolas,monospace;letter-spacing:.11em;color:var(--blue)}.eyebrow{margin-bottom:20px}.step{display:block;margin-bottom:18px}.small{font-size:12px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:20px 0 60px}.home-hero .actions{margin:28px 0 18px}.diagram-panel{background:var(--tint);border:1px solid var(--line);border-radius:12px;overflow:hidden}.capture-diagram{width:100%;color:var(--blue);height:auto;display:block}.capture-diagram text{font:9px Menlo,Consolas,monospace;letter-spacing:1px;fill:currentColor}.workflow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.workflow article{padding:32px 30px 0 0}.workflow article+article{padding-left:30px;border-left:1px solid var(--line)}.workflow h2{font-size:22px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.intro .capture-diagram{max-width:470px;margin:10px 0 0}.setup-card{background:white;border:1px solid var(--line);border-radius:12px;padding:34px;align-self:start}.setup-card h2{font-size:28px;margin-bottom:28px}label{display:block;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:7px}input:not([type=checkbox]):not([type=file]){display:block;border:1px solid #b4c8d5;border-radius:5px;background:#fbfdfe;padding:12px;width:100%;color:var(--ink);font-size:16px;margin-bottom:20px;min-height:46px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preflight{background:var(--paper);border-left:3px solid var(--blue);padding:18px 20px;margin:24px 0}.preflight h3{font-size:14px;margin-bottom:10px}.preflight ul{padding-left:18px;margin:0}.preflight li{font-size:13px;line-height:1.55;margin:9px 0;color:var(--muted)}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;margin:19px 0;cursor:pointer}.check input{height:18px;width:18px;flex-shrink:0;accent-color:var(--blue);margin:1px 0}.setup-card form>.small:last-child{margin:14px 0 0}.notice{position:sticky;top:0;z-index:20;background:#e0eef7;border-bottom:1px solid #9bbfd6;padding:14px max(5vw,20px);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.notice.error{background:#fff0ed;color:var(--error);border-color:#e6b3b1}.notice.success{background:#e5f3ec;color:#1d6047;border-color:#a3c7b7}
.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.workspace-title h1{font-size:42px;margin:0 0 10px;overflow-wrap:anywhere}.workspace-title .eyebrow{margin-bottom:12px}.workspace-title p{margin-bottom:0}.text-link{font-size:14px;text-underline-offset:5px;white-space:nowrap}.capture-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px}.viewfinder{position:relative;background:#102738;aspect-ratio:4/3;border-radius:10px;overflow:hidden;isolation:isolate}.viewfinder video{height:100%;width:100%;object-fit:contain;display:block}.camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:radial-gradient(ellipse at center,#204558,#102738);z-index:2}.camera-placeholder h2{color:#f4f8fa;font-size:23px}.camera-placeholder p{color:#bed1dc;max-width:300px}.camera-glyph{font-size:64px;font-weight:300;color:#81b4ce;margin-bottom:12px;display:block}.frame-guide{position:absolute;inset:12%;border:1px solid #b9d9e64d;pointer-events:none;z-index:1}.viewfinder-label{position:absolute;top:18px;left:20px;font:10px Menlo,Consolas,monospace;color:#d5e6ef;letter-spacing:.1em;z-index:3;background:#102738b3;padding:7px 10px;border-radius:3px}.camera-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.camera-actions button,.camera-actions .button{font-size:12px;padding:11px 13px}.file-button{position:relative;overflow:hidden;margin:0}.file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:100px}.file-button:focus-within{outline:3px solid #1482be;outline-offset:3px}.file-button:has(input:disabled){opacity:.5;cursor:wait}.capture-sidebar{padding:25px;background:white;border:1px solid var(--line);border-radius:9px;align-self:start}.capture-sidebar h2{font-size:23px}.capture-sidebar p{font-size:13px}.capture-sidebar .small{font-size:11px}.pass-list{display:grid;gap:8px;margin:22px 0 14px}.pass-list button{justify-content:space-between;text-align:left;font-size:12px;padding:13px 12px}.pass-list button[aria-pressed=true]{border-color:var(--blue);background:var(--tint);color:var(--blue-dark);box-shadow:inset 3px 0 var(--blue)}.pass-list strong{font:11px Menlo,Consolas,monospace;white-space:nowrap}.pass-instruction{background:var(--paper);padding:12px;border-radius:5px}progress{width:100%;height:8px;accent-color:var(--blue);margin:5px 0 10px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.output-status{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;margin-bottom:20px}.output-status span:nth-child(even){color:var(--muted);font-size:11px}.capture-sidebar button.wide{font-size:12px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:28px}.section-heading h2{font-size:21px;margin:0}.empty{margin-top:18px;padding:28px;border:1px dashed var(--line);border-radius:7px;font-size:13px}.photo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.photo-card{margin:0;background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-card figcaption{padding:8px;font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:4px}.photo-card button{font-size:12px;min-height:32px;min-width:32px;padding:2px 5px;border:0}.pending{padding:18px;border:1px solid #d6b582;background:#fff7e8;border-radius:6px}.pending strong{font-size:14px}.pending p{font-size:13px}.pending button{font-size:12px}.projects-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.projects-heading h1{font-size:52px}.transfer-note{background:var(--tint);border:1px solid var(--line);border-radius:8px;display:flex;gap:20px;padding:22px 26px;margin:18px 0 36px;max-width:100%}.transfer-note>span{font-size:30px;color:var(--blue)}.transfer-note strong{font-size:14px}.transfer-note p{font-size:13px;margin:6px 0 0;max-width:820px}.transfer-note .small{font-size:12px}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.project-cover{aspect-ratio:16/9;background:var(--tint);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:50px}.project-cover img{width:100%;height:100%;object-fit:cover;display:block}.project-info{padding:22px}.project-info h2{font-size:21px;margin-bottom:8px;overflow-wrap:anywhere}.project-info p{font-size:12px}.project-info .actions{gap:8px}.project-info .button,.project-info button{font-size:12px;padding:9px 12px}.project-info .delete-project{border:0;min-width:36px;color:var(--muted);margin-left:auto}.empty-library{text-align:center;padding:48px 20px;background:white;border:1px dashed var(--line);border-radius:8px}.empty-library p{font-size:14px}.storage-note{margin-top:28px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin:0 max(5vw,20px);padding:22px 0 30px;color:var(--muted);font-size:11px}
@media(min-width:1500px){main{padding-left:70px;padding-right:70px}}@media(max-width:1000px){.setup-grid{gap:32px}.setup-card{padding:26px}.capture-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.capture-sidebar{padding:20px}.photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-heading{align-items:flex-start}.projects-heading .actions{max-width:220px}.topbar{gap:28px}}@media(max-width:740px){main{padding-top:30px}.topbar{height:78px;gap:20px;padding:0 20px}.brand img{width:90px;height:54px}.topbar nav{gap:18px}.topbar nav a{font-size:12px}.version{display:none}h1{font-size:44px}.setup-grid,.home-hero{grid-template-columns:1fr;gap:26px}.intro .capture-diagram{display:none}.intro>.small{margin-bottom:0}.intro h1{margin-bottom:15px}.intro .lead{font-size:16px}.setup-card{padding:24px}.form-row{grid-template-columns:1fr 1fr;gap:12px}.form-row label{font-size:11px}.capture-layout{display:flex;flex-direction:column}.capture-sidebar{order:-1;padding:20px}.capture-sidebar>.step{margin-bottom:8px}.capture-sidebar h2{font-size:22px}.pass-list{grid-template-columns:repeat(3,minmax(0,1fr));margin:15px 0}.pass-list button{flex-direction:column;align-items:flex-start;font-size:11px;gap:5px;padding:10px}.pass-list button span{white-space:normal;flex-shrink:1!important}.capture-sidebar .small{margin-bottom:0}.viewfinder{aspect-ratio:3/4}.workspace-title{align-items:flex-start;margin-bottom:20px}.workspace-title h1{font-size:32px}.workspace-title .text-link{font-size:12px}.workspace-title .eyebrow{font-size:9px}.capture-sidebar.mobile-transfer{order:2}.camera-actions{display:grid;grid-template-columns:1fr 1fr}.camera-actions button,.camera-actions .button{min-height:48px}.photo-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-card figcaption{flex-direction:column;align-items:flex-start}.photo-card button{align-self:flex-end}.projects-heading{display:block}.projects-heading h1{font-size:44px}.projects-heading .actions{max-width:none;margin:24px 0}.project-list{grid-template-columns:1fr}.transfer-note{padding:20px;gap:12px}.workflow{grid-template-columns:1fr}.workflow article{padding:24px 0!important;border-left:0!important;border-bottom:1px solid var(--line)}.home-hero{padding:0 0 28px}.home-hero .diagram-panel{max-width:500px}footer{flex-direction:column;gap:7px}.mobile-transfer{margin-top:24px;padding:24px;background:white;border:1px solid var(--line);border-radius:8px}.mobile-transfer h3{font-size:18px}.mobile-transfer p{font-size:13px}.mobile-transfer .small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.gallery-pagination{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:20px}.gallery-pagination button{font-size:12px}.photo-card .inspect-photo{display:block;padding:0;border:0;width:100%;border-radius:0;min-height:0}.photo-card .inspect-photo img{cursor:zoom-in}dialog{max-width:95vw;width:900px;border:1px solid var(--line);border-radius:10px;padding:20px;background:white;color:var(--ink)}dialog::backdrop{background:#081f30bd}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.dialog-heading h2{font-size:18px;margin:0}#review-image{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}
.skip{transform:none;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip:focus{clip-path:none;width:auto;height:auto;overflow:visible}
@media(max-width:740px){.capture-sidebar>h2,.capture-sidebar>p:first-of-type{display:none}.capture-sidebar>.step{font-size:10px}#transfer-controls>hr:first-child{display:none}}
