@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto+Mono:wght@400;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";.brand img{background:0 0;padding:0}:root{--color-primary:#48c7bf;--color-accent:#ff4f66;--color-mint:#0fc;--color-bg:#0a0a12;--color-bg-panel:#0f111b;--color-bg-ink:#050507;--color-text:#f9fafb;--color-text-soft:#e5e7eb;--color-text-muted:#9ca3af;--color-danger:#fca5a5;--color-border-subtle:#2f3748;--color-panel-glass:#111827c7;--color-text-04:#ffffff0a;--color-text-08:#ffffff14;--color-text-10:#ffffff1a;--color-text-12:#ffffff1f;--color-text-20:#fff3;--color-primary-12:#48c7bf1f;--color-primary-20:#48c7bf33;--color-primary-30:#48c7bf4d;--color-mint-08:#00ffcc14;--color-accent-12:#ff4f661f;--color-black-45:#00000073;--gradient-signature:linear-gradient(120deg, #ff4e65, #fdb487 35%, #6ed7b4 80%, #3dc2c1);--font-sans:"Inter", "Noto Sans Thai", "Segoe UI", system-ui, sans-serif;--font-mono:"Roboto Mono", "Noto Sans Thai", monospace;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 20%, #ea516c24, transparent 32%), radial-gradient(circle at 80% 10%, #7af9cd26, transparent 36%), radial-gradient(circle at 60% 70%, #ffffff0a, transparent 30%), var(--color-bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-width:320px;margin:0}:is(html:has(.welcome-active,.scanning-active,.login-active),body:has(.welcome-active,.scanning-active,.login-active)){overscroll-behavior:none;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--color-mint);outline-offset:5px}button{transition:background .2s,transform .2s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}h1,h2,p{margin:0}h1{letter-spacing:-1px;white-space:pre-line;font-size:clamp(32px,3.4vw,46px);font-weight:700;line-height:1.35}h2{font-weight:500;line-height:1.45}.app-shell{flex-direction:column;max-width:1440px;min-height:100svh;margin:auto;padding:0 56px;display:flex}.site-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:20px;height:110px;display:flex}.brand{align-items:center;gap:23px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:190px;height:auto}.brand-divider{background:var(--color-border-subtle);width:1px;height:26px}.brand-product{letter-spacing:2.2px;font-size:10px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-soft)}.header-actions{align-items:center;gap:23px;display:flex}.language-switch{border:1px solid var(--color-border-subtle);background:var(--color-text-04);border-radius:25px;gap:3px;padding:4px;display:flex}.language-switch button{color:var(--color-text-muted);background:0 0;border:0;border-radius:20px;min-width:43px;padding:6px 13px;font-size:12px}.language-switch button[aria-pressed=true]{background:var(--color-primary);color:var(--color-bg-ink);font-weight:700}.sign-out{color:var(--color-text-muted);background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}main{flex-direction:column;flex:1;justify-content:center;padding:46px 0 40px;display:flex}.eyebrow{letter-spacing:2.3px;text-transform:uppercase;color:var(--color-primary);font-size:10px;font-weight:600;font-family:var(--font-mono);display:block}.event-bar{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1080px;margin:0 auto 25px;display:flex}.event-bar strong{margin-top:8px;font-size:17px;font-weight:500;display:block}.ready-badge{background:var(--color-mint-08);color:var(--color-primary);white-space:nowrap;border:1px solid var(--color-primary-30);border-radius:20px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:flex}.ready-badge>span,.tiny-dot{background:var(--color-mint);border-radius:50%;width:5px;height:5px}.station-card,.login-card{background:var(--color-panel-glass);border:1px solid var(--color-text-10);width:100%;max-width:1080px;box-shadow:0 24px 60px var(--color-black-45);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;grid-template-columns:1fr 1fr;margin:auto;display:grid;overflow:hidden}.station-visual,.login-art{background:radial-gradient(circle at 30% 28%, var(--color-accent-12), transparent 65%), radial-gradient(circle at 70% 78%, var(--color-primary-12), transparent 65%), var(--color-bg-panel);justify-content:center;align-items:center;min-height:495px;display:flex;position:relative;overflow:hidden}.station-content,.login-content{flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 46px;display:flex}.station-content .eyebrow,.login-content .eyebrow{margin-bottom:20px}.intro{color:var(--color-text-muted);max-width:335px;margin-top:19px;font-size:14px;line-height:1.85}.primary-button,.small-primary{background:var(--gradient-signature);color:var(--color-bg-ink);border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:17px 23px;font-size:14px;font-weight:700;display:inline-flex}.primary-button:hover,.small-primary:hover{filter:brightness(1.08);box-shadow:0 8px 24px var(--color-primary-12)}.scan-button{width:100%;margin-top:31px}.scan-button>svg:last-child{margin-left:auto}.steps{border-top:1px solid var(--color-text-10);justify-content:space-between;gap:14px;width:100%;margin-top:35px;padding-top:28px;display:flex}.steps>div{flex-direction:column;flex:1;align-items:flex-start;gap:11px;display:flex;position:relative}.steps>div>span{color:var(--color-primary)}.steps p{color:var(--color-text-muted);font-size:10px}.steps>div>svg{color:var(--color-border-subtle);position:absolute;top:3px;right:0}.visual-label{letter-spacing:1.9px;color:var(--color-text-muted);font-size:8px;font-family:var(--font-mono);align-items:center;gap:9px;display:flex;position:absolute;bottom:32px}.print-art{flex-shrink:0;width:300px;height:310px;position:relative;transform:rotate(-6deg)}.art-orbit{border:1px solid var(--color-primary-20);border-radius:50%;width:280px;height:280px;position:absolute;top:20px;left:10px}.orbit-two{width:240px;height:240px;top:40px;left:30px}.printer-top{background:#263445;border:1px solid #42556a;border-radius:15px 15px 0 0;width:168px;height:70px;position:absolute;top:42px;left:66px;box-shadow:inset 0 7px #34465b}.printer-body{background:#263849;border:1px solid #486675;border-radius:22px;width:226px;height:114px;position:absolute;top:88px;left:37px;box-shadow:0 8px #142332,0 16px 25px #00000045}.printer-light{background:var(--color-mint);border-radius:50%;width:6px;height:6px;position:absolute;top:21px;right:22px;box-shadow:12px 0 #3e5661}.printer-slot{background:var(--color-bg-ink);border:4px solid #476775;border-radius:7px;height:14px;position:absolute;top:65px;left:20px;right:20px}.printer-output{z-index:1;width:184px;height:155px;position:absolute;top:160px;left:58px;overflow:hidden}.printer-output:after{content:"";pointer-events:none;background:linear-gradient(#080f1c99,#0000);height:5px;position:absolute;inset:0 0 auto}.print-photo{text-align:center;background:#f8fafc;border:1px solid #cbd5e1;width:152px;height:137px;padding:10px 10px 4px;position:absolute;top:0;left:16px;transform:translateY(0);box-shadow:1px 5px 9px #00000040}.photo-scene{background:var(--gradient-signature);height:101px;position:relative;overflow:hidden}.photo-sun{background:#fff3dc;border-radius:50%;width:29px;height:29px;position:absolute;top:16px;left:26px}.photo-hill{border-radius:50%;width:170px;height:95px;position:absolute;transform:rotate(-20deg)}.photo-hill.back{background:#358b91;top:46px;left:7px}.photo-hill.front{background:#19565e;top:70px;left:-45px}.photo-heart{color:#fff;font-size:29px;position:absolute;top:29px;right:31px;transform:rotate(15deg)}.print-photo>span{letter-spacing:1.5px;color:#374151;font-size:7px;line-height:20px}.art-sticker{z-index:2;border:1px solid var(--color-primary-30);width:37px;height:37px;color:var(--color-mint);box-shadow:0 3px 8px var(--color-black-45);background:#142b2e;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:27px;right:31px;transform:rotate(6deg)}.art-spark{color:var(--color-primary);font-size:29px;position:absolute}.spark-one{top:32px;right:17px}.spark-two{color:var(--color-accent);font-size:15px;bottom:58px;left:4px}.art-caption{letter-spacing:2px;color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono);gap:18px;display:flex;position:absolute;bottom:39px}.login-content h1{font-size:clamp(28px,2.6vw,36px)}.login-form{flex-direction:column;gap:16px;width:100%;margin-top:24px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:var(--color-text-soft);font-size:13px;font-weight:600}.login-input{border:1px solid var(--color-text-10);background:var(--color-text-04);min-height:50px;color:var(--color-text-muted);border-radius:12px;align-items:center;gap:12px;padding:0 14px;display:flex}.login-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-12)}.login-input:has(input[aria-invalid=true]){border-color:var(--color-danger)}.login-input>svg{flex-shrink:0}.login-input input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:none;padding:14px 0;font-size:14px}.login-input input::placeholder{color:var(--color-text-muted)}.login-input input[type=password]::-ms-reveal{display:none}.password-toggle{width:40px;min-height:44px;color:var(--color-text-muted);background:0 0;border:0;flex-shrink:0;place-items:center;margin-right:-9px;padding:0;display:grid}.password-toggle:hover:not(:disabled){color:var(--color-primary)}.login-divider{width:100%;color:var(--color-text-muted);align-items:center;gap:14px;margin:20px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-text-12);flex:1;height:1px}.google-button{border:1px solid var(--color-text-20);background:var(--color-text-08);width:100%;min-height:55px;color:var(--color-text);border-radius:14px;justify-content:center;align-items:center;gap:13px;margin-top:0;padding:16px 17px;font-size:13px;font-weight:700;display:flex}.google-button>svg:last-child{color:var(--color-text-soft);margin-left:auto}.google-button:hover{background:var(--color-text-12)}.staff-note{color:var(--color-text-muted);margin-top:18px;font-size:11px}.inline-error{background:var(--color-accent-12);color:var(--color-danger);border-radius:9px;align-items:flex-start;gap:9px;margin-top:21px;padding:14px;font-size:12px;line-height:1.65;display:flex}.inline-error svg{flex-shrink:0;margin-top:2px}footer{color:var(--color-text-muted);letter-spacing:1px;justify-content:space-between;gap:20px;padding:24px 0 28px;font-size:10px;display:flex}footer>span:last-child{letter-spacing:0}.loading-state,.setup-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:400px;display:flex}.setup-state p{max-width:420px;color:var(--color-text-muted);font-size:14px;line-height:1.8}.spinner{border:2px solid var(--color-primary-20);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}.scanning-active .station-visual,.camera-view{--camera-tool-inset:clamp(20px, 3vmin, 40px);--camera-tool-size:clamp(40px, 7vmin, 72px)}.camera-view{background:var(--color-bg-ink);width:100%;height:100%;min-height:495px;position:relative;overflow:hidden}.camera-view video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mirrored{transform:scaleX(-1)}.camera-tools{z-index:2;top:var(--camera-tool-inset);left:var(--camera-tool-inset);right:var(--camera-tool-inset);justify-content:space-between;display:flex;position:absolute}.camera-tool{width:var(--camera-tool-size);height:var(--camera-tool-size);border:1px solid var(--color-text-20);color:#fff;background:#05070faa;border-radius:50%;place-items:center;display:grid}.camera-tool svg{width:50%;height:50%}.scan-frame{width:230px;height:230px;box-shadow:0 0 0 999px #05070f8c, 0 0 0 2px var(--color-primary-30), 0 0 28px var(--color-primary-30);border-radius:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-frame>span{border:5px solid var(--color-primary);width:clamp(34px,20%,72px);height:clamp(34px,20%,72px);filter:drop-shadow(0 0 6px var(--color-primary));position:absolute}.scan-frame>span:first-child{border-bottom:0;border-right:0;border-top-left-radius:15px;top:0;left:0}.scan-frame>span:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:15px;top:0;right:0}.scan-frame>span:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:15px;bottom:0;left:0}.scan-frame>span:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:15px;bottom:0;right:0}.scan-line{background:var(--color-mint);height:2px;box-shadow:0 0 14px var(--color-mint), 0 0 4px var(--color-mint);border-radius:2px;animation:3s ease-in-out infinite scan;position:absolute;left:10px;right:10px}.camera-message,.scanning-active .station-visual>.loading-state{inset:calc(var(--camera-tool-inset) + var(--camera-tool-size) + 20px) clamp(16px, 3vw, 48px) 32px;color:#fff;text-align:center;text-wrap:balance;text-shadow:0 2px 12px #000,0 2px 4px #000;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3dvh,40px);font-size:clamp(20px,6cqw,44px);font-weight:700;line-height:1.4;display:flex;position:absolute;container-type:inline-size}.camera-message:where(:lang(th)),.scanning-active .station-visual>.loading-state:where(:lang(th)){font-size:clamp(22px,7.5cqw,44px)}.camera-message .spinner,.scanning-active .station-visual>.loading-state .spinner{border-width:clamp(2px,.6cqw,4px);border-top-color:#fff;width:clamp(28px,8cqw,56px);height:clamp(28px,8cqw,56px)}.result-overlay{background:var(--color-bg-panel);z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:25px;display:flex;position:absolute;inset:0}.result-overlay h2{max-width:300px;font-size:19px}.result-overlay p{color:var(--color-text-muted);max-width:330px;font-size:14px;line-height:1.8}.result-logo{flex-shrink:0;width:clamp(200px,36vmin,320px);max-width:100%;height:auto}.countdown{color:var(--color-text-muted);font-size:11px}.text-button{color:var(--color-primary);background:0 0;border:0;align-items:center;gap:8px;padding:9px 0;font-size:12px;display:flex}.error-icon{background:var(--color-accent-12);width:68px;height:68px;color:var(--color-danger);border-radius:50%;place-items:center;display:grid}.small-primary{min-height:40px;padding:10px 13px;font-size:11px}.printing .print-photo{animation:3.2s cubic-bezier(.45,0,.25,1) infinite print}.printing .printer-light{animation:1s infinite blink}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,to{opacity:.2;top:20px}50%{opacity:1;top:calc(100% - 20px)}}@keyframes print{0%,10%{opacity:1;transform:translateY(calc(-100% - 12px))}70%,85%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(10px)}}@keyframes blink{50%{opacity:.2}}@media (width>=1500px){.app-shell{max-width:1440px}.station-visual,.login-art{min-height:550px}.station-content,.login-content{padding:60px}.station-card,.login-card,.event-bar{max-width:1180px}}@media (width<=900px){.app-shell{padding:0 28px}.brand{gap:14px}.brand-product{letter-spacing:1.5px;font-size:9px}.station-content,.login-content{padding:32px 28px}.station-visual,.login-art{min-height:475px}.station-card,.login-card{grid-template-columns:.9fr 1fr}h1{letter-spacing:-1px;font-size:32px}.print-art{transform:scale(.86)rotate(-6deg)}.steps{gap:8px}.steps p{font-size:9px}.visual-label{font-size:6px}.header-actions{gap:14px}.sign-out span{display:none}}@media (width<=640px){.app-shell{padding:0 20px}.site-header{height:84px}.brand img{width:clamp(120px,33vw,155px)}.brand-product,.brand-divider{display:none}.header-actions{gap:17px}.language-switch button{padding:6px 10px}.event-bar{margin-bottom:17px}.event-bar strong{max-width:220px;font-size:14px}.eyebrow{font-size:9px}.ready-badge{padding:7px 9px;font-size:9px}main{justify-content:flex-start;padding:27px 0 20px}.welcome-active main,.printing-active .result-overlay{--stack-pad-top:27px;--stack-pad-bottom:20px}.station-card,.login-card{border-radius:18px;grid-template-columns:1fr}.station-visual,.login-art{min-height:250px}.station-visual>.print-art,.login-art>.print-art{margin:-30px 0;transform:scale(.66)rotate(-6deg)}.visual-label,.art-caption{display:none}.station-content,.login-content{padding:29px 26px 30px}.station-content .eyebrow,.login-content .eyebrow{margin-bottom:13px}h1{font-size:31px;line-height:1.3}.intro{margin-top:12px;font-size:13px;line-height:1.75}.scan-button{margin-top:23px}.steps{gap:14px;margin-top:25px;padding-top:21px}.steps p{font-size:10px}.google-button{margin-top:0}.login-art{min-height:145px}.login-art>.print-art{margin:-80px 0;transform:scale(.42)rotate(-6deg)}.staff-note{font-size:10px}.camera-view{height:350px;min-height:350px}.camera-open .station-visual{min-height:350px}.result-overlay{gap:12px}.result-overlay h2{font-size:15px}.result-overlay p{font-size:12px}.result-overlay .text-button{font-size:11px}.station-visual:has(.result-overlay){min-height:350px}footer{letter-spacing:.7px;padding:21px 0;font-size:8px}.loading-state{min-height:60vh}.setup-state h1{font-size:26px}.setup-state p{font-size:13px}}.loading-active.app-shell,.setup-active.app-shell{max-width:none;height:100dvh;min-height:0;padding:0 clamp(16px,3vw,24px);overflow:clip}.loading-active .site-header,.setup-active .site-header{z-index:1;border:0;height:40px;position:absolute;inset:16px 20px auto}.loading-active .header-actions,.setup-active .header-actions{justify-content:flex-end;width:100%}.loading-active>footer,.setup-active>footer{display:none}.loading-active main,.setup-active main{min-height:0;padding:0}.setup-active .setup-state{gap:clamp(20px,3dvh,40px);min-height:100dvh;padding:0 clamp(16px,5vw,64px);container-type:inline-size}.setup-active .setup-state>svg{width:clamp(56px,12cqw,96px);height:clamp(56px,12cqw,96px);color:var(--color-danger)}.setup-active .setup-state h1{color:#fff;letter-spacing:0;text-wrap:balance;text-shadow:0 2px 12px #000,0 2px 4px #000;max-width:100%;margin:0;font-size:clamp(24px,7.2cqw,52px);font-weight:700;line-height:1.3}.setup-active .setup-state h1:where(:lang(th)){font-size:clamp(26px,9cqw,52px)}.setup-active .setup-state p{max-width:min(100%,30ch);color:var(--color-text-soft);text-wrap:balance;margin:0;font-size:clamp(16px,4.2cqw,30px);line-height:1.5}.setup-active .setup-state p:where(:lang(th)){font-size:clamp(18px,5cqw,30px)}.setup-active .setup-state .primary-button{border-radius:clamp(14px,2.4cqw,20px);min-height:clamp(52px,9cqw,76px);padding:clamp(14px,2.6cqw,22px) clamp(28px,6cqw,52px);font-size:clamp(16px,3.6cqw,28px)}.loading-active .loading-state{color:#fff;text-wrap:balance;text-shadow:0 2px 12px #000,0 2px 4px #000;gap:clamp(20px,3dvh,40px);min-height:100dvh;font-size:clamp(20px,6cqw,44px);font-weight:700;line-height:1.4;container-type:inline-size}.loading-active .loading-state:where(:lang(th)){font-size:clamp(22px,7.5cqw,44px)}.loading-active .loading-state .spinner{border-width:clamp(2px,.6cqw,4px);width:clamp(28px,8cqw,56px);height:clamp(28px,8cqw,56px)}.welcome-active.app-shell{max-width:none;height:100dvh;min-height:0;padding:0 clamp(16px,3vw,24px);position:relative;overflow:clip}.welcome-active .site-header{z-index:1;border:0;height:40px;position:absolute;inset:16px 20px auto}.welcome-active .header-actions{justify-content:space-between;width:100%}.welcome-active .language-switch{order:1;margin-left:auto}.welcome-active>footer{display:none}.welcome-active main,.printing-active .result-overlay{--footer-reserve:clamp(80px, 12dvh, 160px);--stack-pad-top:46px;--stack-pad-bottom:40px}.welcome-active main{min-height:0;padding:var(--stack-pad-top) 0 calc(var(--stack-pad-bottom) + var(--footer-reserve));justify-content:flex-start}.station-card.welcome-screen{max-width:760px;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex:1;margin:0 auto;display:flex;overflow:visible}.welcome-screen .station-visual{text-align:center;background:0 0;flex-direction:column;flex:1;justify-content:center;gap:clamp(16px,3dvh,28px);width:100%;min-height:0;padding:0;overflow:visible}.welcome-logo{width:clamp(220px,38vmin,340px);max-width:100%;height:auto;display:block}.welcome-screen .station-visual,.print-result-content{container-type:inline-size}.welcome-event,.printing-active .result-overlay h2{color:#fff;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 12px #000,0 2px 4px #000;justify-content:center;align-items:center;max-width:100%;min-height:2.6em;max-height:2.6em;font-size:clamp(20px,7.2cqw,52px);font-weight:700;line-height:1.3;display:flex;overflow:hidden}.welcome-event:where(:lang(th)),.printing-active .result-overlay h2:where(:lang(th)){font-size:clamp(22px,9cqw,52px)}.welcome-action{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex}.printer-presentation{--printer-width-scale:2.1;--printer-height-scale:1.25;--printer-scale:min(var(--printer-width-scale), var(--printer-height-scale))}.printer-start{max-width:100%;color:var(--color-text);touch-action:manipulation;background:0 0;border:0;border-radius:28px;flex-direction:column;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.printer-artwork{width:calc(340px * var(--printer-scale));height:calc(310px * var(--printer-scale));flex-shrink:0;display:block;position:relative}.printer-artwork .print-art{transform-origin:top;transform:translateX(-50%) scale(var(--printer-scale)) rotate(-5deg);animation:3.2s ease-in-out infinite printer-bob;position:absolute;top:0;left:50%}@keyframes printer-bob{0%,to{translate:0}50%{translate:0 -6px}}.station-version{width:fit-content;color:var(--color-text-muted);touch-action:manipulation;background:0 0;border:0;margin:0 auto;padding:8px 24px;font-size:11px;line-height:16px;position:absolute;bottom:4px;left:0;right:0}.station-version,.station-version:hover,.station-version:focus,.station-version:focus-visible,.station-version:not(:disabled):active{color:var(--color-text-muted);cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;outline:none;transition:none;transform:none}.printer-presentation .printer-top{top:62px}.printer-presentation .printer-body{top:108px}.printer-presentation .printer-output{top:180px}.printer-start:hover .printer-body,.printer-start:focus-visible .printer-body{border-color:var(--color-primary)}.printer-start-label{left:50%;top:calc(16px + 250px * var(--printer-scale));white-space:nowrap;transform:translateX(calc(-50% + 90px * var(--printer-scale))) rotate(-5deg);transform-origin:50%;color:var(--color-primary);font-size:clamp(28px,6.2vmin,50px);font-weight:700;position:absolute}.tap-gesture{pointer-events:none;width:88px;height:100px;position:absolute;top:152px;left:172px}.tap-hand{color:#f9fafb;filter:drop-shadow(0 4px 6px #0006);transform-origin:33% 8%;animation:2.4s ease-in-out infinite hand-tap;position:relative}.tap-ripple{border:2px solid var(--color-primary);opacity:0;border-radius:50%;width:48px;height:48px;animation:2.4s ease-out infinite tap-ripple;position:absolute;top:-17px;left:5px}@keyframes hand-tap{0%,to{transform:translate(14px,20px)rotate(-12deg)}40%,55%{transform:translate(0)scale(.94)}75%{transform:translate(8px,12px)rotate(-8deg)}}@keyframes tap-ripple{0%,38%{opacity:0;transform:scale(.5)}42%{opacity:.85;transform:scale(.6)}75%,to{opacity:0;transform:scale(1.6)}}@media (height>=1000px){.printer-presentation{--printer-height-scale:1.65}}@media (height>=1200px){.printer-presentation{--printer-height-scale:2}}@media (height>=1400px){.printer-presentation{--printer-height-scale:2.3}}@media (height<=899px){.printer-presentation{--printer-height-scale:1.05}}@media (height<=700px){.welcome-logo{width:200px}.printer-presentation{--printer-height-scale:.8}}@media (height>=701px) and (height<=799px){.printer-presentation{--printer-height-scale:.9}}@media (height>=501px) and (height<=600px){.printer-presentation{--printer-height-scale:.6}}@media (height<=500px){.welcome-active main{padding:64px 0 16px}.welcome-logo{width:160px}.welcome-event{font-size:20px}.welcome-screen .station-visual{gap:10px}.printer-presentation{--printer-height-scale:.42}}@media (width<=799px){.printer-presentation{--printer-width-scale:1.6}}@media (width>=700px) and (height>=1000px){.welcome-logo{width:clamp(300px,44vmin,400px)}.language-switch{padding:5px}.language-switch button{min-width:62px;padding:10px 20px;font-size:16px}}@media (width>=700px) and (width<=799px) and (height>=1000px){.printer-presentation{--printer-width-scale:1.75}}@media (width<=640px){.printer-presentation{--printer-width-scale:1.25}}@media (width<=499px){.printer-presentation{--printer-width-scale:1}}@media (width<=387px){.printer-presentation{--printer-width-scale:.95}}@media (width<=370px){.printer-presentation{--printer-width-scale:.8}}.scanning-active.app-shell{--scanner-margin:clamp(16px, 3vw, 48px);width:100%;max-width:none;padding:var(--scanner-margin);height:100dvh;min-height:0;overflow:clip}.scanning-active>.site-header,.scanning-active>footer,.scanning-active .event-bar{display:none}.scanning-active main{min-height:calc(100dvh - 2 * var(--scanner-margin));padding:0}.scanning-active .station-card{width:100%;max-width:none;height:calc(100dvh - 2 * var(--scanner-margin));border:1px solid var(--color-text-10);border-radius:22px;grid-template-columns:minmax(0,1fr);margin:0}.scanning-active .station-visual,.scanning-active .camera-view{width:100%;height:100%;min-height:0}.scanning-active .station-visual{background:var(--color-bg-ink);position:relative}.camera-guidance{inset:calc(var(--camera-tool-inset) + var(--camera-tool-size) + 20px) clamp(16px, 3vw, 48px) 32px;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3dvh,40px);display:flex;position:absolute;container-type:inline-size}.scanning-active .scan-frame{flex-shrink:0;width:min(64vw,32dvh,380px);height:min(64vw,32dvh,380px);position:relative;top:auto;left:auto;transform:none}.camera-hint{text-align:center;color:#fff;text-wrap:balance;white-space:pre;text-shadow:0 2px 12px #000,0 2px 4px #000;flex-shrink:0;max-width:1600px;font-size:clamp(20px,7.2cqw,52px);font-weight:700;line-height:1.3;position:relative}.camera-hint:lang(th){font-size:clamp(22px,9cqw,52px)}@media (height<=500px){.camera-hint,.camera-hint:lang(th){font-size:clamp(20px,6dvh,28px)}.camera-guidance{gap:16px;inset:72px 24px 20px}}.scanning-active .result-overlay{gap:clamp(16px,3dvh,30px)}.scanning-active:not(.printing-active) .result-overlay{padding:clamp(24px,5vw,64px);container-type:inline-size}.scanning-active:not(.printing-active) .result-overlay h2{color:#fff;text-wrap:balance;text-shadow:0 2px 12px #000,0 2px 4px #000;max-width:100%;font-size:clamp(24px,7.2cqw,52px);font-weight:700;line-height:1.3}.scanning-active:not(.printing-active) .result-overlay h2:where(:lang(th)){font-size:clamp(26px,9cqw,52px)}.scanning-active:not(.printing-active) .result-overlay p{max-width:min(100%,30ch);color:var(--color-text-soft);text-wrap:balance;font-size:clamp(16px,4.2cqw,30px);line-height:1.5}.scanning-active:not(.printing-active) .result-overlay p:where(:lang(th)){font-size:clamp(18px,5cqw,30px)}.scanning-active:not(.printing-active) .result-overlay>.spinner{border-width:clamp(2px,.6cqw,4px);width:clamp(28px,8cqw,56px);height:clamp(28px,8cqw,56px)}.scanning-active:not(.printing-active) .result-overlay .error-icon{width:clamp(68px,14cqw,112px);height:clamp(68px,14cqw,112px)}.scanning-active:not(.printing-active) .result-overlay .error-icon svg{width:50%;height:50%}.scanning-active:not(.printing-active) .result-overlay .primary-button{border-radius:clamp(14px,2.4cqw,20px);min-height:clamp(52px,9cqw,76px);padding:clamp(14px,2.6cqw,22px) clamp(28px,6cqw,52px);font-size:clamp(16px,3.6cqw,28px)}.scanning-active .countdown,.scanning-active .result-overlay .text-button{font-size:14px}@media (height<=600px){.scanning-active .result-overlay{gap:10px}}@media (height<=450px){.scanning-active .result-overlay{gap:8px;padding:16px}}.printing-active.app-shell{background:var(--color-bg);padding:0}.printing-active .station-card{border:0;border-radius:0;height:100dvh}.printing-active .result-overlay{padding:var(--stack-pad-top) clamp(16px, 3vw, 24px) calc(var(--stack-pad-bottom) + var(--footer-reserve));background:radial-gradient(circle at 15% 20%, #ea516c24, transparent 32%), radial-gradient(circle at 80% 10%, #7af9cd26, transparent 36%), radial-gradient(circle at 60% 70%, #ffffff0a, transparent 30%), var(--color-bg);position:fixed;inset:0;overflow:clip}.print-result-content{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(16px,3dvh,28px);width:100%;max-width:760px;margin:auto;display:flex}.printing-action{flex-direction:column;align-items:center;gap:8px;max-width:100%;padding:8px;display:flex;position:relative}.print-animation{height:calc(310px * var(--printer-scale))}.printing-footer{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:43px;display:flex}.printing-active .printing-footer{width:min(760px,100vw - 32px);left:50%;top:calc(8px + 340px * var(--printer-scale));position:absolute;transform:translate(-50%)}.printing-active .countdown,.printing-active .result-overlay .text-button{text-align:center;font-size:clamp(20px,2.4vw,30px);line-height:1.4}.printing-active .result-overlay .text-button{min-height:44px;padding:4px 12px;font-weight:600}.printing-active .text-button svg{width:24px;height:24px}@media (height<=600px){.printing-active .result-overlay h2{font-size:24px}.printing-active .countdown,.printing-active .result-overlay .text-button{font-size:18px}.printing-footer{gap:2px}}@media (height<=500px){.printing-active .result-overlay{padding:64px 16px 16px}.print-result-content{gap:10px}.printing-active .result-overlay h2{font-size:20px}.printing-footer{gap:0;min-height:32px}.printing-active .countdown,.printing-active .result-overlay .text-button{font-size:18px}.printer-start-label{font-size:24px}}body:has(.login-active){overscroll-behavior:none;overflow:hidden}.login-active.app-shell{background:radial-gradient(circle at 15% 20%, #ea516c24, transparent 32%), radial-gradient(circle at 80% 10%, #7af9cd33, transparent 36%), radial-gradient(circle at 60% 70%, #ffffff0f, transparent 30%), var(--color-bg);width:100%;max-width:none;height:100dvh;min-height:0;padding:64px 18px 24px;position:relative;overflow:clip}.login-active .site-header{border:0;justify-content:flex-end;height:36px;position:absolute;inset:16px 20px auto}.login-active main{justify-content:center;align-items:center;min-height:0;padding:0}.login-active>footer{display:none}.login-screen{flex-direction:column;align-items:center;gap:20px;width:min(590px,100%);max-height:100%;display:flex}.login-logo{flex-shrink:0;width:300px;max-width:100%;height:auto;display:block}.login-active .login-card{border-radius:22px;width:100%;margin:0;padding:34px;display:block;overflow:visible}.login-active .login-form{gap:16px;margin:0}.login-active .login-field label{color:var(--color-text);letter-spacing:.02em;font-size:16px;line-height:1.4}.login-active .login-input{border-color:var(--color-text-08);min-height:52px;padding:0 16px}.login-active .login-input:focus-within{box-shadow:0 0 0 4px var(--color-mint-08);border-color:#00ffcc4d}.login-active .login-input:has(input[aria-invalid=true]){border-color:var(--color-danger)}.login-active .login-input input{color:var(--color-text-soft);padding:14px 0;font-size:16px;line-height:1.25}.login-active .primary-button{width:100%;min-height:44px;color:var(--color-text);padding:14px 16px;font-size:14px}.login-active .primary-button:disabled{opacity:.7;cursor:not-allowed}.forgot-link{color:var(--color-text-muted);background:0 0;border:0;align-self:flex-end;margin-top:-6px;padding:0;font-size:14px;line-height:1.5;text-decoration:none}.forgot-link:hover{color:var(--color-text-soft)}.login-active .inline-error{margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.recovery-heading{letter-spacing:0;font-size:22px;font-weight:600;line-height:1.3}.password-recovery{flex-direction:column;gap:12px;display:flex}.login-active .recovery-form{gap:12px}.recovery-message{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.recovery-message[role=alert]{color:var(--color-danger)}.recovery-back{align-self:center;margin-top:0}@media (width<=600px){.login-logo{width:220px}.login-active .login-card{padding:22px 18px}}@media (height<=700px){.login-screen{gap:14px}.login-logo{width:200px}.login-active .login-card{padding:22px}.login-active .login-form{gap:12px}.login-screen:has(.password-recovery){gap:8px}.login-screen:has(.password-recovery) .login-logo{width:160px}.login-active .login-card:has(.password-recovery){padding:16px}.password-recovery,.login-active .recovery-form{gap:8px}.password-recovery .login-field{gap:4px;min-width:0}.login-active .password-recovery .login-field label{font-size:13px}.login-active .password-recovery .login-input{min-height:40px;padding:0 10px}.login-active .password-recovery .login-input input{padding:9px 0}.login-active .recovery-form:has(#recovery-code){grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recovery-form:has(#recovery-code)>:not(.login-field){grid-column:1/-1}.recovery-form:has(#recovery-code)>.login-field:first-child{grid-column:1/-1}.recovery-form:has(#recovery-code) .login-field:not(:first-child) svg{display:none}.recovery-heading{font-size:20px}}@media (height<=520px){.login-active.app-shell{padding:12px 18px}.login-active .site-header{inset:10px 12px auto}.login-screen{gap:8px}.login-logo{width:140px}.login-active .login-card{padding:16px}.login-active .login-form{gap:8px}.login-active .login-field{gap:4px}.login-active .login-field label{font-size:14px;line-height:1.3}.login-active .login-input,.login-active .password-toggle{min-height:40px}.login-active .login-input input{padding:9px 0}.login-active .primary-button{min-height:40px;padding:10px 16px}.login-active .inline-error{padding:8px;font-size:12px}.login-active .forgot-link{margin-top:0}.login-screen:has(.password-recovery) .login-logo{width:140px}}@media (height<=520px) and (width>=600px){.login-active .recovery-form:has(#recovery-code){grid-template-columns:repeat(3,minmax(0,1fr))}.recovery-form:has(#recovery-code)>.login-field:first-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.scan-line{top:50%}}