*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#182b3a;font:14px/1.6 Arial,sans-serif}aside{width:230px;background:#102c3a;color:#e4f0f3;position:fixed;inset:0 auto 0 0;padding:32px 24px}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}aside small{color:#94b2be;font-size:10px;letter-spacing:2px}nav{margin:45px 0}nav a{display:block;color:#bcd1da;text-decoration:none;padding:13px 12px;border-radius:10px;margin-bottom:5px}nav a:hover{background:#214554;color:white}main{margin-left:230px;padding:34px 42px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:29px;letter-spacing:-1px;margin:5px 0}h2{margin-top:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#65838f}.pill{display:inline-block;background:#e6eff0;padding:5px 12px;border-radius:30px;font-size:12px}.hero{display:flex;background:#dcebe7;border-radius:20px;padding:40px;justify-content:space-between;gap:25px;margin-bottom:25px}.hero h2{font-size:38px;line-height:1.17;letter-spacing:-1px;margin:16px 0}.hero p{max-width:440px;color:#56716f}.hero-art{font-size:130px;color:#2e786c;align-self:center;text-align:center}.hero-art small{display:block;font-size:10px;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.stats article,.panel{background:white;border:1px solid #e1e8ed;border-radius:16px;padding:25px;margin-bottom:22px}.stats article span{display:block;color:#6a808b}.stats strong{font-size:38px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}button,.button{background:#147968;border:0;color:white;padding:12px 19px;border-radius:8px;cursor:pointer;display:inline-block;text-decoration:none;font-weight:600}.secondary{background:#e9eff2;color:#264b5c}label{display:block;margin-bottom:14px;color:#4c6470}input,select{display:block;width:100%;padding:11px;border:1px solid #cedbe2;border-radius:7px;margin-top:5px;font:inherit}input[type=checkbox],input[type=radio]{width:auto;display:inline-block;margin-right:7px}table{width:100%;border-collapse:collapse}th{text-align:left;color:#69808c;font-size:11px;text-transform:uppercase;letter-spacing:1px}td,th{padding:14px 10px;border-bottom:1px solid #edf1f3}a{color:#147968}.inline{display:inline-block;margin-left:8px}.inline button{padding:5px 8px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filters label{margin:0}.filters button{margin-bottom:1px}.days,.segmented{display:flex;gap:12px;flex-wrap:wrap}.error{color:#b42318}.login{display:flex;min-height:100vh;align-items:center;justify-content:center}.login .panel{width:410px;max-width:95vw;padding:38px}.login button{width:100%}#reader{max-width:450px;margin:18px 0}.cards{display:flex;flex-wrap:wrap;gap:30px;margin-top:25px}.id-card{width:54mm;min-height:86mm;background:white;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #153f4920;text-align:center;position:relative;break-inside:avoid}.id-top{background:#123d4e;color:white;padding:12px 8px 23px;line-height:1.3}.id-top span{display:block;font-size:24px;color:#c6e6cd}.id-top b{display:block;font-size:11px}.id-top small{font-size:7px;letter-spacing:1px}.portrait{width:57px;height:65px;background:#e0eeeb;border:4px solid white;margin:-16px auto 5px;position:relative;border-radius:8px;font-size:30px;color:#25715f}.portrait img{width:100%;height:100%;object-fit:cover}.id-card h2{font-size:13px;line-height:1.25;margin:8px 8px 3px;overflow-wrap:anywhere}.id-card p{font-size:9px;margin:0 8px}.student-number{font-size:10px;letter-spacing:1px;display:block;margin:5px}.qr{width:96px;min-height:96px;margin:7px auto;background:white;font-size:9px}.qr img{display:block}.id-card footer{background:#d9e9df;padding:7px;font-size:7px;letter-spacing:1px}@media(max-width:850px){aside{position:static;width:auto;padding:18px}nav{margin:12px 0;display:flex;flex-wrap:wrap}nav a{padding:7px}main{margin:0;padding:20px}.grid{grid-template-columns:1fr}.hero-art{display:none}.hero h2{font-size:30px}.panel{overflow:auto}header{align-items:start}.stats{gap:8px}.stats article{padding:14px}.stats strong{font-size:28px}}@media print{body{background:white}aside,header,.no-print,button,.filters{display:none!important}main{margin:0;padding:0}.panel{border:0;padding:0}.cards{gap:8mm;margin:0}.id-card{box-shadow:none;border:1px solid #ddd;border-radius:0;min-height:86mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4;margin:12mm}}

