@font-face{font-family:'Klassin Card Kanit';src:url('assets/fonts/Kanit-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
/* html2canvas measures the text baseline with a hidden inline image. */
body.student-card-exporting>div[style*="visibility: hidden"][style*="white-space: nowrap"]>img[width="1"][height="1"]{display:inline!important}
.student-card-luxv09{container-type:inline-size;position:relative;isolation:isolate;flex:0 0 auto;width:54mm;height:86mm;max-width:100%;margin:0 auto;overflow:hidden;border:1px solid #c9d8ce;border-radius:8px;background:#fff;color:#163025;box-sizing:border-box;box-shadow:0 8px 22px #0033181a;font-family:'Sarabun',sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.student-card-lux-school strong,.student-card-lux-name,.student-card-lux-director strong{font-family:'Klassin Card Kanit','Sarabun',sans-serif;font-weight:600}
.student-card-luxv09.is-preview{width:246px;height:auto;aspect-ratio:54/86}
.student-card-luxv09.is-modal{width:280px;height:446px}
.student-card-lux-art{--card-u:calc(100cqw / 246);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;box-sizing:border-box;letter-spacing:0}
.student-card-lux-art *{box-sizing:border-box;letter-spacing:0}
.student-card-lux-art::after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(125deg,#ffffff00 30%,#ffffff24 48%,#ffffff00 65%);pointer-events:none}
.student-card-lux-ribbon{position:absolute;inset:0 0 0 auto;width:calc(var(--card-u)*56);height:100%;z-index:0;pointer-events:none}
.student-card-lux-school,.student-card-lux-person,.student-card-lux-details,.student-card-lux-footer{position:relative;z-index:1;margin:0;padding-left:calc(var(--card-u)*16);padding-right:calc(var(--card-u)*48);min-width:0}
.student-card-lux-school{display:flex;align-items:center;gap:calc(var(--card-u)*8);padding-top:calc(var(--card-u)*14)}
.student-card-lux-school>img{width:calc(var(--card-u)*32);height:calc(var(--card-u)*32);flex:0 0 auto;object-fit:contain}
.student-card-lux-school>div{min-width:0}
.student-card-lux-school strong{display:block;font-size:calc(var(--card-u)*10.5);line-height:1.45;color:#032b1d;overflow-wrap:anywhere}
.student-card-lux-school small{display:block;font-family:Arial,sans-serif;font-size:calc(var(--card-u)*6.5);font-weight:600;line-height:1.4;color:#007a33;margin-top:calc(var(--card-u)*2)}
.student-card-lux-portrait-row{display:flex;align-items:flex-end;gap:calc(var(--card-u)*10)}
.student-card-lux-photo{display:grid;place-items:center;width:calc(var(--card-u)*82);height:calc(var(--card-u)*102);flex:0 0 auto;padding:calc(var(--card-u)*4);border-radius:calc(var(--card-u)*10);background:linear-gradient(135deg,#007a33,#032b1d);box-shadow:0 3px 7px #032b1d24;color:#b9d9c7;font-size:calc(var(--card-u)*32)}
.student-card-lux-portrait{width:100%;height:100%;display:block;border-radius:calc(var(--card-u)*6);background-color:#f0f4f1;background-size:cover;background-position:center top;background-repeat:no-repeat}
.student-card-lux-id-column{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:calc(var(--card-u)*5);padding-bottom:calc(var(--card-u)*4)}
.student-card-lux-level{padding:calc(var(--card-u)*3) calc(var(--card-u)*5);border:1px solid #a2d9b8;border-radius:calc(var(--card-u)*4);background:#dff5e7;color:#032b1d;font-weight:700;font-size:calc(var(--card-u)*8.5);line-height:1.5;text-align:center;overflow-wrap:anywhere}
.student-card-lux-id{background:#032b1d;color:white;border-radius:calc(var(--card-u)*7);padding:calc(var(--card-u)*5) calc(var(--card-u)*8)}
.student-card-lux-id small{display:block;font:600 calc(var(--card-u)*7)/1.4 Arial,sans-serif;color:#83d8b6}
.student-card-lux-id strong{display:block;font:700 calc(var(--card-u)*12)/1.5 monospace;overflow-wrap:anywhere}
.student-card-lux-name{margin:calc(var(--card-u)*10) 0 0;font-size:calc(var(--card-u)*12.5);line-height:1.45;color:#17251d;overflow-wrap:anywhere}
.student-card-lux-name.is-long{font-size:calc(var(--card-u)*10)}
.student-card-lux-name.is-extra-long{font-size:calc(var(--card-u)*8.5)}
.student-card-lux-english{margin:calc(var(--card-u)*2) 0 0;font:600 calc(var(--card-u)*7.5)/1.5 Arial,sans-serif;color:#007a33;overflow-wrap:anywhere}
.student-card-lux-room{margin:calc(var(--card-u)*3) 0 0;font-size:calc(var(--card-u)*8);line-height:1.4;color:#377250}
.student-card-lux-details{display:grid;gap:calc(var(--card-u)*5)}
.student-card-lux-details>div{border-left:calc(var(--card-u)*2) solid #007a33;background:#f6f8f7;padding:calc(var(--card-u)*4) calc(var(--card-u)*8)}
.student-card-lux-details dt{font-size:calc(var(--card-u)*8);line-height:1.5;color:#77847d}
.student-card-lux-details dd{margin:calc(var(--card-u)*1) 0 0;font-size:calc(var(--card-u)*10);line-height:1.5;font-weight:700;color:#26372c;overflow-wrap:anywhere}
.student-card-lux-footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:calc(var(--card-u)*8);padding-bottom:calc(var(--card-u)*12)}
.student-card-lux-director{min-width:0;flex:1 1 auto;margin-right:auto;text-align:center;color:#163025}
.student-card-lux-signature{display:grid;place-items:center;height:calc(var(--card-u)*26);margin-bottom:calc(var(--card-u)*2)}
.student-card-lux-signature img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(var(--card-u)*26)}
.student-card-lux-director strong{display:block;font-size:calc(var(--card-u)*9);line-height:1.4;overflow-wrap:anywhere}
.student-card-lux-director.is-long strong{font-size:calc(var(--card-u)*8)}
.student-card-lux-director small{display:block;font-size:calc(var(--card-u)*7.5);line-height:1.4;color:#377250}
.student-card-lux-qr{display:block;width:calc(var(--card-u)*44);height:calc(var(--card-u)*44);flex:0 0 auto;image-rendering:pixelated;background:#fff}
#preview-card-classic[hidden],#preview-card-design[hidden],#student-id-card-classic[hidden],#student-id-card-design[hidden]{display:none!important}
.student-card-settings-preview{display:flex;justify-content:center;width:100%;margin-top:24px;min-width:0}
.student-card-design-layout>div{min-width:0}
@media(min-width:768px){.student-card-design-layout.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}}
#preview-card-design{width:246px;max-width:100%}
#student-id-card-design{height:100%;width:100%}
#capture-id-card.has-luxv09{border:0;background:transparent}
#capture-id-card.has-luxv09 .student-card-luxv09{width:100%;height:100%;max-width:none}
.student-card-design-field{display:grid;gap:7px;margin-bottom:18px;font-weight:700;color:#23443e}
.student-card-design-field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #bbd3c9;border-radius:6px;background:#fff;color:#173e42;font:inherit;font-size:14px}
#setting-card-start:disabled,#setting-card-end:disabled,#setting-qr-color:disabled,#reset-card-colors:disabled{opacity:.45;cursor:not-allowed}
@media print{.student-card-luxv09.print-card{width:54mm!important;height:86mm!important;max-width:none!important;margin:0!important;break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}.student-card-lux-art::after{display:none}}