.letter-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 18px;background:var(--bg-0,#fff);border-bottom:1px solid var(--hair-8,rgba(11,15,26,.07))}.letter-back{font-size:12.5px;color:#2563eb;text-decoration:none;white-space:nowrap}.letter-hint{flex:1;min-width:180px;font-size:11.5px;color:#667085;line-height:1.5}.letter-print-btn{padding:7px 15px;font:inherit;font-size:12.5px;font-weight:500;color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:9px;cursor:pointer;white-space:nowrap}.letter-export-btn{padding:7px 14px;font:inherit;font-size:12.5px;color:var(--ink-1,#343a48);background:transparent;border:1px solid var(--hair-12,rgba(11,15,26,.1));border-radius:9px;cursor:pointer;white-space:nowrap}.letter-export-btn:hover{border-color:rgba(37,99,235,.35);color:#2563eb}.letter-sheet{position:relative;box-sizing:border-box;width:210mm;min-height:297mm;margin:22px auto;padding:25mm 22mm;background:#fff;color:#101828;font-family:Sarabun,TH Sarabun New,"Noto Serif Thai",Georgia,Times New Roman,serif;font-size:15px;line-height:1.95;box-shadow:0 10px 40px -18px rgba(9,9,11,.3)}.letter-head{text-align:center;padding-bottom:14px;border-bottom:1.5px solid #101828}.letter-org{font-size:19px;font-weight:700;letter-spacing:.01em}.letter-org-sub{margin-top:3px;font-size:12.5px;color:#475467}.letter-meta{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:13px;color:#343a48}.letter-title{margin:26px 0 22px;font-size:20px;font-weight:700;text-align:center;text-decoration:underline;text-underline-offset:5px}.letter-to{margin:0 0 14px;font-size:15px}.letter-body{margin:0 0 14px;text-indent:2.5em;text-align:justify}.letter-sign{margin-top:40px;margin-left:auto;width:62mm;text-align:center}.letter-sign-role{font-size:13.5px}.letter-sign-org{font-size:12.5px;color:#475467}.letter-verify{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:11px 13px;border:1px solid #d0d5dd;border-radius:6px;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.letter-qr-svg{flex-shrink:0;display:block}.letter-verify-text{min-width:0;font-family:var(--font);font-size:10px;line-height:1.55;color:#475467}.letter-verify-text strong{display:block;margin-bottom:2px;font-size:10.5px;font-weight:600;color:#101828}.letter-verify-url{display:block;margin-top:4px;font-family:var(--font-mono);font-size:8.5px;color:#667085;overflow-wrap:anywhere}.letter-foot{margin-top:30px;padding-top:10px;border-top:1px solid #e4e7ec;font-size:10.5px;line-height:1.6;color:#667085;text-align:center}.letter-draft{box-shadow:0 10px 40px -18px rgba(9,9,11,.22)}.letter-watermark{position:absolute;top:42%;left:0;right:0;z-index:0;font-size:84px;font-weight:700;letter-spacing:.12em;text-align:center;color:rgba(24,24,27,.05);transform:rotate(-24deg);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.letter-draft>:not(.letter-watermark){position:relative;z-index:1}@media print{.no-print{display:none!important}.letter-sheet{width:auto;min-height:0;margin:0;padding:0;box-shadow:none}@page{size:A4;margin:22mm 20mm}}@media (max-width:240mm){.letter-sheet{width:auto;max-width:100%;margin:14px;padding:22px 18px;font-size:14px}.letter-sign{width:100%;max-width:62mm}}@keyframes myhr-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.m-rise{animation:myhr-rise .38s cubic-bezier(.22,.61,.36,1) backwards}.m-rise-1{animation-delay:.02s}.m-rise-2{animation-delay:.06s}.m-rise-3{animation-delay:.1s}.m-rise-4{animation-delay:.14s}.m-rise-5{animation-delay:.18s}.m-rise-6{animation-delay:.22s}.m-stagger>*{animation:myhr-rise .38s cubic-bezier(.22,.61,.36,1) backwards}.m-stagger>:first-child{animation-delay:.03s}.m-stagger>:nth-child(2){animation-delay:.07s}.m-stagger>:nth-child(3){animation-delay:.11s}.m-stagger>:nth-child(4){animation-delay:.15s}.m-stagger>:nth-child(5){animation-delay:.19s}.m-stagger>:nth-child(n+6){animation-delay:.23s}.m-press{transition:transform .14s cubic-bezier(.22,.61,.36,1),border-color .14s ease,box-shadow .14s ease;will-change:transform}.m-press:hover{transform:translateY(-2px);border-color:var(--hair-18,rgba(11,15,26,.15));box-shadow:0 4px 14px rgba(11,15,26,.06)}.m-press:active{transform:translateY(0);transition-duration:.06s;box-shadow:0 1px 2px rgba(11,15,26,.05)}.m-press:focus-visible{transform:translateY(-2px);border-color:var(--hair-18,rgba(11,15,26,.15))}.m-press .m-lean{transition:transform .18s cubic-bezier(.22,.61,.36,1)}.m-press:hover .m-lean{transform:scale(1.06)}.m-arrow{transition:transform .16s cubic-bezier(.22,.61,.36,1)}.m-press:hover .m-arrow,a:hover>.m-arrow{transform:translateX(3px)}.m-btn{transition:filter .14s ease,transform .1s ease,box-shadow .14s ease}.m-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px rgba(16,185,129,.24)}.m-btn:active:not(:disabled){transform:translateY(1px);box-shadow:none;filter:brightness(.98)}@keyframes myhr-bar-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.m-bar{animation:myhr-bar-reveal .66s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:.1s}.m-bar-2{animation-delay:.18s}.m-bar-3{animation-delay:.26s}.m-bar-4{animation-delay:.34s}@keyframes myhr-breathe{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.3)}50%{box-shadow:0 0 0 7px rgba(16,185,129,0)}}.m-live{animation:myhr-breathe 2.4s ease-out infinite}@keyframes myhr-settle{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.m-settle{animation:myhr-settle .24s ease-out backwards}@keyframes m-shimmer{to{background-position:-200% 0}}.m-skeleton{background:linear-gradient(90deg,var(--bg-1,#f2f4f7) 25%,var(--bg-2,#e9ecf1) 50%,var(--bg-1,#f2f4f7) 75%);background-size:200% 100%;animation:m-shimmer 1.5s linear infinite;border-radius:6px}@keyframes myhr-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes myhr-panel-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.myhr-modal-scrim{background:rgba(11,15,26,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:myhr-scrim-in .18s ease-out backwards}.myhr-modal-panel{animation:myhr-panel-in .26s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:.05s}.myhr-face-row::-webkit-scrollbar,.myhr-mate-list::-webkit-scrollbar{width:4px;height:4px}.myhr-face-row::-webkit-scrollbar-thumb,.myhr-mate-list::-webkit-scrollbar-thumb{background:var(--hair-14,rgba(11,15,26,.12));border-radius:4px}.myhr-reason-box:focus{outline:none;background:var(--paper,#fff)!important;border-color:rgba(37,99,235,.45)!important}@media (prefers-reduced-motion:reduce){.m-rise,.m-settle,.m-stagger>*,.myhr-modal-panel,.myhr-modal-scrim{animation:none!important;opacity:1!important;transform:none!important}.m-bar{animation:none!important;clip-path:none!important}.myhr-modal-scrim{background:rgba(11,15,26,.38)}.m-live,.m-skeleton{animation:none!important}.m-live{box-shadow:0 0 0 3px rgba(16,185,129,.18)}.m-arrow,.m-btn,.m-lean,.m-press,.m-press:active,.m-press:hover{transition:none!important;transform:none!important}.m-press:hover{border-color:var(--hair-18,rgba(11,15,26,.15))}}