*{box-sizing:border-box}body{margin:0;background:#f2f6fa;color:#18314e;font:15px -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft JhengHei',sans-serif}header{display:flex;align-items:center;justify-content:space-between;max-width:780px;margin:auto;padding:18px 20px}header img{width:150px;height:48px;object-fit:contain}header span{font-size:13px;color:#71869c}main{max-width:780px;margin:auto;padding:0 16px 30px}.card{background:white;border:1px solid #dfe8f0;border-radius:16px;padding:22px;margin:12px 0 20px}h1{font-size:25px;margin:0 0 8px}h2{font-size:19px;margin:0 0 12px}p{font-size:13px;color:#657c92;line-height:1.65}label{display:block;font-size:14px;margin:14px 0 8px}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #ccdae6;padding:12px;border-radius:9px;margin-top:7px;color:#18314e;background:#fff}button,.pick{font:inherit;cursor:pointer;border:1px solid #cedce8;color:#234963;background:#fff;border-radius:10px;padding:12px 16px;min-height:44px}button:disabled{opacity:.5;cursor:default}.primary,.pick{background:#087fea;color:white;border-color:#087fea;font-weight:650}.quiet{background:transparent;font-size:13px}.secondary{background:#eaf4ff;color:#1763a2;border-color:#cde3f7}.pick{display:flex;justify-content:center;align-items:center;margin:0;flex:1}.pick input{position:absolute;width:1px;height:1px;opacity:0}.pick:focus-within{outline:3px solid #8dc6ff}.actions{display:flex;gap:10px;flex-wrap:wrap}.welcome{display:flex;align-items:center;justify-content:space-between}.notice{background:#edf5ff;border-radius:10px;padding:12px;margin-top:0}.photo{border:1px solid #dfe8f0;border-radius:12px;padding:14px;margin:14px 0}.photo img{display:block;max-height:260px;width:100%;object-fit:contain;background:#f2f6fa;border-radius:8px}.photo .actions{margin-top:12px}.photo small{display:block;color:#70859b;font-size:12px;margin-top:8px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo details{margin-top:12px}.photo summary{cursor:pointer;color:#3171a1;font-size:13px}.record{border-top:1px solid #e1e9f1;padding:14px 0}.record strong{display:block}.record p{margin:6px 0}.record img{max-width:100%;max-height:320px}.back{color:#70859b;font-size:12px}#message{white-space:pre-line;color:#b23d30}dialog{border:1px solid #dce6ef;border-radius:15px;padding:22px;width:min(600px,94vw);max-height:90dvh;overflow:auto;color:#18314e}dialog::backdrop{background:#17324c77}#crop-canvas{width:auto;max-width:100%;height:auto;max-height:60vh;object-fit:contain;touch-action:none;display:block;margin-bottom:14px;border:1px solid #dce5ef}#progress{white-space:pre-line}[hidden]{display:none!important}@media(max-width:480px){.card{padding:16px}.actions button{padding:10px}.field-pair{grid-template-columns:1fr}header{padding:12px 16px}.photo img{max-height:220px}}

#scanner{width:min(900px,98vw);padding:16px}#scanner .scan-view{position:relative;background:#142637;line-height:0;margin-top:14px}#scan-video{width:100%;max-height:60dvh;object-fit:contain}#scan-overlay{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none}#scan-auto{display:inline;width:auto;margin:0 8px 0 0}#scan-result{white-space:pre-wrap;overflow-wrap:anywhere;font:14px system-ui}#scan-status{min-height:42px;color:#205c7e}

#scan-review{width:min(900px,96vw)}.scan-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scan-comparison figure{margin:0}.scan-comparison canvas{width:100%;height:auto;max-height:50dvh;object-fit:contain;background:#edf2f7}.scan-comparison figcaption{font-size:14px;margin-bottom:8px}.scan-warning{color:#946200!important;background:#fff3d5;padding:8px;border-radius:6px}