:root{--background-color: #f5f5f5;--text-primary: #333;--text-secondary: #666;--border-color: #ddd;--hover-color: #eee}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary)}*{box-sizing:border-box}button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:#fff;cursor:pointer;margin:.25rem}button:hover{background:var(--hover-color)}input,textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;width:100%;margin:.25rem 0}select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;width:100%;margin:.25rem 0;background:#fff}.app-root{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}#settings{flex:1;min-width:400px;max-width:600px;overflow-y:auto;padding:1rem;background:var(--background-color)}#preview{flex:2;overflow-y:auto;background:#fff}.sign-root{max-width:800px;margin:0 auto}.sign-selector h1{margin:0 0 1rem}.sign-selector ul{list-style:none;padding:0;margin:0 0 1rem}.sign-selector li{padding:.5rem;cursor:pointer;border-radius:4px}.sign-selector li:hover{background:var(--hover-color)}.sign-selector .selector-machine-model{color:var(--text-secondary);font-size:.9em;margin-left:.5rem}.sign-selector.sign-selector{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-color)}.container{max-width:800px;margin:2rem auto}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.header{background-color:#28a745;color:#fff;padding:20px}.header h1{margin:0;font-size:2.5em}.create-button{background-color:#fff;color:#28a745;border:none;padding:10px 20px;border-radius:4px;margin-top:15px;font-weight:700;cursor:pointer;transition:background-color .2s}.create-button:hover{background-color:#f8f9fa}.machine-list{padding:0;margin:0;list-style:none}.machine-item{padding:20px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.machine-item:hover{background-color:#f8f9fa}.machine-item:last-child{border-bottom:none}.machine-name{font-size:1.5em;font-weight:700;margin:0 0 5px}.machine-model{color:#666;margin:0 0 5px}.machine-update{color:#888;font-size:.9em;margin:0}body{margin:0;padding:0}.app-root{display:flex;flex-direction:row;width:100%;font-family:Bitter,sans;margin-bottom:60px}#settings{width:40%}#preview{background:#111;padding:20px;flex-grow:1;display:flex;flex-direction:row;justify-content:center}.sign-access-label{margin:5mm;display:block;text-align:center;font-size:20pt}.sign-access{display:flex;flex-direction:row;padding:2mm 10mm;align-items:center;justify-content:flex-start}.sign-access>div{display:flex;flex-direction:column;align-items:center;margin-right:10mm;flex-grow:0}.sign-access>span{flex-grow:1}.sign-access img{width:18mm;height:18mm}.sign-access h3{font-size:10pt;margin:1mm -15px 0}#preview .sign-root{padding:5mm;border-radius:4px;overflow:hidden;width:200mm;height:286.9mm;color:#fff;background:#eee;display:flex;flex-direction:column;justify-content:start}#preview .sign-root h1{margin:0;font-size:36pt}#preview .sign-root h2{margin:0;font-size:12pt}#preview .sign-root .sign-header{display:flex;flex-direction:row;align-items:stretch;gap:5mm}#preview .sign-root .sign-header-image{max-height:100%;width:auto;object-fit:contain;border-radius:1mm}#preview .sign-root .sign-name{padding:2mm 5mm 1mm 10mm;flex-grow:1;height:fit-content}#preview .sign-root .sign-name span{margin:0 0 0 1mm;font-size:12pt}#preview .sign-root .sign-section{background:#a1a1a1;margin-top:1mm;margin-bottom:1mm;border-radius:1mm;overflow:hidden}#preview .sign-root .sign-section>p{padding-left:5mm}#preview .sign-root .sign-section h2{padding-bottom:2mm;padding-top:2mm;padding-left:5mm;background:#727272}#preview .sign-root .sign-status-outoforder{background:#555}#preview .sign-root .sign-status-outoforder h2{background:#444}#preview .sign-root .sign-status-outoforder p{margin:5mm;display:block;text-align:center;font-size:12pt}#preview .sign-root .sign-access-course{background:#d12829}#preview .sign-root .sign-access-course h2{background:#a22425}#preview .sign-root .sign-access-everyone-careful{background:#df8c20}#preview .sign-root .sign-access-everyone-careful h2{background:#b37019}#preview .sign-root .sign-access-everyone{background:#18a02f}#preview .sign-root .sign-access-everyone h2{background:#187728}#preview .sign-root .sign-materials-allowed{background:#18a02f}#preview .sign-root .sign-materials-allowed h2{background:#187728}#preview .sign-root .sign-materials-prohibited{background:#d12829}#preview .sign-root .sign-materials-prohibited h2{background:#a22425}#preview .sign-root .sign-quickstart{background:#a12b6d}#preview .sign-root .sign-quickstart h2{background:#87205a}#preview .sign-root .sign-quickstart p{white-space:pre-line}#preview .sign-root .sign-safety{background:#3898e5}#preview .sign-root .sign-safety h2{background:#1877b7}#preview .sign-root .sign-cleanup{background:#555}#preview .sign-root .sign-cleanup h2{background:#444}#preview .sign-root .sign-footer,#preview .sign-root .sign-outoforder-icons{display:flex;margin-top:auto;flex-direction:row;justify-content:space-between;justify-items:start;flex-grow:0;flex-wrap:nowrap;padding-top:5mm}#preview .sign-root .sign-footer div,#preview .sign-root .sign-outoforder-icons div{max-width:75mm;display:flex;flex-direction:row;justify-content:stretch;align-items:center;height:17mm;padding:2mm 0;margin-left:2mm;margin-right:2mm}#preview .sign-root .sign-footer div:first-child,#preview .sign-root .sign-outoforder-icons div:first-child{margin-left:0}#preview .sign-root .sign-footer div:last-child,#preview .sign-root .sign-outoforder-icons div:last-child{margin-right:0}#preview .sign-root .sign-footer div div,#preview .sign-root .sign-outoforder-icons div div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:2mm}#preview .sign-root .sign-footer div div h3,#preview .sign-root .sign-outoforder-icons div div h3{text-align:left;display:block;margin:0}#preview .sign-root .sign-footer div div p,#preview .sign-root .sign-outoforder-icons div div p{width:100%;margin:0;font-size:10pt;overflow-wrap:anywhere;word-break:break-all}#preview .sign-root .sign-footer div img,#preview .sign-root .sign-outoforder-icons div img{margin:0;height:100%;align-self:center}#preview .sign-root .sign-footer{color:#333}#preview .sign-root .sign-outoforder-icons{color:#fff;margin-left:10mm;margin-right:10mm;padding-top:0;justify-items:center;justify-content:center}#preview .sign-root .sign-outoforder-icons div{margin-left:5mm;margin-right:5mm;max-width:unset}img.invert,.sign-icon-allowed,.sign-icon-not-allowed{filter:invert(100%)}.item-list-horizontal-small{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:1mm 5mm 2mm}.item-list-horizontal-small.many div{width:59mm}.item-list-horizontal-small div{margin-left:1mm;margin-right:3mm;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.item-list-horizontal-small div img{align-self:center;height:6mm}.item-list-horizontal-small div p{margin-bottom:1mm;margin-top:2mm;margin-left:3mm}.item-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:3mm 5mm 2mm}.item-list div{width:29.5mm;margin-left:1mm;margin-right:1mm;display:flex;flex-direction:column;flex-wrap:nowrap}.item-list div img{align-self:center;height:8mm}.item-list div p{text-align:center;margin-bottom:1mm;margin-top:2mm}.item-list-horizontal{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;padding-left:5mm;padding-right:5mm}.item-list-horizontal div{height:20mm;margin-left:1mm;margin-right:1mm;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center}.item-list-horizontal div img{align-self:center;height:8mm}.item-list-horizontal div p{text-align:left;margin-left:3mm;width:40mm;align-self:center}#settings{background:#111}div.sign-selector{margin-left:auto;margin-right:auto;min-width:400px;display:flex;flex-direction:column}div.sign-selector ul{box-shadow:0 0 10px #0006;margin:20px 0 0;border-radius:5px;overflow:hidden;list-style:none;padding:0;display:flex;flex-direction:column}div.sign-selector h1{background:#469abe;border-radius:0 0 5px 5px;box-shadow:0 0 10px #0006;color:#fff;margin:0 0 10px;padding:10px}div.sign-selector li{border-bottom:2px solid #07719F;background:#2785ad;color:#fff;padding:5px 5px 5px 10px;font-weight:700;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}div.sign-selector li:hover{background:#07719f}div.sign-selector li .selector-machine-model{font-size:9pt;opacity:80%}#settings .sign-root{color:#fff;margin-left:5mm;margin-right:5mm;margin-top:5mm}#settings .sign-root .sign-section{background:#555;margin-top:4px;margin-bottom:4px;border-radius:1mm;overflow:hidden;display:flex;flex-direction:column}#settings .sign-root .sign-section>p{padding-left:5mm}#settings .sign-root .sign-section input,#settings .sign-root .sign-section select{margin:1mm;width:auto}#settings .sign-root select.sign-selector{margin:0;width:100%;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right 10px center #444;transition:border .1s}#settings .sign-root select.sign-selector:hover{border-color:#2d8ad6}#settings .sign-root .selection-row{display:flex;flex-direction:row;justify-content:start}#settings .sign-root .selection-row input{flex-grow:1}#settings .sign-root .selection-row button{display:flex;flex-shrink:0;justify-content:center;padding-left:1mm;padding-right:1mm;width:8mm}#settings .sign-root .selection-row button img{width:100%;margin-left:1px}#settings .sign-root button{background:#444;border-radius:1mm;border:2px solid #333;margin:1mm;color:#fff;padding:1mm 3mm;transition:background 30ms;outline:none;max-width:33%}#settings .sign-root button::-moz-focus-inner{border:0}#settings .sign-root button:hover{background:#3a3a3a}#settings .sign-root input,#settings .sign-root select,#settings .sign-root textarea{display:block;margin:1mm;background:#444;color:#fff;border:1px solid #000;border-radius:1mm;padding:1mm 1mm 1mm 2mm;outline:none}#settings .sign-root input::-moz-focus-inner,#settings .sign-root select::-moz-focus-inner,#settings .sign-root textarea::-moz-focus-inner{border:0}#settings .sign-root input:focus,#settings .sign-root select:focus,#settings .sign-root textarea:focus{border-color:#2d8ad6}#settings .sign-root textarea{min-height:100px}#settings .sign-root select:-moz-focusring{color:transparent;text-shadow:0 0 0 white}#settings .sign-root .settings-section-header{display:flex;flex-direction:row;align-items:center;background:#444}#settings .sign-root .settings-section-header input{margin-left:3mm;outline:0;width:auto}#settings .sign-root .settings-section-header h2{margin-block-start:0;margin-block-end:0;margin:0;padding-bottom:2mm;padding-top:2mm;padding-left:5mm;font-size:12pt}#settings .sign-root .settings-section-header h2 label{cursor:pointer}.page{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;height:209.5mm;page-break-after:always}@media only print{#preview .sign-root{border-radius:0;background:unset}#settings{display:none}#preview{display:block;background:unset;padding:0;margin:0}.app-root{display:block;flex-direction:row;width:unset}}#preview{flex-wrap:wrap}#machine-model{padding-bottom:2mm;display:block}#preview .sign-root.a5{width:138mm;height:200mm}#preview .sign-root.a5 h1{font-size:14pt}#preview .sign-root.a5 h2{font-size:12pt;padding:1mm 5mm}#preview .sign-root.a5 .sign-access-label{margin:2mm;font-size:14pt}#preview .sign-root.a5 p{font-size:11pt}#preview .sign-root.a5 .item-list-horizontal-small.many div{width:38.5mm}#preview .sign-root.a5 .item-list-horizontal-small img{height:5mm}#preview .sign-root.a5 .item-list img{height:6mm}#preview .sign-root.a5 .sign-name{padding:2mm 5mm}#preview .sign-root.a5 #machine-model{font-size:11pt;margin-left:0;padding-bottom:.5mm}#preview .sign-root.a5 .sign-footer{padding-top:1mm}#preview .sign-root.a5 .sign-footer div{max-width:90mm}#preview .sign-root.a5 .sign-footer>div:last-child{flex-direction:row-reverse}#preview .sign-root.a5 .sign-footer>div:last-child div{text-align:right;margin-right:2mm;align-items:flex-end}.item-list-rows{display:flex;flex-direction:column;padding:3mm 5mm 2mm;gap:1mm}.item-list-rows div{display:flex;flex-direction:row;align-items:center;gap:2mm}.item-list-rows div span{display:flex;align-items:center;justify-content:center}.item-list-rows div .label{flex:2}.item-list-rows div .interval{width:2.5cm;background:#555;border-radius:1mm;height:12mm;padding:2mm;box-sizing:border-box}.item-list-rows div .maintenance-label-space{background-color:#555;border-radius:1mm;flex:3;height:12mm;box-sizing:border-box}.pre{white-space:pre}#preview .sign-root .sign-footer-tiny{color:#666;text-align:center}#preview .sign-root .sign-footer-tiny p{font-size:9pt;margin:1mm 0 0}.all-root{display:flex;flex-direction:column;width:100%;font-family:Bitter,sans}.sign-selector-all{display:block}@media only print{.sign-selector-all{display:none}}