*{box-sizing:border-box}body{margin:0;background:#f1f8ff;color:#344b64;font:16px system-ui,-apple-system,Segoe UI,sans-serif}header{height:118px;background:white;display:flex;justify-content:center;align-items:center;position:relative;padding:10px 50px 10px 12px}header img{width:300px;max-width:100%;height:96px;object-fit:contain}header select{position:absolute;right:12px;top:16px;border:0;background:#f1f8ff;padding:8px;color:#006ac8}main{max-width:920px;margin:auto;padding:20px 24px 110px}h1{font-size:30px;color:#006ac8;margin:12px 0}h2{color:#006ac8;font-size:23px}small{font-size:13px;font-weight:500}p{line-height:1.55}section{padding:22px 0;border-bottom:1px solid #d8e7f6}button,.upload{display:inline-block;background:#006dc9;border:2px solid #006dc9;color:white;border-radius:26px;padding:12px 22px;font:600 16px system-ui;margin:5px;cursor:pointer;min-height:48px}button:disabled{opacity:.45;cursor:default}.secondary{color:#006dc9;background:transparent}input[type=file]{max-width:210px;font-size:12px;display:block;margin-top:5px}label{display:block;line-height:1.5;margin:14px 0}textarea{width:100%;font:15px monospace;border:1px solid #9fc4e8;border-radius:8px;padding:12px;resize:vertical}nav{display:flex;flex-wrap:wrap;justify-content:center}.actions{display:flex;flex-wrap:wrap;align-items:center}video,#crop{max-width:100%;width:100%;max-height:440px;object-fit:contain;background:#e2ebf5;touch-action:none}#crop{height:auto;max-height:none}#qr{max-width:250px;width:100%!important;height:auto!important}#notice{white-space:pre-wrap;color:#8a3b14;min-height:24px}#role{text-align:center;font-size:14px;color:#667e96}#portrait,#reference{max-height:170px;max-width:140px;object-fit:contain}#resultSummary p{margin:5px 0}.code{font-size:25px;letter-spacing:3px;color:#006dc9}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.small{font-size:13px}progress{width:100%;height:14px}footer{position:fixed;bottom:0;left:0;right:0;background:white;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;height:66px;z-index:5;font-size:10px;color:#687e93}footer img{width:80px;height:40px;object-fit:contain}[hidden]{display:none!important}@media(max-width:600px){header{height:100px}header img{width:245px;height:78px}main{padding:12px 16px 90px}h1{font-size:26px}button{width:100%;margin:5px 0}nav button{width:auto;font-size:13px;padding:8px 13px}textarea{font-size:12px}.upload{margin:5px 0}section{padding:16px 0}}

textarea,input[type=text],input[type=password]{font-size:16px}#crop{border-radius:10px;border:1px solid #9fc4e8;touch-action:none;user-select:none}#loading{text-align:center}#stationRequest,#transfer{background:#e3f1ff;padding:16px;border-radius:12px}button:focus-visible{outline:3px solid #ffb400;outline-offset:2px}@media(max-width:600px){footer{position:static}main{padding-bottom:20px}textarea{font-size:16px;min-height:100px}#crop{max-height:65dvh;width:auto;max-width:100%;display:block;margin:auto}header{height:82px}header img{height:66px;width:215px}}
