@font-face{font-family:LetsTravelUI;src:url('assets/studio-ui-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:LetsTravelUI;src:url('assets/certificate-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:CertificateBold;src:url('assets/certificate-bold.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f2f5f6;color:#173c43;font-family:LetsTravelUI,'PingFang HK','PingFang TC','Microsoft JhengHei','Noto Sans HK',sans-serif;font-size:16px;line-height:1.55}header{height:88px;background:#093d43;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:4px solid #32b69d}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:24px;letter-spacing:-.9px;display:flex;align-items:center;gap:6px}.brand span{color:#76ded0}.brand i{height:24px;border-left:1px solid #5c8387;margin:0 16px}.brand small{font-size:16px;font-weight:500;letter-spacing:2px}.header-note{font-size:14px;color:#c5dadd;letter-spacing:1px}main{max-width:1390px;margin:auto;padding:38px 40px 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:20px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;color:#49807f;margin:0 0 8px}h1{font-size:30px;letter-spacing:-.6px;margin:0 0 8px;font-weight:700}h2{font-size:18px;margin:0;font-weight:700}.subtitle{margin:0;color:#627779}.private-note{font-size:13px;color:#5c7579;display:flex;align-items:center;gap:7px;white-space:nowrap;padding-bottom:4px}.private-note svg{width:16px;height:16px}.workspace{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(400px,1.1fr);align-items:start;gap:28px}.form-panel{background:white;border:1px solid #dce5e6;border-radius:14px;padding:28px 30px;box-shadow:0 6px 24px #133b4204}.step{display:flex;align-items:center;gap:12px;margin-bottom:18px}.step-no{font-size:13px;color:#188576;border:1px solid #c1ddd7;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;font-weight:700}label{display:block;font-size:14px;margin-bottom:8px;color:#3f5e64;font-weight:500}input,select,textarea{width:100%;font:inherit;color:#173c43;border:1px solid #ccdadd;background:#fff;border-radius:7px;padding:12px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#188c7b;box-shadow:0 0 0 3px #188c7b18}select{font-size:14px;padding-right:25px}textarea{height:180px;resize:vertical;line-height:1.8}::placeholder{color:#8a9b9e}.template-info{display:flex;gap:12px;align-items:center;font-size:13px;color:#76898c;margin-top:12px}.tag{font-weight:700;color:#267c72;background:#edf8f4;font-size:12px;letter-spacing:1px;border-radius:4px;padding:4px 8px}hr{height:1px;border:0;background:#e8eeef;margin:25px 0}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.label-note{color:#859599;font-size:13px;margin-left:6px}.count{margin-left:auto;font-size:13px;background:#eff5f5;color:#57777b;padding:3px 10px;border-radius:20px}.hint{font-size:13px;line-height:1.6;color:#7b8d90;margin:7px 0 0}.download-panel{margin-top:23px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border-radius:7px;padding:14px;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.primary{border:1px solid #0b665e;background:#0b665e;color:white}.primary:hover:not(:disabled){background:#08534d}.primary svg{width:20px;height:20px}.primary span{font-size:13px;font-weight:400}.secondary{margin-top:10px;border:1px solid #cededc;color:#256d63;background:#fff}.secondary:hover:not(:disabled){background:#eff8f5}button:disabled{cursor:not-allowed;opacity:.45}#status{font-size:13px;text-align:center;color:#6e8588;margin:10px 0 0;min-height:20px}#validation:not(:empty){font-size:14px;border-radius:6px;background:#fff6df;color:#805a14;padding:10px 12px;margin-top:12px}.preview-panel{padding:0 18px;text-align:center}.preview-top{display:flex;justify-content:space-between;align-items:center;text-align:left;margin:0 2px 16px}.preview-top .eyebrow{margin-bottom:3px}.paper-label{font-size:12px;color:#74898c;border:1px solid #d4dfe0;border-radius:4px;padding:4px 8px}.paper-stage{padding:22px 40px;background:#e1e9e9;border-radius:12px;background-image:radial-gradient(#c5d1d1 .8px,transparent .8px);background-size:12px 12px}.paper{position:relative;max-width:395px;margin:auto;background:white;box-shadow:0 12px 30px #183d4329}canvas{display:block;width:100%;height:auto;aspect-ratio:1447/2048}.loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#fff;color:#548179}.loading[hidden]{display:none}.preview-nav{display:flex;justify-content:center;align-items:center;gap:15px;margin:18px 0 4px}.preview-nav>div{min-width:0;width:260px}.preview-nav select{background:transparent;text-align:center;border-color:transparent;font-weight:600;padding:4px 22px;font-size:15px}.preview-nav p{font-size:12px;color:#778f92;margin:2px 0}.icon-btn{width:35px;height:35px;border:1px solid #c8d7d9;background:white;color:#315d63;border-radius:50%;font-size:18px;cursor:pointer;flex-shrink:0}.text-btn{background:none;border:0;padding:7px 12px;color:#167b6d;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.preview-note{font-size:12px;color:#7d9093;margin:16px 0 0}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#819397;padding:26px 0;letter-spacing:.7px}footer b{color:#b5c4c6;margin:0 8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible{outline:3px solid #62bea8;outline-offset:3px}@media(min-width:1250px){.paper{max-width:415px}.paper-stage{padding:24px 45px}}@media(max-width:1000px){main{padding:28px 24px 0}.private-note{display:none}.workspace{gap:18px;grid-template-columns:1fr 1fr}.form-panel{padding:22px}.preview-panel{padding:0}.paper-stage{padding:20px}.header-note{display:none}h1{font-size:27px}}@media(max-width:740px){header{height:72px;padding:0 20px}.brand{font-size:20px}.brand small{font-size:14px;letter-spacing:1px}.brand i{margin:0 7px}main{padding:24px 16px 0}.intro{margin-bottom:22px}h1{font-size:25px}.subtitle{font-size:14px}.workspace{grid-template-columns:1fr;gap:26px}.preview-panel{padding:0 4px}.form-panel{padding:22px 20px}.paper-stage{padding:22px}.paper{max-width:355px}footer{flex-direction:column;gap:7px}.date-row{gap:10px}.date-row input{font-size:14px;padding:11px 8px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}}

input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{font-family:LetsTravelUI,'PingFang HK','PingFang TC',sans-serif}