#main{max-width:1320px;margin:auto;padding:38px 30px 72px;color:#20374e}
.field-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:25px;padding:38px 40px;background:#96bed0;border-radius:6px}
.field-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.3vw,59px);font-style:italic;font-weight:700;letter-spacing:-1.7px;line-height:1.1;margin:11px 0 20px;color:#20374e}
.field-heading h1 span{color:#20374e;text-decoration:underline;text-decoration-color:#e9a3b1;text-decoration-thickness:7px;text-underline-offset:7px;text-decoration-skip-ink:none}
.field-heading p{max-width:610px}.field-heading .muted{color:#20374e;font-size:14px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:750;color:#20374e}
.field-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:24px;margin-top:24px}
.capture-panel,.queue-panel,.next-panel{padding:27px;min-width:0;background:#fff;border:1px solid #d5dfe3;border-radius:6px;box-shadow:none}
.section-title{display:flex;justify-content:space-between;align-items:start;gap:10px}.section-title h2,.queue-panel h2{margin:5px 0 12px;color:#20374e}.field-layout aside{min-width:0}
.next-panel{margin-top:22px;background:#f1f4f5}.next-panel h3{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:700;font-style:italic;color:#20374e}.next-panel li{padding:5px 0;line-height:1.6}.next-panel ol{padding-left:20px}
.photo-actions{display:flex;gap:10px;flex-wrap:wrap}.photo-actions label{cursor:pointer}.photo-help{font-size:12px;color:#536777}
.photo-strip{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:10px;width:100%;max-width:100%;padding:4px 0 14px}.photo-tile{position:relative;flex:0 0 110px;margin:0}.photo-tile img{height:102px;width:110px;object-fit:cover;border-radius:5px;background:#e8eff2}.photo-tile figcaption{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:3px 2px;color:#20374e}.photo-tile button{position:absolute;right:4px;top:4px;border:0;background:#fff;color:#20374e;min-width:30px;min-height:30px;border-radius:50%;cursor:pointer;font-size:20px}
.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:7px;color:#20374e}.field input,.field select,.field textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #bbcbd3;border-radius:5px;padding:11px 12px;background:#fff;color:#20374e;min-height:44px}.field input::placeholder,.field textarea::placeholder{color:#627480;opacity:1}.field textarea{resize:vertical}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.capture-hint{background:#edf3f5;border-left:3px solid #96bed0;border-radius:3px;padding:12px 14px;font-size:12px;line-height:1.6;color:#425b6c}.capture-actions{display:flex;gap:9px;flex-wrap:wrap}fieldset{border:0;margin:0;padding:0;min-width:0}
.queue-item{padding:17px 0;border-bottom:1px solid #dce4e8;overflow-wrap:anywhere}.queue-item h3{font-size:15px;margin:0 0 7px;color:#20374e}.queue-item p{font-size:12px;margin:7px 0;line-height:1.5}.queue-actions{display:flex;gap:8px;flex-wrap:wrap}.queue-actions button{font-size:12px;min-height:36px}.queue-empty{padding:30px 0 8px;color:#536777;line-height:1.65}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.error{color:#9a3148}#connection{font-size:13px;line-height:1.5;background:#edf3f5;color:#20374e;border-color:#c9dbe3;border-radius:5px}#form-message{font-size:13px;line-height:1.6}#install{flex-shrink:0}[hidden]{display:none!important}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #20374e;outline-offset:3px}
.offline-header{padding:18px 30px;background:#20374e;color:#fff;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.offline-header a{font-weight:700;color:inherit}.offline-header p{margin:0;font-size:12px}.offline-header button{margin-left:auto}
@media(max-width:850px){.field-layout{grid-template-columns:1fr}.field-heading{align-items:start;flex-direction:column;padding:30px}.field-heading h1{letter-spacing:-1px}.field-heading #install{margin-top:-10px}}
@media(max-width:500px){#main{padding:24px 15px 45px}.field-heading{padding:27px 22px;gap:18px}.capture-panel,.queue-panel,.next-panel{padding:20px}.form-pair{grid-template-columns:1fr;gap:0}.field input,.field textarea,.field select{font-size:16px}.capture-actions button{width:100%}.section-title{flex-wrap:wrap}.field-heading h1{font-size:clamp(30px,8.5vw,40px);line-height:1.13;letter-spacing:-1.2px}.field-heading h1 span{text-decoration-thickness:5px;text-underline-offset:5px}.photo-actions{display:grid;grid-template-columns:1fr 1fr}.photo-actions label{text-align:center}.offline-header{padding:18px 20px}}