*{box-sizing:border-box}body{margin:0;background:#e8e8e8;font-family:Arial,sans-serif;color:#222}header{display:flex;align-items:center;gap:25px;padding:20px 4%;background:white;border-bottom:1px solid #ddd}a{color:inherit;text-decoration:none;font-size:14px}.title{flex:1}.title span{font-size:11px;letter-spacing:1.5px;color:#9d1515}h1{font-size:24px;font-weight:500;margin:7px 0 0}#download{background:#b81919;color:white;padding:13px 18px;border-radius:3px}nav{position:sticky;top:0;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;background:#fafafa;padding:12px;z-index:2;border-bottom:1px solid #d3d3d3;font-size:14px}button{font:inherit;background:white;border:1px solid #bbb;border-radius:4px;padding:8px 13px;cursor:pointer}button:hover{border-color:#b81919;color:#b81919}button:disabled{opacity:.4;cursor:default}.divider{height:24px;border-left:1px solid #ccc;margin:0 8px}#status{text-align:center;padding:0 20px;font-size:14px;line-height:1.5}#status:empty{display:none}main{overflow:auto;padding:25px 18px 45px;min-height:70vh}canvas{display:block;margin:0 auto;background:white;box-shadow:0 3px 16px #0002}canvas[hidden],[hidden]{display:none!important}@media(max-width:600px){header{padding:17px;gap:14px;flex-wrap:wrap}.title{min-width:200px}h1{font-size:21px}nav{gap:9px;padding:10px}.divider{margin:0 3px}button{padding:9px 11px}main{padding:15px 8px 35px}#download{padding:11px 14px}}