.ci-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ci-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:start}@media(max-width:900px){.ci-grid{grid-template-columns:1fr}}.ci-main{display:grid;gap:12px;min-width:0}.ci-side{display:grid;gap:8px;align-content:start;min-width:0}.ci-side input{margin:0}.counter{font-size:15px}.counter b{color:var(--gold-dark);font-size:26px;font-variant-numeric:tabular-nums}.counter span{color:var(--text3)}.regNote{color:var(--amber)}.scanbox{position:relative}.scanbox input{font-size:18px;padding:12px;margin:0}.dropdown{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 8px 20px #0000001f;max-height:min(320px,45dvh);overflow:auto;z-index:20}.dropdown .item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--bg3)}.dropdown .item:hover,.dropdown .item.hl{background:var(--bg3)}.dropdown .item .sub{font-size:12px;color:var(--text3)}.dropdown .more{padding:8px 12px;font-size:12px;color:var(--text3)}.result{min-height:170px;padding:20px 16px;border-radius:10px;text-align:center;background:var(--bg3);display:grid;gap:4px;align-content:center}.result.ok{background:#dff3e6}.result.warn{background:#fdefd3}.result.bad{background:#f8d7d3}.result .icon{font-size:34px;line-height:1}.result.ok .icon{color:var(--green)}.result.warn .icon{color:var(--amber)}.result.bad .icon{color:var(--red)}.result .st{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.result.ok .st{color:var(--green)}.result.warn .st{color:var(--amber)}.result.bad .st{color:var(--red)}.result .name{font-size:26px;font-weight:700}.result .detail{color:var(--text2);display:grid;gap:2px;justify-items:center}.result .id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--text2)}.table-no{margin-top:6px;display:inline-flex;align-items:baseline;gap:8px}.table-no small{font-size:11px;letter-spacing:2px;color:var(--text2)}.table-no b{font-size:46px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.viewfinder{position:relative;border-radius:10px;background:#1b1916;overflow:hidden;aspect-ratio:4 / 3;max-height:46dvh}.viewfinder video{width:100%;height:100%;object-fit:cover;display:block}.viewfinder .frame{position:absolute;inset:14% 12%;border:2px solid rgba(227,192,116,.9);border-radius:8px;pointer-events:none}.viewfinder .camstatus{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0000008c;padding:16px;text-align:center;font-size:14px}.camctl{margin-top:8px}.camctl .btn.on{background:var(--gold);border-color:var(--gold-dark)}.zoom{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.zoom input{margin:0;width:120px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;font-size:12px}.seg button{padding:5px 10px;border:0;background:#fff;font:inherit;cursor:pointer}.seg button.on{background:#11100c;color:#fff}.log{display:grid}.log .li{display:grid;grid-template-columns:58px 1fr auto;gap:8px;padding:8px 2px;border-bottom:1px solid #f0ece5;font-size:13px;align-items:center}.log .li time{color:var(--text3);font-variant-numeric:tabular-nums;font-size:12px}.log .li .s{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--text3);text-align:right}