:root{font-family:Inter,system-ui,Arial,sans-serif;color:#e8f2ee;background:#101b20}*{box-sizing:border-box}body{margin:0}.top{background:#081416;border-bottom:1px solid #37524a;display:flex;align-items:center;gap:14px;padding:12px max(20px,calc((100vw - 920px)/2));}.top img{width:68px;height:50px;object-fit:cover;border-radius:8px}.top strong,.top small{display:block}.top small{color:#a2b7af}main{max-width:920px;margin:24px auto;padding:0 16px 45px}.panel{background:#1b2a2d;border:1px solid #35504b;border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 10px 30px #0002}.hidden{display:none!important}h2{margin:0 0 12px}p{line-height:1.6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}label{display:block;font-weight:650;margin:15px 0}input:not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;background:#101d20;border:1px solid #507167;border-radius:9px;color:white;padding:12px;margin-top:7px;font:inherit}input[type=file]{display:block;width:100%;margin-top:9px;font:inherit}label small{font-weight:400;color:#b2c3bc}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button{font:inherit;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:700}.primary{background:#89d83a;color:#102014}.secondary{background:#344845;color:#f4fff5}button:disabled{opacity:.5;cursor:not-allowed}.muted{color:#adbfbb;font-size:.92rem}#message:not(:empty){padding:12px 16px;margin-bottom:16px;background:#284940;border-radius:9px;white-space:pre-wrap}.letter{background:#fff;color:#1c2d30;min-height:570px;padding:34px 42px}.letter-logo{width:100px;height:65px;object-fit:contain}.letter h1{margin:8px 0 2px;font-size:1.75rem}.letter .sub{color:#43745e;margin:0 0 12px}.letter hr{border:0;border-top:3px solid #83d83a;margin-bottom:25px}.letter p{line-height:1.65}.letter .muted{color:#62736f}.signature-result{margin:32px 0 20px;max-width:330px}.signature-result img{height:90px;max-width:100%;object-fit:contain;object-position:left bottom}.signature-line{border-bottom:1px solid #53635f;margin-top:4px}.signature-result small{color:#697b75}.signature-result p{margin:7px 0}canvas{display:block;width:100%;height:auto;background:white;border:2px dashed #75b36e;border-radius:10px;touch-action:none;cursor:crosshair}.confirm{display:flex;gap:12px;align-items:flex-start;font-weight:400}.confirm input{width:20px;height:20px;flex:none;accent-color:#80cd31}.preview{max-width:100%;max-height:320px;object-fit:contain;background:white;border-radius:8px}@media(max-width:650px){.grid{grid-template-columns:1fr}.panel{padding:18px}.letter{padding:25px 20px}.top{padding:12px 18px}}

.top .back-link{color:#ddf7dc;text-decoration:none;border:1px solid #5b8172;border-radius:9px;padding:10px 12px;font-weight:700;white-space:nowrap}.top .back-link:hover{background:#24433c}@media(max-width:650px){.top{flex-wrap:wrap}.top .back-link{order:2;flex-basis:100%;text-align:center}}

#pdfFrame{display:block;width:100%;height:min(72vh,850px);border:1px solid #547169;border-radius:8px;background:#fff}.download-link{display:inline-block;text-decoration:none}.download-link:hover{filter:brightness(1.1)}#testLink a{overflow-wrap:anywhere;color:#a8e777}