.kiosk-main{max-width:1180px;margin:35px auto;padding:0 22px}.kiosk-main h1{font-size:clamp(32px,5vw,58px);margin:15px 0}.kiosk-main h2,.kiosk-dialog h2{font:600 23px Manrope,sans-serif}.kiosk-main p{line-height:1.7}.kiosk-lead{font-size:19px;max-width:850px}.kiosk-panel{background:#fff;border:1px solid #dfd8cb;border-radius:8px;padding:25px;margin:28px 0}.kiosk-controls{display:flex;gap:18px;flex-wrap:wrap}.kiosk-controls>label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px;font-size:14px}.kiosk-controls input,.kiosk-controls select,.kiosk-card input,.kiosk-card select{padding:11px;border:1px solid #cbc6bb;background:white;max-width:100%;border-radius:4px}.kiosk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:20px 0}.kiosk-toolbar h2{margin-right:auto}.kiosk-file-label{position:relative;cursor:pointer;overflow:hidden}.kiosk-file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.kiosk-file-label:focus-within{outline:3px solid #765333;outline-offset:3px}.kiosk-small{font-size:13px;color:#595f59}.kiosk-notice{padding:10px 14px;background:#fff3da;line-height:1.6;border-radius:4px}.kiosk-notice:empty{display:none}.kiosk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kiosk-card{padding:18px;background:#fff;border:1px solid #dfd8cb;border-radius:6px;min-width:0}.kiosk-card h3{font:600 16px Manrope,sans-serif;overflow-wrap:anywhere}.kiosk-faces{display:flex;gap:12px;flex-wrap:wrap}.kiosk-face{flex:1;min-width:100px}.kiosk-face img{width:100%;height:140px;object-fit:contain;background:#f0efeb}.kiosk-face button{margin:8px 0;font-size:12px;padding:10px}.kiosk-face small{display:block;overflow-wrap:anywhere;line-height:1.5}.kiosk-card .kiosk-controls{gap:8px}.kiosk-card .kiosk-controls>label{min-width:90px;font-size:12px}.kiosk-card .kiosk-notice{font-size:12px}.kiosk-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:25px}.kiosk-summary strong{font-size:24px;display:block}.kiosk-summary .text-link{display:inline-block;margin:20px}.kiosk-dialog{width:min(780px,94vw);max-height:94vh;overflow:auto;border:0;border-radius:8px;padding:24px}.kiosk-dialog::backdrop{background:#0009}.kiosk-dialog canvas{display:block;max-width:100%;max-height:46vh;object-fit:contain;background:#efeee9;margin:15px auto;touch-action:none;cursor:move}.kiosk-dialog input[type=range]{width:100%;padding:8px 0}.kiosk-footer{padding:25px;text-align:center}.kiosk-main [hidden],.kiosk-dialog[hidden]{display:none!important}#kStatus{line-height:1.6;padding:12px 0;overflow-wrap:anywhere}.kiosk-main summary{cursor:pointer;font-weight:600}.kiosk-main button:disabled{opacity:.55;cursor:wait}.kiosk-card .kiosk-toolbar{gap:8px}.kiosk-card .button{font-size:12px}.kiosk-card select{width:100%}@media(max-width:950px){.kiosk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.kiosk-main{padding:0 16px}.kiosk-grid{grid-template-columns:1fr}.kiosk-panel{padding:18px}.kiosk-toolbar .button{width:100%;justify-content:center}.kiosk-controls>label{min-width:120px}.kiosk-pagination{margin:20px 0;gap:8px}.kiosk-pagination .button{font-size:12px;padding:10px}.kiosk-dialog{padding:16px}.kiosk-faces{flex-wrap:nowrap}}
/* Touch and narrow-screen refinements, v30. */
.kiosk-jumps{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0}
.kiosk-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#7a432c;text-decoration:underline;text-underline-offset:4px;line-height:1.5}
.kiosk-main :is(h2,details){scroll-margin-top:20px}
.kiosk-main .button,.kiosk-dialog .button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.kiosk-controls>label{min-width:0}
.kiosk-toolbar>label:not(.kiosk-file-label){display:inline-flex;align-items:center;min-height:44px;gap:8px}
.kiosk-toolbar input[type=checkbox]{width:22px;height:22px}
.kiosk-dialog{box-sizing:border-box;max-height:90vh;max-height:90dvh;overscroll-behavior:contain}
.kiosk-dialog .kiosk-controls{min-width:0}
.kiosk-dialog input[type=range]{height:44px;min-width:0;box-sizing:border-box}
.kiosk-main a:focus-visible,.kiosk-main button:focus-visible,.kiosk-dialog button:focus-visible{outline:3px solid #8b422d;outline-offset:3px}
@media(max-width:650px){.kiosk-main .kiosk-controls>label{flex:1 1 100%;min-width:0}.kiosk-main select,.kiosk-main input:not([type=checkbox]):not([type=file]),.kiosk-dialog input{font-size:16px;min-height:44px;width:100%;box-sizing:border-box}.kiosk-main .kiosk-controls select{width:100%}.kiosk-main .kiosk-panel{padding:18px}.kiosk-main .kiosk-card .kiosk-controls>label{flex-basis:calc(50% - 8px)}.kiosk-dialog .kiosk-controls>label{flex:1 1 100%;min-width:0}.kiosk-dialog .kiosk-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kiosk-dialog .kiosk-toolbar .button{width:100%;font-size:13px;padding:12px 8px;justify-content:center}.kiosk-dialog #kSaveCrop{grid-column:1/-1}.kiosk-summary .button,.kiosk-summary .text-link{display:flex;width:100%;min-height:48px;margin:12px 0;align-items:center;justify-content:center;text-align:center}.kiosk-jumps{gap:4px 16px}.kiosk-jumps a{font-size:13px}.kiosk-pagination{flex-wrap:wrap}.kiosk-main .kiosk-pagination .button{min-height:44px}}