#face-video{width:100%;max-height:420px;background:#102c3a;border-radius:14px;transform:scaleX(-1);margin:16px 0}.face-controls{display:flex;gap:10px;flex-wrap:wrap}button:disabled{opacity:.45;cursor:not-allowed}

textarea{display:block;width:100%;min-height:70px;padding:11px;border:1px solid #cedbe2;border-radius:7px;font:inherit;margin-top:5px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}aside{overflow-y:auto}nav{margin:25px 0}.selection-table{max-height:340px;overflow:auto}.print-toolbar{display:flex;align-items:center;gap:18px;margin:22px 0}.id-sheet{background:white;padding:12mm;margin:24px 0;width:202mm;max-width:none;border:1px solid #e1e8ed;border-radius:15px;overflow:visible}.id-sheet-grid{display:grid;grid-template-columns:repeat(3,54mm);grid-template-rows:repeat(3,86mm);column-gap:8mm;row-gap:5mm}.badge-slot{width:54mm;height:86mm}.badge{width:54mm;height:86mm;background:#fff;border:0.2mm solid #cbd9df;overflow:hidden;position:relative;color:#163c4b;print-color-adjust:exact;-webkit-print-color-adjust:exact}.badge-school{height:24mm;background:linear-gradient(125deg,#102e42,#236557);color:white;text-align:center;padding:2mm 2mm 0;position:relative}.school-emblem{display:block;color:#d2e6ae;font-size:21px;line-height:1.2}.badge-school b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;line-height:1.25;max-height:6mm}.badge-school small{font-size:6px;letter-spacing:1px}.badge-photo{width:17mm;height:20mm;margin:-4mm auto 1mm;position:relative;border:1mm solid white;background:#d9e8e0;text-align:center;font-size:29px;line-height:17mm;border-radius:2mm}.badge-photo img{width:100%;height:100%;object-fit:cover;display:block}.badge h2{font-size:11px;line-height:1.2;text-align:center;margin:1mm 2mm;max-height:7mm;overflow:hidden}.badge-class{font-size:8px;text-align:center;margin:0 2mm;line-height:1.25;max-height:5mm;overflow:hidden}.badge-number{display:block;font-size:8px;text-align:center;margin:1mm;line-height:1.3;overflow:hidden;white-space:nowrap}.badge .qr{margin:1mm auto;width:96px;height:96px;min-height:96px;background:white}.badge-bottom{position:absolute;bottom:0;width:100%;height:5mm;background:#dce9df;border-top:0.4mm solid #b1c6a0;text-align:center;font-size:6px;line-height:4.5mm;white-space:nowrap;overflow:hidden;letter-spacing:.4px}.back-title{height:13mm;padding:3mm;background:#153e4e;color:white;font-size:8px;letter-spacing:1px}.back-title span{display:block;color:#d1e5b2;font-size:7px;letter-spacing:.5px}.back-body{padding:2mm 3mm}.back-body dl{margin:0}.back-body dt{font-size:6px;text-transform:uppercase;letter-spacing:.4px;color:#73828b;line-height:1.25}.back-body dd{font-size:7px;line-height:1.25;margin:0 0 1mm;overflow-wrap:anywhere;max-height:8mm;overflow:hidden}.back-body h3{margin:2mm 0 1mm;font-size:7px;border-top:1px solid #dbe4e8;padding-top:1mm;color:#2e6657}.signature{border-top:1px solid #78958d;margin:3mm 2mm 1mm;text-align:center;font-size:5px;color:#637980;padding-top:1mm}.return-note{font-size:6px;line-height:1.25;margin:1mm 0;max-height:11mm;overflow:hidden;color:#56717a}@media(max-width:850px){.form-grid{grid-template-columns:1fr}.id-sheet{transform-origin:top left}.print-toolbar{flex-wrap:wrap}main:has(.id-sheet){overflow-x:auto}}@media print{.print-toolbar,.no-print{display:none!important}.id-sheet{width:186mm;height:273mm;padding:0;margin:0;border:0;border-radius:0;break-after:page;page-break-after:always}.id-sheet:last-child{break-after:auto;page-break-after:auto}.badge-slot,.badge{break-inside:avoid}main{max-width:none}.id-sheet-grid{grid-template-columns:repeat(3,54mm);grid-template-rows:repeat(3,86mm);gap:5mm 8mm}.badge-school{background:#123d4e}@page{size:A4 portrait;margin:12mm}}
.badge-school{height:20mm}.badge-photo{height:18mm;line-height:15mm}.badge h2{height:7mm;max-height:7mm}.badge-class{height:4mm;max-height:4mm}

.attendance-table{overflow-x:auto}.attendance-table table{min-width:850px}@media print{.attendance-table{overflow:visible}.attendance-table table{min-width:0;font-size:9px}.attendance-table td,.attendance-table th{padding:5px 3px}}

[hidden]{display:none!important}.kiosk-body{background:linear-gradient(140deg,#edf4f1,#eff3f9);min-height:100vh}.kiosk-main{margin:0 auto;padding:35px;max-width:1250px}.kiosk-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:26px}.kiosk-grid .panel{padding:30px}.kiosk-profile{text-align:center}.kiosk-profile table{text-align:left}.preview-placeholder{font-size:120px;color:#adc9bc;margin:40px 0}.preview-banner{height:150px;background:linear-gradient(120deg,#123d4e,#33725f);border-radius:14px;display:flex;justify-content:center;align-items:center;margin:20px 0}.preview-banner img,.student-initial{width:100px;height:120px;object-fit:cover;border:4px solid white;border-radius:12px;background:#e5efeb}.student-initial{font-size:60px;line-height:110px;color:#286c5c}.kiosk-profile h2{font-size:27px;margin:18px 0 4px}.kiosk-profile h3{margin-top:28px}.kiosk-footer{text-align:center;color:#69868c;letter-spacing:2px;font-size:10px}.kiosk-main #manual{margin-top:25px}#kiosk-result{font-size:20px;font-weight:700;line-height:1.4;padding-top:20px}@media(max-width:800px){.kiosk-grid{grid-template-columns:1fr}.kiosk-main{padding:18px}.kiosk-main header{display:block}.kiosk-grid .panel{padding:22px}}

.scanner-choice{display:flex;gap:12px;margin:20px 0}.scanner-choice button{flex:1}#kiosk-face-video{width:100%;max-height:380px;background:#102c3a;border-radius:14px;transform:scaleX(-1);margin:10px 0}
/* v8: configurable theme and fluid screen layouts. Print cards retain physical dimensions. */
:root{--primary:#147968;--sidebar:#102c3a;--background:#f3f6f8;--text:#182b3a;--accent:#dcebe7;--card:#ffffff}
html{width:100%;min-width:0}body{background:var(--background);color:var(--text)}main{width:calc(100% - 230px);max-width:none;min-width:0;padding:clamp(18px,2.6vw,42px)}aside{background:var(--sidebar);width:230px}.panel,.stats article,.id-card,.badge{background:var(--card)}button,.button{background:var(--primary)}button.secondary,.button.secondary,.scanner-choice button.secondary{background:var(--accent);color:var(--text)}a{color:var(--primary)}h1,h2,h3,p,label,td,.brand{overflow-wrap:anywhere}.hero{background:var(--accent)}.hero-art{color:var(--primary)}.hero h2{font-size:clamp(25px,3vw,42px)}.grid,.kiosk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>* , .kiosk-grid>*{min-width:0}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats article{min-width:0}.stats strong{font-size:clamp(27px,3vw,40px)}header{gap:15px;flex-wrap:wrap}header>div{min-width:0}.pill{white-space:normal;background:var(--accent)}input,select,textarea{min-width:0;max-width:100%}button,.button{max-width:100%;min-height:42px;white-space:normal}nav a:hover{background:var(--primary)}.site-brand{display:flex;align-items:center;gap:9px;font-size:22px;line-height:1.25;letter-spacing:-.5px}.site-brand>span:last-child{min-width:0}.site-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;background:var(--card);padding:3px;flex:none}.brand-symbol{flex:none}.mobile-menu{display:none}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.table-scroll table{min-width:520px}.kiosk-profile .table-scroll table{min-width:0}.panel{overflow:visible}.selection-table,.attendance-table{max-width:100%;overflow:auto}.filters{gap:12px}.filters label{flex:1 1 150px}.filters button{flex:0 1 auto}.face-controls{display:flex;flex-wrap:wrap;gap:10px}.face-controls button{flex:1 1 120px}video,#reader{max-width:100%;width:100%}#reader{min-width:0}.kiosk-body{background:var(--background)}.kiosk-main{width:100%;max-width:1600px;margin:auto;padding:clamp(18px,3vw,40px)}.kiosk-grid .panel{padding:clamp(18px,2vw,30px)}.preview-banner{background:var(--sidebar)}.kiosk-profile h2{font-size:clamp(22px,2.5vw,32px)}.scanner-choice{flex-wrap:wrap}.scanner-choice button{flex:1 1 135px}.settings-logo{width:120px;height:100px;object-fit:contain;border:1px solid #d2dce0;padding:8px;border-radius:12px}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}input[type=color]{height:48px;padding:4px;cursor:pointer}.content-list{max-height:500px;overflow:auto}.content-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:12px;border-bottom:1px solid #e1e8ed;margin:0;align-items:center}.content-row input{margin:0}.settings-save{position:sticky;bottom:12px;z-index:5;background:var(--card);padding:12px;border:1px solid #cedbe2;border-radius:12px;box-shadow:0 4px 18px #183a4115;margin-bottom:25px}.settings-save button{width:100%}.sheet-frame{width:100%;max-width:202mm;position:relative;margin:20px 0;overflow:hidden}.sheet-frame .id-sheet{margin:0;transform-origin:top left}.id-sheet{background:var(--card)}.badge-school,.back-title,.id-top{background:var(--sidebar)!important}.badge,.back-body{color:var(--text)}.badge-bottom,.id-card footer{background:var(--accent);color:var(--text)}.id-logo{display:block;object-fit:contain;height:5mm;width:9mm;margin:0 auto 1mm;background:var(--card);border-radius:1mm;padding:.3mm}.login{padding:20px}.login .panel{width:min(440px,100%);max-width:100%;margin:0}.login .site-brand{justify-content:center}
@media(min-width:1800px){main{padding:40px 55px}.kiosk-main{padding:45px}.kiosk-grid{gap:35px}}
@media(max-width:1100px){aside{width:205px;padding:25px 16px}main{margin-left:205px;width:calc(100% - 205px)}.grid{grid-template-columns:1fr}.kiosk-main{margin:0 auto;width:100%}.hero{padding:28px}.hero-art{font-size:95px}.site-brand{font-size:20px}}
@media(max-width:850px){.mobile-menu{display:block;position:sticky;top:0;width:100%;border-radius:0;z-index:30;padding:13px;text-align:left;background:var(--sidebar)!important;color:white!important}aside{display:none;position:fixed;top:46px;bottom:0;left:0;width:min(300px,88vw);z-index:25;overflow-y:auto;padding:24px;box-shadow:8px 0 30px #102c3a33}aside.menu-open{display:block}aside nav{display:block;margin:25px 0}aside nav a{padding:12px}main{width:100%;margin:0;padding:20px}.kiosk-main{width:100%;padding:20px}.kiosk-grid{grid-template-columns:1fr}.hero{padding:24px}.stats{gap:10px}.stats article{padding:16px}.grid{gap:15px}header h1{font-size:clamp(23px,5vw,30px)}.form-grid{grid-template-columns:1fr}.content-row{grid-template-columns:1fr;gap:7px}.print-toolbar{flex-direction:column;align-items:stretch}main:has(.id-sheet){overflow-x:visible}.panel{padding:20px}}
@media(max-width:480px){main,.kiosk-main{padding:14px}.stats{grid-template-columns:1fr}.stats article{display:flex;align-items:center;justify-content:space-between;margin:0}.hero h2{font-size:28px}.hero p{font-size:13px}.hero .button{display:block;margin:8px 0}.color-grid{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr}.filters button{width:100%}.kiosk-profile .table-scroll td,.kiosk-profile .table-scroll th{padding:10px 4px;font-size:11px}.login .panel{padding:24px}.face-controls button{flex-basis:100%}.scanner-choice button{flex-basis:100%}}
@media print{.mobile-menu,.settings-save{display:none!important}main,.kiosk-main{width:100%;margin:0;padding:0}.sheet-frame{display:contents!important;height:auto!important;overflow:visible!important;max-width:none}.sheet-frame .id-sheet{transform:none!important;margin:0!important}.table-scroll,.attendance-table{overflow:visible}.table-scroll table{min-width:0}.badge,.badge-school,.badge-bottom,.back-title{print-color-adjust:exact;-webkit-print-color-adjust:exact}.grid{display:block}}
/* v9 ID layout canvas: the same dimensions and coordinates render in editor and print. */
.layout-card{position:relative;width:54mm;height:86mm;overflow:hidden;border:.2mm solid #cbd9df;background:var(--id-bg,#fff);color:#173c4b;box-sizing:border-box;print-color-adjust:exact;-webkit-print-color-adjust:exact}.layout-decoration{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--id-primary) 0 22mm,transparent 22mm 81mm,var(--id-accent) 81mm 100%)}.layout-card.back .layout-decoration{background:linear-gradient(to bottom,var(--id-primary) 0 16mm,transparent 16mm 81mm,var(--id-accent) 81mm 100%)}.template-emerald .layout-decoration{background:linear-gradient(to bottom,var(--id-primary) 0 22mm,transparent 22mm),linear-gradient(90deg,var(--id-accent) 0 25mm,transparent 25mm)}.template-royal .layout-decoration{background:linear-gradient(145deg,var(--id-primary) 0 27%,transparent 27%),linear-gradient(to bottom,transparent 0 80mm,var(--id-accent) 80mm)}.template-minimal .layout-decoration{background:linear-gradient(to bottom,var(--id-accent) 0 22mm,transparent 22mm),linear-gradient(to right,var(--id-primary) 0 1.5mm,transparent 1.5mm)}.template-minimal.back .layout-decoration{background:linear-gradient(to bottom,var(--id-accent) 0 16mm,transparent 16mm),linear-gradient(to right,var(--id-primary) 0 1.5mm,transparent 1.5mm)}.layout-element{position:absolute;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.15;box-sizing:border-box;z-index:1;margin:0!important}.layout-element img{display:block;width:100%;height:100%;object-fit:contain}.layout-element.kind-photo{background:#e3ece7;border-radius:1.5mm;text-align:center;display:flex;justify-content:center;align-items:center;font-size:24pt!important}.layout-element.kind-photo img{object-fit:cover}.layout-element.kind-logo{text-align:center;display:flex;align-items:center;justify-content:center;font-size:20pt!important}.layout-element.kind-qr{background:white;padding:1.2mm}.layout-element.kind-qr .qr{width:100%!important;height:100%!important;min-height:0!important;margin:0!important}.layout-element.kind-qr .qr img,.layout-element.kind-qr .qr canvas{width:100%!important;height:100%!important;object-fit:contain}.designer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.9fr);gap:20px}.designer-preview{align-self:start;position:sticky;top:20px}.designer-canvases{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.designer-canvases>div{max-width:100%;width:270px}.design-canvas{width:100%;height:auto;aspect-ratio:54/86;touch-action:none;box-shadow:0 8px 24px #163c4b22}.design-canvas .layout-element{cursor:move;user-select:none}.design-selected{outline:2px dashed #d95050;outline-offset:-2px}.designer-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.designer-toolbar label{flex:1}.designer-toolbar button{margin-bottom:14px}.kiosk-fullscreen-toggle{position:fixed;right:14px;bottom:14px;z-index:35;border:1px solid #cbd9df;box-shadow:0 5px 18px #102c3a22}.kiosk-body .kiosk-main{max-width:none;width:100%;min-height:100dvh;display:flex;flex-direction:column;padding:clamp(14px,2vw,32px)}.kiosk-body .kiosk-grid{flex:1;align-items:stretch;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.kiosk-body .kiosk-grid .panel{display:flex;flex-direction:column;margin-bottom:12px}.kiosk-body .kiosk-footer{padding:8px 150px 8px 8px}.kiosk-body #reader{max-width:100%;flex:none}.kiosk-body #kiosk-face-video{max-height:clamp(240px,48dvh,650px);object-fit:contain}.kiosk-body:fullscreen{overflow:auto;background:var(--background)}@media(max-width:1200px){.designer-grid{grid-template-columns:1fr}.designer-preview{position:static}}@media(max-width:850px){.kiosk-body .kiosk-grid{grid-template-columns:1fr}.designer-canvases{gap:15px}.kiosk-fullscreen-toggle{right:8px;bottom:8px;font-size:12px}.kiosk-body .kiosk-footer{padding:10px 130px 10px 5px}}@media print{.layout-card{break-inside:avoid}.design-selected{outline:none}.kiosk-fullscreen-toggle{display:none!important}}
.layout-decoration{background:linear-gradient(to bottom,var(--id-primary) 0 25.581%,transparent 25.581% 94.186%,var(--id-accent) 94.186% 100%)}.layout-card.back .layout-decoration{background:linear-gradient(to bottom,var(--id-primary) 0 18.605%,transparent 18.605% 94.186%,var(--id-accent) 94.186% 100%)}.template-emerald .layout-decoration{background:linear-gradient(to bottom,var(--id-primary) 0 25.581%,transparent 25.581%),linear-gradient(90deg,var(--id-accent) 0 46.296%,transparent 46.296%)}.template-royal .layout-decoration{background:linear-gradient(to bottom,var(--id-primary) 0 25.581%,transparent 25.581%),linear-gradient(145deg,transparent 0 75%,var(--id-accent) 75%)}.template-minimal .layout-decoration{background:linear-gradient(to bottom,var(--id-accent) 0 25.581%,transparent 25.581%),linear-gradient(to right,var(--id-primary) 0 2.778%,transparent 2.778%)}.template-minimal.back .layout-decoration{background:linear-gradient(to bottom,var(--id-accent) 0 18.605%,transparent 18.605%),linear-gradient(to right,var(--id-primary) 0 2.778%,transparent 2.778%)}.layout-element.kind-qr{padding:2mm}
@media(min-width:851px){.kiosk-body .kiosk-main{height:100dvh;overflow:hidden}.kiosk-body .kiosk-main>header{flex:none;margin-bottom:14px}.kiosk-body .kiosk-grid{min-height:0;overflow:hidden}.kiosk-body .kiosk-grid>.panel{overflow:auto;min-height:0;padding:clamp(15px,1.5vw,25px)}.kiosk-body .kiosk-footer{flex:none}.kiosk-body #kiosk-face-video{max-height:32dvh;flex-shrink:0}.kiosk-body #reader{max-width:min(100%,440px);align-self:center}.kiosk-body #reader video{max-height:32dvh;object-fit:contain}.kiosk-body #manual{margin-top:14px}.kiosk-body #kiosk-result{font-size:18px;padding-top:10px}}