*{box-sizing:border-box}body{margin:0;background:#edf1f9;color:#202b44;font:15px system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;gap:90px;padding:35px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:12px;padding:13px 16px;font-weight:650}button:focus-visible,a:focus-visible{outline:3px solid #6a94ff;outline-offset:2px}.brand{font-size:26px;font-weight:850;letter-spacing:-1px;color:#263d8c;text-decoration:none}.brand span{color:#5280e6;font-weight:500}.intro{max-width:390px}.intro .brand{font-size:42px}.intro h1{font-size:48px;line-height:1.15;letter-spacing:-2px}.intro p{color:#74809a;line-height:1.8}.intro .spec{margin:45px 0;font-size:12px;line-height:2;color:#7885a0}.intro .spec strong{color:#34466b;font-size:17px}.intro small{color:#8390a7}.phone{width:410px;height:850px;max-height:calc(100dvh - 70px);min-height:530px;border:8px solid #fff;border-radius:42px;background:#f8faff;box-shadow:0 25px 70px #26458122;overflow:hidden;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 15px;background:white}.icon{padding:0;width:32px;height:32px;background:#edf1fa;color:#556c9c}.status{display:flex;align-items:center;gap:7px;font-size:11px;padding:12px 22px;color:#75819b;background:white;border-bottom:1px solid #edf0f7}.dot{width:6px;height:6px;border-radius:50%;background:#527cdd}.badge{margin-left:auto;font-size:9px;background:#edf2ff;color:#526aad;padding:4px 6px;border-radius:5px}main{flex:1;overflow:auto;padding:23px 20px 20px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}small{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#8c98af}h2{font-size:23px;letter-spacing:-.7px;margin:5px 0 20px}.heading h2{margin-bottom:0}.light{background:#edf1fa;color:#526589;font-size:12px}.preview{border-radius:16px;background:#eaf0fc;padding:16px;margin-bottom:24px}.preview-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7586aa;margin-bottom:15px}canvas{display:block;width:100%;height:auto;background:white;border-radius:7px;box-shadow:0 4px 14px #28478915}.preview p{font-size:10px;text-align:center;margin:12px 0 0;color:#7d8aa6}label{display:block;color:#54617b;font-weight:600;font-size:12px;margin:0 0 16px}input,select{display:block;width:100%;margin-top:7px;background:white;border:1px solid #e0e6f0;border-radius:10px;padding:12px;color:#263651;min-width:0}input:focus,select:focus{outline:2px solid #a5bafa}.row{display:flex;gap:12px}.row>*{flex:1;min-width:0}.primary{background:#315bd0;color:white}.secondary{background:#e5ecfc;color:#34549b}.wide{width:100%;margin-bottom:10px}.actions{margin:10px 0}.actions .primary{flex:1.5}.hint{font-size:11px;line-height:1.7;color:#8893a8}.card{background:white;border:1px solid #e5eaf3;border-radius:15px;padding:17px;margin:15px 0}.card h3{margin:0;font-size:14px}.card p{font-size:13px}.item{background:white;border:1px solid #e5eaf3;padding:16px;border-radius:14px;margin-top:12px}.item h3{font-size:14px;margin:0 0 8px;overflow-wrap:anywhere}.item .meta{font-size:11px;color:#8b95a9;line-height:1.8}.item .row{margin-top:12px}.item button{font-size:11px;padding:9px}nav{display:flex;background:white;padding:12px 8px max(14px,env(safe-area-inset-bottom));border-top:1px solid #edf0f6}nav button{flex:1;background:none;color:#909bb0;padding:4px;font-size:10px}nav span{display:block;font-size:21px;margin-bottom:3px}nav .active{color:#315bd0}.file{text-align:center;padding:13px;border-radius:12px;cursor:pointer}dl{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:12px}dd{margin:0;text-align:right;color:#7a879f}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203358;color:white;border-radius:12px;padding:15px 22px;font-size:13px;display:none;max-width:90vw;z-index:10}dialog{border:0;border-radius:22px;padding:25px;max-width:360px;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#17254866}dialog p{font-size:13px;line-height:1.7;color:#728098}#print-area{display:none}@media(max-width:780px){body{padding:0;background:#f8faff;display:block}.intro{display:none}.phone{border:0;border-radius:0;width:100%;height:100dvh;max-height:none;min-height:0;box-shadow:none}main{padding:22px;max-width:480px;width:100%;margin:auto}header{padding-top:max(20px,env(safe-area-inset-top))}#toast{bottom:90px}}@media print{@page{size:31.496mm 50.8mm;margin:0}body{display:block;padding:0;background:white}.intro,.phone,#toast,dialog{display:none!important}#print-area{display:block}#print-area img{display:block;width:31.496mm;height:50.8mm;break-after:page}#print-area img:last-child{break-after:auto}}

button:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}input[readonly]{background:#edf1f8;color:#66748e}

.brand-logo{display:block;object-fit:contain}.header-logo{width:245px;height:60px}.intro-logo{width:355px;height:118px;max-width:100%}#scan-video{width:100%;max-height:300px;background:#111;border-radius:12px}#scan-dialog{width:360px}.header-logo{max-width:65vw}

/* Prevent iPhone input focus from zooming the label workspace. */
input,select{font-size:16px}