:root{font-family:Inter,Arial,sans-serif;color:#202b35;background:#f3f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:78px;background:#fff;border-bottom:1px solid #dce2e7;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:21px;color:inherit;text-decoration:none}.brand-icon{background:#ee651d;color:#fff;font-size:31px;border-radius:8px;padding:0 9px}.header-note,.eyebrow,.small-title{font-size:12px;letter-spacing:1.5px;font-weight:700;color:#687581}main{max-width:1450px;margin:auto;padding:38px 5% 20px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{color:#bd4910;margin:0 0 13px}h1{font-size:36px;letter-spacing:-1.2px;margin:0 0 10px}p{font-size:16px;line-height:1.5;color:#64717c;margin:0}.standard{font-family:monospace;font-size:13px;background:#e6ebef;border:1px solid #d6dde3;padding:9px 13px;border-radius:5px}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:25px;align-items:start}.controls,.results{background:#fff;border:1px solid #dbe1e6;border-radius:12px;overflow:hidden}.controls{padding:24px}.section-title{display:flex;align-items:center;gap:10px}h2{font-size:18px;margin:0;letter-spacing:-.3px}.step{font-size:12px;font-weight:700;background:#fff0e7;color:#ae410a;border-radius:5px;padding:6px}form{margin-top:26px}label{display:block;font-size:14px;font-weight:650;margin:20px 0 8px}input,select,textarea{font:inherit;width:100%;border:1px solid #cbd3db;background:white;border-radius:6px;padding:11px;color:#202b35;min-height:44px}textarea{min-height:170px;resize:vertical;font-family:monospace;line-height:1.6}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #fac19c;outline-offset:2px;border-color:#c75314}.range{display:grid;grid-template-columns:1fr 1fr;gap:12px}.range label{font-weight:400;color:#65727d;margin-top:10px}.fixture-table{margin-top:22px}.fixture-head,.fixture-row{display:grid;grid-template-columns:1fr 66px 66px;gap:8px;align-items:center}.fixture-head{font-size:12px;color:#677581;margin-bottom:8px}.fixture-row{margin-top:8px}.fixture-row label{margin:0;font-weight:400}.fixture-row input{padding:8px}.hint{font-size:13px;margin-top:8px}.primary,.dark,.secondary,.page-button{font:inherit;border:0;border-radius:6px;cursor:pointer;font-weight:650;min-height:42px}.primary{background:#d8500d;color:white;width:100%;padding:14px;margin-top:24px;display:flex;justify-content:space-between}.primary:hover{background:#b64008}.dark{background:#24313d;color:white;padding:11px 15px}.secondary{background:white;border:1px solid #cbd3db;padding:10px 13px;color:#394753}.format-note{border-top:1px solid #e0e5e9;margin-top:24px;padding-top:20px}.format-note code{display:block;font-size:26px;letter-spacing:2px;font-weight:700;margin:10px 0}.format-note p{font-size:13px}.result-heading{display:flex;align-items:center;justify-content:space-between;padding:23px}.state{font-size:12px;background:#eaf2ee;color:#276443;border-radius:20px;padding:5px 10px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid #e5e9ed;border-bottom:1px solid #e5e9ed}.toolbar strong{font-size:15px}.toolbar span{font-size:13px;color:#6e7a86;margin-left:10px}.actions{display:flex;gap:8px}.paper-area{background:#e9edf1;padding:25px;overflow:auto}.sheet{background:white;aspect-ratio:210/270;max-width:650px;margin:auto;box-shadow:0 3px 15px #23334116;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));padding:3%;gap:0}.label{display:flex;align-items:center;justify-content:center;position:relative;border:1px dashed #e4e7ea;padding:8% 3%;min-width:0;overflow:hidden;color:black}.label svg{width:24%;height:93%;flex:none;overflow:visible}.label-type{width:67%;text-align:center;line-height:1.02;font-family:Arial,sans-serif;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.label-top{font-size:clamp(13px,1.4vw,20px)}.label-bay{font-size:clamp(20px,2.4vw,35px);letter-spacing:-1px}.label-shelf{font-size:clamp(21px,2.5vw,37px)}.label-code{position:absolute;bottom:3%;font-size:clamp(6px,.65vw,10px);font-family:monospace;letter-spacing:.2px}.pager{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#687581;gap:12px}.pager>div{display:flex;align-items:center;gap:12px}.page-button{background:#f0f3f5;width:35px;min-height:34px}button:disabled{opacity:.4;cursor:default}.print-tip{font-size:13px;padding:0 22px 20px}.error{font-size:14px;color:#a32616;background:#fff0ec;padding:12px;border-radius:5px;margin-top:15px}footer{display:flex;justify-content:space-between;font-size:12px;color:#697782;margin-top:28px}#print-sheets{display:none}.empty{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;padding:20px;color:#71808d}
@media(max-width:1000px){main{padding:25px 3%}.workspace{grid-template-columns:310px minmax(0,1fr);gap:16px}.toolbar{align-items:start;flex-direction:column}.paper-area{padding:12px}.label-top{font-size:12px}.label-bay{font-size:21px}.label-shelf{font-size:24px}.label-code{font-size:6px}.pager{flex-wrap:wrap}}
@media(max-width:730px){header{height:65px;padding:0 5%}.header-note,.standard{display:none}main{padding:28px 4%}h1{font-size:29px}.heading{margin-bottom:22px}.workspace{grid-template-columns:1fr}.controls{padding:21px}.toolbar{flex-direction:row;flex-wrap:wrap}.actions{width:100%}.actions button{flex:1}.label-top{font-size:13px}.label-bay{font-size:23px}.label-shelf{font-size:25px}.label-code{font-size:6px}footer{gap:15px;line-height:1.5}.paper-area{padding:12px}}
/* The preview and print sheet use the same physical A4 geometry. */
.sheet{max-width:none;aspect-ratio:210/297;padding:7.214285714% 4.642857143%;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr))}
.label{padding:0;border:0;outline:1px dashed #eef0f2;outline-offset:-1px}
.label svg{display:block;width:100%;height:100%;overflow:hidden}
@page{size:A4 portrait;margin:0}
@media print{html,body{margin:0!important;padding:0!important;background:#fff}#print-sheets{margin:0;padding:0}body>header,body>main{display:none}#print-sheets{display:block}.print-page{box-sizing:border-box;width:210mm;height:296mm;padding:15.15mm 9.75mm 14.15mm;display:grid;grid-template-columns:repeat(5,38.1mm);grid-template-rows:repeat(7,38.1mm);break-inside:avoid;page-break-inside:avoid;break-after:auto;page-break-after:auto}.print-page+.print-page{break-before:page;page-break-before:always}.label{padding:0;border:0;outline:0;break-inside:avoid}.label svg{width:38.1mm;height:38.1mm}}

[hidden]{display:none!important}.site-nav{display:flex;gap:8px}.site-nav a{font-size:14px;font-weight:650;color:#56636e;text-decoration:none;padding:10px 12px;border-radius:6px}.site-nav a[aria-current="page"]{background:#fff0e7;color:#ae410a}.history-note{max-width:850px;margin-bottom:24px;font-size:14px}.history-row{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #dbe1e6;border-radius:10px;padding:22px;margin-bottom:12px}.history-row h2{overflow-wrap:anywhere;margin-bottom:8px}.history-row p{font-size:14px}.history-row .actions{flex-shrink:0}.history-empty{padding:44px 24px;text-align:center;background:#fff;border:1px solid #dbe1e6;border-radius:10px}.history-empty p{margin:12px 0 20px}.history-empty a{color:#b64008;font-weight:650}@media(max-width:730px){.brand{font-size:17px;gap:7px}.site-nav{gap:0}.site-nav a{padding:10px 8px}.history-row{align-items:stretch;flex-direction:column}.history-row .actions{width:100%}.history-row .actions button{flex:1}}
.mobile-only{display:none}.scan-enabled .mobile-only{display:inline-block!important}.scanned-section{background:#fff;border:1px solid #dbe1e6;border-radius:12px;padding:22px;margin-bottom:24px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.queue-heading p{font-size:14px;margin-top:6px}#scan-queue .history-row{padding:16px;background:#f8fafb}#scan-queue h3{font-size:17px;margin:0 0 7px}.queue-actions{flex-wrap:wrap}.scan-panel{padding:22px;border:1px solid #dbe1e6;border-radius:12px;background:#fff;margin-bottom:18px}.scan-modes{display:flex;gap:10px}.scan-modes button{flex:1}.scan-panel .primary{margin-top:16px}.scan-panel .actions{align-items:center}.scan-panel .actions .primary{margin:16px 0}.scan-panel textarea{min-height:130px}.code-entry{display:flex;gap:8px}.code-entry input{min-width:0}#camera{width:100%;max-height:360px;background:#17202a;margin-top:16px;border-radius:8px}#shelf-preview{width:100%;max-height:550px;object-fit:contain;margin-top:16px;border-radius:8px}.nearby-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}#nearby{margin-top:20px}#suggest-missing{margin-top:18px}#scan-message{font-size:15px;margin:16px 0;color:#344450}#send-scanned{justify-content:center}@media(max-width:900px) and (pointer:coarse){.site-nav a{padding:10px 7px}header{padding:0 3%;gap:4px}.brand{font-size:15px}.brand-icon{display:none}}@media(max-width:1100px){#scan-queue .history-row{flex-direction:column;align-items:stretch}.queue-actions{width:100%}}@media print{#scan-page,.scanned-section{display:none!important}}

.queue-selection{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0 20px}.queue-select-all{margin:0;display:flex;align-items:center;gap:8px;white-space:nowrap}.queue-selection input,.scan-checkbox{width:20px;height:20px;min-height:20px;padding:0;flex:none;accent-color:#d8500d}.queue-selection>span{font-size:14px;color:#56636e}.queue-selection .actions{margin-left:auto;flex-wrap:wrap}#scan-queue .history-row>div:first-of-type{flex:1}.scan-checkbox{align-self:center}@media(max-width:1100px){.scan-checkbox{align-self:flex-start}}@media(max-width:730px){.queue-selection .actions{margin-left:0;width:100%}.queue-selection .actions button{flex:1}}