/*! screen.min.css - generated from screen.css by tools/minify.py; do not edit. source sha256: 3ea7ca61d9fdc823bd785e8c5aa96b7b28ff43832aacb0fa1450155ef6940510 */
@charset "UTF-8";@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-latin-400.woff2) format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-latin-500.woff2) format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-latin-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-700.woff2) format("woff2")}@font-face{font-family:OCRB;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ocrb.woff2) format("woff2")}:root{--mark: #FFDD00;--mark-press: #E8C900;--ink: #14161A;--ink-2: #4C5158;--ink-3: #79828E;--paper: #FFFFFF;--ground: #F2F3F5;--rule: #D5D9DE;--flag-err: #C62A1B;--flag-warn: #A65300;--flag-ok: #0A7A33;--flag-edit: #0A58CA;--tmpl-ink: #94296F;--badge-bar: #FFFFFF;--badge-bar-bg: #2E333A;--badge-logo: #0B6B63;--badge-logo-bg: #DDF3F0;--badge-tmpl: var(--tmpl-ink);--badge-tmpl-bg: #F8E4F1;--badge-shape: #3F4A5A;--badge-shape-bg: #E6EAF0;--badge-rfid: #0B5F7C;--badge-rfid-bg: #DCEFF6;--badge-mirror: #6F42C1;--dropelem: 24px;--elem-gap: 12px;--measure: 1800px;--actionbar: 59px;--btp-canvas: 252px;--btp-left-margin: 28px;--gutter: max(24px, calc((100% - var(--measure)) / 2));--sans: Barlow, "Segoe UI", system-ui, Arial, sans-serif;--mock-mono: "IBM Plex Mono", ui-monospace, Consolas, Menlo, monospace;--mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}img{border:0}form{margin:0}a{color:var(--ink)}hr{border:none;border-top:1px solid var(--rule);margin:24px 0}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}textarea,input[type=text],input[type=email]{font-family:var(--mono);font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:2px}textarea{display:block;width:100%;padding:10px 12px;line-height:1.6;overflow:auto;word-wrap:break-word;word-break:break-all;resize:vertical}textarea::placeholder{color:var(--ink-3)}textarea:focus,input[type=text]:focus,input[type=email]:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #ffdd008c}pre{margin:0;padding:0;font-family:var(--mono)}svg use:hover{stroke:currentColor}svg use.draggable{cursor:move}#pg_header{display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap;padding:0 var(--gutter);background:var(--mark)}#pg_content{padding:28px var(--gutter) 0 var(--gutter)}#admin_bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px var(--gutter);margin:0;background:var(--ink);color:var(--paper);font-size:14px}#admin_bar span{flex:1 1 auto}#admin_bar a{color:var(--paper)}#admin_bar .btn{margin:0;padding:4px 12px;font-size:13px}#pg_footer{padding:32px var(--gutter) 28px var(--gutter)}#title{display:flex;align-items:center;gap:10px;padding:14px 0}#title .logo{width:34px;height:34px;filter:brightness(0)}#title .title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.release{margin-left:auto;align-self:center;padding:0;font-family:var(--mono);font-size:12px;color:var(--ink-2)}#nav{display:flex;gap:2px;margin:0;padding:0;align-self:flex-end}#nav li{list-style:none}#nav a{display:block;padding:9px 22px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:15px;font-weight:500;border-radius:3px 3px 0 0}#nav a:hover{background:var(--ink-2)}#nav a.current,#nav a:hover.current{background:transparent;color:var(--ink);font-weight:600;box-shadow:inset 0 -4px 0 var(--ink);cursor:default}.btn{display:inline-block;padding:9px 20px;margin-right:10px;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;border:2px solid var(--ink);border-radius:3px;background:var(--paper);color:var(--ink);cursor:pointer}.btn:hover{background:var(--ground)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--mark);border-color:var(--ink);color:var(--ink)}.btn-primary:hover{background:var(--mark-press)}.btn-secondary{background:var(--paper);color:var(--ink)}.btn.disabled,.btn[aria-disabled=true]{border-color:var(--rule);color:var(--ink-3);background:var(--paper);cursor:not-allowed;pointer-events:none}.prose{max-width:85ch;padding:6px 0 40px}.prose h2{margin:30px 0 10px;font-size:16px;font-weight:600}.prose h2:first-child{margin-top:8px}.prose p{margin:0 0 12px;line-height:1.7}.prose .lead{font-size:17px;line-height:1.55}.prose ul{margin:0 0 12px;padding-left:20px}.prose li{margin:0 0 7px;line-height:1.65}.prose code{font-family:var(--mono);font-size:13px;background:var(--paper);border:1px solid var(--rule);border-radius:2px;padding:1px 5px}.prose .changelog{margin:0 0 12px}.prose .changelog dt{margin:18px 0 4px;font-family:var(--mono);font-size:13px;font-weight:600}.prose .changelog dt:first-child{margin-top:8px}.prose .changelog dd{margin:0}.prose .changelog ul{margin:0;padding-left:20px}.prose .changelog li{margin:0 0 4px;color:var(--ink-2)}.prose .terms{margin:0 0 12px}.prose .terms dt{margin:14px 0 3px;font-weight:600}.prose .terms dd{margin:0;padding-left:0;line-height:1.65;color:var(--ink-2)}.prose .terms .note{margin-left:8px;font-weight:400;font-size:13px;color:var(--ink-3)}.deck{display:grid;gap:22px;grid-template-columns:1fr}.field{display:flex;flex-direction:column;min-width:0}.field>.caption{display:flex;align-items:baseline;justify-content:flex-start;gap:12px;padding-bottom:5px;border-bottom:2px solid var(--ink);margin-bottom:10px}.caption .name{font-size:14px;font-weight:600;letter-spacing:.01em}.caption .note{font-size:13px;font-weight:400;color:var(--ink-2)}.field textarea{height:clamp(150px,20vh,240px)}@media (min-width:1080px){.deck{grid-template-columns:repeat(3,1fr)}.field>.caption{justify-content:space-between}.field textarea{height:clamp(240px,42vh,400px)}}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:26px 0 0}.actions .btn{margin-right:0}.actions .spacer{flex:1 1 24px;min-width:24px}.workbench{display:grid;gap:20px;align-items:start}.workbench .actions{justify-content:flex-end;flex-wrap:nowrap;overflow-x:auto;gap:10px;margin:0;padding:9px 0;background:var(--ground);border-bottom:1px solid var(--rule)}.workbench .actions .btn{flex:0 0 auto}.workbench.atb{grid-template-columns:minmax(0,1fr)}.workbench.btp{grid-template-columns:var(--btp-canvas) minmax(0,1fr)}@media (min-width:1100px){:root{--btp-canvas:530px}}.headpin{display:contents}.workbench.atb>.headpin{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;position:sticky;top:0;z-index:6;background:var(--ground);border-bottom:2px solid var(--ink)}.workbench.atb .actions,.workbench.atb .canvas{position:static}.canvas-inner{position:relative}.canvas-inner #mock_bg{z-index:0}.canvas-inner #mock{position:relative;z-index:1}.workbench.atb .canvas{z-index:5;padding:14px 0 16px}@media (max-width:1399px){.workbench.atb .canvas-inner{overflow-x:auto}}.workbench.btp .canvas{position:sticky;top:var(--actionbar);max-height:calc(100vh - var(--actionbar));overflow:auto;border-right:2px solid var(--ink)}.workbench.btp .actions{position:sticky;top:0;z-index:6;grid-column:1 / -1}.sheet{min-width:0}@media (min-width:1000px){.workbench.btp{grid-template-columns:var(--btp-canvas) minmax(0,1fr);grid-template-areas:"canvas actions" "canvas sheet"}.workbench.btp .canvas{top:0;max-height:100vh}}@media (min-width:1400px){.workbench.atb>.headpin{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"canvas actions"}.workbench.atb .canvas{grid-area:canvas}.workbench.atb .actions{grid-area:actions;padding-top:14px;border-bottom:none}}@media (min-width:1000px){.workbench.btp .actions,.workbench.btp .canvas,.workbench.btp>.sheet{grid-area:auto}.workbench.btp .actions{grid-area:actions;border-bottom:none;padding-top:0}.workbench.btp .canvas{grid-area:canvas}.workbench.btp>.sheet{grid-area:sheet}}#editor .element.highlight_selected{background:#ffdd0047;box-shadow:inset 3px 0 0 var(--ink)}#editor .element.highlight_selected .comment{font-weight:600}#editor .element.highlight_selected .elem,#editor .element.highlight_selected .tmpl_elem{border-color:var(--ink);box-shadow:0 0 0 3px #ffdd00d9}#editor input.highlight_modified{color:var(--flag-edit);border-color:var(--flag-edit)}#mock #sel_marker{fill:var(--mark);fill-opacity:.62;stroke:none;pointer-events:none}#mock use{cursor:pointer}#mock path.barcode{shape-rendering:crispEdges}.notice{max-width:64ch;padding:26px 0 0}.notice-what{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--flag-err)}.notice-next{margin:0 0 22px;color:var(--ink-2)}#panel_top:not(.actions){margin:0 0 20px}#panel_bottom:not(.actions){margin:24px 0 0}#editor{font-family:var(--mono)}.badge{display:inline-block;vertical-align:text-top;margin-right:6px;padding:0 5px;font-size:11px;line-height:16px;font-weight:400;color:var(--ink-2);background:var(--paper);border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:3px}.badge[data-badge=Barcode],.badge[data-badge="2DBC"]{color:var(--badge-bar);background:var(--badge-bar-bg);border-color:var(--badge-bar-bg)}.badge[data-badge=Logo]{color:var(--badge-logo);background:var(--badge-logo-bg)}.badge[data-badge=Template]{color:var(--badge-tmpl);background:var(--badge-tmpl-bg)}.badge[data-badge=Box],.badge[data-badge=Line]{color:var(--badge-shape);background:var(--badge-shape-bg)}.badge[data-badge=RFID]{color:var(--badge-rfid);background:var(--badge-rfid-bg)}.badge[data-badge$=\b0]{color:var(--ink-2)}.badge[data-badge=Mirror]{color:var(--badge-mirror)}.element{margin-top:4px}.comment{display:inline-block;white-space:nowrap;min-width:380px}#editor .element{display:flex;align-items:center;gap:var(--elem-gap);margin:0;padding:1px 0 1px 8px}#editor .comment{flex:0 0 48ch;min-width:0;overflow:hidden;text-overflow:ellipsis}@media (min-width:1400px){#editor .comment{flex-basis:62ch}}@media (max-width:949px){#editor .element{flex-direction:column;align-items:stretch;gap:1px;padding-top:5px;padding-bottom:5px}#editor .comment{flex:0 0 auto}#editor .dropelem{position:absolute;right:8px;margin-top:2px}#editor .element{position:relative}}#editor .dropelem{flex:0 0 auto;width:var(--dropelem);text-align:center;line-height:var(--dropelem);border-radius:4px;color:var(--ink-3);text-decoration:none;font-size:15px}#editor .dropelem:hover,#editor .dropelem:focus-visible{background:var(--flag-err);color:#fff}@media (min-width:950px){#editor>.element{padding-right:calc(var(--dropelem) + var(--elem-gap))}}@media (max-width:949px){.workbench.btp{grid-template-columns:minmax(0,1fr)}.workbench.btp .canvas{position:static;max-height:55vh;border-right:none;border-bottom:1px solid var(--rule)}}#elements .comment,#tmpl_elements .comment{cursor:pointer}#editor .elem,#editor .tmpl_elem,#editor #header,#editor #tmpl_header{flex:1 1 auto;min-width:0;width:auto}#editor input[type=text]{width:auto}.content{display:inline-block}.segment{margin:22px 0 10px;font-size:14px;font-weight:600}input[type=text],input[type=email]{width:380px;max-width:100%;padding:3px 6px}#mock_bg{position:absolute;z-index:-1;background-repeat:no-repeat}#mock_bg.atb{width:900px;height:328px;opacity:.5}#mock_bg.btp{width:900px;height:2160px;background-position:0px 156px;opacity:.8;left:var(--btp-left-margin)}#mock{color:#000;font-family:var(--mock-mono)}#mock.atb{width:900px;height:330px}#mock.btp{width:900px;height:2160px}#backtop{position:fixed;bottom:20px;right:20px;width:55px;height:55px;background:url(/static/images/backtop.png);cursor:pointer;display:none}.support{margin:0 0 14px}.statement{font-size:13px;color:var(--ink-2)}.statement a{color:var(--ink-2)}.hidden{display:none}.dumb{color:var(--ink-3)}.info{color:var(--flag-ok)}.warn{color:var(--flag-warn)}.err{color:var(--flag-err);font-weight:600}#postscript{max-width:70ch}#postscript>summary{cursor:pointer;font-weight:600}#postscript>summary::marker{color:var(--flag-warn)}.postscript-why{margin:10px 0 0;font-size:13px}#postscript_list{margin:8px 0 0;padding:0;list-style:none;font-size:13px}#postscript_list li{display:flex;gap:10px;align-items:baseline;padding:3px 0}#postscript_list b{flex:0 0 3ch;font-family:var(--mono)}#postscript_list code{font-family:var(--mono);color:var(--ink);overflow-wrap:anywhere}.dialog{max-width:52ch;padding:24px 26px;border:1px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45}.dialog::backdrop{background:#14161a73}.dialog:focus,.dialog:focus-visible{outline:none}.dialog h2{margin:0 0 10px;font-size:19px;font-weight:600}.dialog p{margin:0 0 10px}.dialog code,.notice code{font-family:var(--mono);font-size:13px;background:var(--paper);border:1px solid var(--rule);border-radius:3px;padding:1px 5px}.dialog .actions{margin:18px 0 0}.dialog:not([open]){display:none}.challenge-detail{color:var(--ink-2);font-size:14px}.notice-strip{margin:0 0 14px;padding:10px 14px;border-radius:4px;border:1px solid var(--flag-warn);color:var(--flag-warn);background:#fff8ee;font-size:14px}.big{font-weight:600}.large{font-weight:600;text-decoration:underline}.left{text-align:left}.center{text-align:center}.right{text-align:right}.red{color:var(--flag-err)}.blue{color:#0b4fd1}.green{color:var(--flag-ok)}.grey{color:var(--ink-3)}.yellow{color:var(--mark)}.hint-inline{color:var(--ink-3);font-weight:400}#fb label{display:block;font-weight:600;margin-bottom:4px}#fb input[type=text],#fb input[type=email]{width:100%;max-width:40ch;padding:8px 10px}#fb input[type=file]{display:block;font-family:var(--sans)}#fb .btn.disabled{pointer-events:none;opacity:.55}.guestbook{list-style:none;margin:0;padding:0}.guestbook-entry{border-top:1px solid var(--rule);padding:16px 0}.guestbook-who{margin:0 0 6px;font-weight:600}.guestbook-who time{font-weight:400;color:var(--ink-3);margin-left:8px}.guestbook-said{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.guestbook-shots{margin:10px 0 0;display:flex;gap:8px;flex-wrap:wrap}.guestbook-shots img{max-width:220px;max-height:220px;border:1px solid var(--rule);border-radius:4px}.check{display:flex;align-items:flex-start;gap:8px}.check-mark{flex:0 0 auto;width:1.1em;line-height:1.45;text-align:center}.check-working .check-mark:before{content:"\2026";color:var(--ink-3)}.check-passed .check-mark:before{content:"\2713";color:var(--flag-ok);font-weight:700}.check-failed .check-mark:before{content:"\2715";color:var(--flag-err);font-weight:700}.check-passed{color:var(--ink-2)}.check-failed{color:var(--flag-err)}.offscreen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.guestbook-reply{margin:10px 0 0;padding:8px 0 0 14px;border-left:3px solid var(--mark)}.guestbook-reply .guestbook-who{color:var(--ink-2);font-size:14px}.admin{padding:6px 0 40px}.admin h2{margin:22px 0 10px;font-size:16px;font-weight:600}.admin-list li{margin:0 0 6px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;padding:6px 10px 6px 0;border-bottom:1px solid var(--rule)}.admin-time{white-space:nowrap}.admin-paging{color:var(--ink-2);font-size:14px}.admin-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 14px;font-size:14px}.admin-filters label{display:flex;gap:6px;align-items:center}.admin-filters .btn,.admin-pager .btn{margin-right:0;padding:5px 12px;font-size:14px}.admin-filters select{box-sizing:border-box;height:31px;padding:0 28px 0 10px;font:600 14px/1.2 var(--sans);color:var(--ink);border:2px solid var(--ink);border-radius:3px;background-color:var(--paper);appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px;background-repeat:no-repeat}.admin-filters select:hover{background-color:var(--ground)}.admin-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.admin-pager-where{padding:0 8px;font-size:14px;color:var(--ink-2)}.admin-cell,.admin-fields pre{font-family:var(--mono);font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.admin-fields th{width:12ch}.admin-inline{display:inline}.admin>.actions{margin:0 0 14px}.admin-comment{padding:12px 0;border-bottom:1px solid var(--rule)}.admin-meta{margin:0 0 6px;color:var(--ink-2);font-size:14px}.admin-meta>*+*:before{content:"\b7";margin:0 6px;color:var(--ink-3);display:inline-block}.admin-images{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}.admin-images img{display:block;width:140px;height:140px;object-fit:contain;border:1px solid var(--rule);border-radius:4px;background:var(--paper)}.admin-text{margin:0 0 8px;white-space:pre-wrap}.admin-reply{margin:8px 0}.admin-reply textarea{display:block;width:100%;min-height:3.2em;box-sizing:border-box}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.admin-actions form{margin:0}.admin-actions .btn{margin-right:0;white-space:nowrap}.admin-login{padding-top:20px}