.czs-app{max-width:680px;margin:0 auto;padding:20px;border:1px solid #d9e0e7;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(20,35,50,.08);font-family:system-ui,-apple-system,sans-serif}
.czs-intro{margin-top:0;font-size:17px;line-height:1.5}
.czs-camera-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}
.czs-camera-tools label{grid-column:1/-1;font-weight:700}
.czs-camera-tools select{min-width:0;padding:10px;border:1px solid #aeb8c2;border-radius:9px}
.czs-reader-wrap{position:relative;border:5px solid transparent;border-radius:17px;transition:border-color .15s,box-shadow .15s}
.czs-reader-wrap--success{border-color:#20b15a;box-shadow:0 0 0 5px rgba(32,177,90,.25)}
.czs-reader{position:relative;overflow:hidden;height:320px;min-height:0!important;border-radius:11px;background:#18212b}
.czs-reader>div{height:100%!important}
.czs-reader video{width:100%!important;height:320px!important;object-fit:cover!important}
.czs-success-flash{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;background:rgba(14,118,54,.7);color:#fff;font-size:26px;text-align:center;pointer-events:none}
.czs-success-flash[hidden]{display:none}
.czs-checkmark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:8px;border-radius:50%;background:#fff;color:#159447;font-size:52px;font-weight:900;line-height:1}
.czs-reader button,.czs-button{appearance:none;border:0;border-radius:10px;padding:12px 18px;background:#1769e0;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.czs-zoom{margin:10px 0}
.czs-zoom label{display:block;font-weight:700}
.czs-zoom input{width:100%}
.czs-status{margin:10px 0;padding:14px 16px;border-radius:12px;font-size:18px;font-weight:800}
.czs-status--idle{background:#eef4fb;color:#24415f}
.czs-status--ok{background:#dcf7e5;color:#12612d}
.czs-status--warn{background:#fff0cf;color:#734d00}
.czs-session{margin:10px 0;padding:14px;border:2px solid #1f9d50;border-radius:12px;background:#f1fff5}
.czs-session-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.czs-counter{font-size:21px}
.czs-counter strong{font-size:28px;color:#12612d}
.czs-reset{flex:0 0 auto;border:1px solid #a93232;border-radius:8px;padding:9px 11px;background:#fff;color:#a12222;font-weight:700}
.czs-download{width:100%;margin-top:12px;border:0;border-radius:9px;padding:11px 14px;background:#14723a;color:#fff;font-size:16px;font-weight:800}
.czs-download:disabled{background:#aeb8c2;cursor:not-allowed}
.czs-latest{margin-top:7px;overflow-wrap:anywhere}
.czs-session details{margin-top:10px}
.czs-session ol{margin-bottom:0;padding-left:24px}
.czs-session li{padding:4px 0;font-family:ui-monospace,monospace;font-size:13px}
.czs-photo-mode{margin:14px 0;padding:10px 0;border:0;background:none}
.czs-photo-inner{padding-top:12px}
.czs-photo-button{display:block;text-align:center}
.czs-photo-mode small{display:block;margin-top:8px;line-height:1.4}
.czs-file-input,.czs-file-reader{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.czs-manual{margin:14px 0}
.czs-manual label{display:block;margin:12px 0 5px;font-weight:700}
.czs-manual textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #aeb8c2;border-radius:8px;font-family:monospace}
.czs-result{margin-top:16px}
.czs-result dl>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #e8ecef}
.czs-result dt{font-weight:700}
.czs-result dd{margin:0;overflow-wrap:anywhere}
.czs-result pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:#f4f6f8;border-radius:8px}
.czs-note{margin-bottom:0;color:#5d6770;font-size:13px;line-height:1.4}
@media(max-width:520px){.czs-app{padding:12px;border-radius:12px}
.czs-camera-tools{grid-template-columns:1fr}
.czs-camera-tools label{grid-column:auto}
.czs-reader{height:260px}
.czs-reader video{height:260px!important}
.czs-session-head{align-items:flex-start;flex-direction:column}
.czs-reset{width:100%}
.czs-result dl>div{grid-template-columns:90px 1fr}
}
.czs-app--rotated{transform:rotate(180deg)}
.czs-app--rotated .czs-reader{transform:rotate(180deg)}
.czs-torch-note{grid-column:1/-1;font-size:13px;line-height:1.4;color:#704600}
.czs-torch-note:empty{display:none}
.czs-rotate{grid-column:1/-1;border:1px solid #1769e0;border-radius:9px;padding:10px;background:#fff;color:#1258bb;font-weight:700;font-size:15px}
.czs-tool-button{border:1px solid #e09b19;border-radius:9px;padding:10px;background:#fff8df;color:#704600;font-weight:800;font-size:15px}
.czs-tool-button--active{background:#ffd54d;color:#3c2a00}
.czs-tool-button:disabled{border-color:#c8ced4;background:#eef1f3;color:#727b83}
.czs-reader-wrap--duplicate{border-color:#d51f2a;box-shadow:0 0 0 5px rgba(213,31,42,.28)}
.czs-reader-wrap--box{border-color:#1565c0;box-shadow:0 0 0 6px rgba(21,101,192,.3)}
.czs-success-flash--duplicate{background:rgba(190,18,30,.82)}
.czs-success-flash--duplicate .czs-checkmark{color:#c1121f}
.czs-success-flash--box{background:rgba(13,88,170,.84)}
.czs-success-flash--box .czs-checkmark{color:#1258bb;font-size:32px}
.czs-status--duplicate{background:#ffd9dc;color:#a20e19;border:2px solid #d51f2a}
.czs-status--box{background:#dcecff;color:#104f99;border:2px solid #1565c0}
.czs-box-progress,.czs-duplicates{margin-top:7px;font-size:17px}
.czs-duplicates strong{color:#b1121e}