@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{color:#102b36;font-synthesis:none;--yellow:#f2c400;--blue:#155872;--deep:#082f41;--cream:#f0efe5;background:#c6cbc7;font-family:IBM Plex Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #fff}.mill{isolation:isolate;background:#c6cbc7;width:100%;height:100%;position:relative}.mill:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;background:linear-gradient(105deg,#ffffff29,#0000 34%,#0c28321f);position:absolute;inset:0}.mill-canvas{touch-action:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.maker-plate,.readout,.pendant,.relay-bank,.export-magazine,.instruction{z-index:3;position:absolute}.maker-plate{letter-spacing:.08em;background:#e9e7dc;border:3px solid #153846;grid-template-columns:auto 1fr;gap:3px 9px;width:238px;min-height:72px;padding:10px 13px;font-size:8px;display:grid;top:20px;left:22px;transform:rotate(-.7deg);box-shadow:5px 5px #173747}.maker-plate strong{letter-spacing:.04em;grid-column:1/-1;font:800 22px/1 Barlow Condensed,sans-serif}.maker-plate .serial{background:#f2c400;padding:2px 4px}.readout{color:#dbe6e4;background:#082f41;border:4px solid #809397;gap:3px;padding:5px;display:flex;top:18px;right:18px;box-shadow:0 4px #52666c}.readout span{border:1px solid #486570;align-items:center;gap:7px;min-height:44px;padding:5px 11px;font-size:9px;display:flex}.readout b{color:#f2c400;font:800 22px/1 Barlow Condensed,sans-serif}.readout .live i{background:#f2c400;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #263f47}.pendant{grid-template-columns:repeat(4,minmax(132px,1fr));gap:9px;display:grid;top:82px;left:285px;right:285px;transform:rotate(-.25deg)}.hardware{color:#f4f2e7;background:linear-gradient(#1d647e,#124b63);border:3px solid #082f41;gap:3px;min-height:72px;padding:7px 9px;display:grid;box-shadow:4px 4px #082f41bf}.hardware:nth-child(2){transform:translateY(5px)rotate(.5deg)}.hardware:nth-child(3){transform:translateY(-3px)rotate(-.35deg)}.hardware:nth-child(4){transform:translateY(4px)rotate(.45deg)}.hardware>span{letter-spacing:.08em;justify-content:space-between;gap:8px;font:700 10px Barlow Condensed,sans-serif;display:flex}.hardware output{color:#f2c400;font-family:IBM Plex Mono,monospace}.hardware input{accent-color:#f2c400;cursor:ew-resize;width:100%;height:44px;margin:0}.hardware select{color:#092f43;background:#f2c400;border:2px solid #092f43;width:100%;min-height:44px;padding:0 8px;font-weight:700}.hardware input::-webkit-slider-thumb{width:28px;height:28px}.relay-bank{background:#10465b;border:4px solid #082f41;gap:7px;padding:7px 9px;display:flex;bottom:24px;left:50%;transform:translate(-50%)rotate(-.5deg);box-shadow:0 5px #64777b}.relay-bank button{color:#f4f2e7;cursor:pointer;background:#163d4c;border:2px solid #071f29;width:48px;height:48px;font-weight:700;box-shadow:inset 0 -5px #00000040}.relay-bank button i{background:#68787b;width:12px;height:6px;margin:0 auto 4px;display:block}.relay-bank button[aria-pressed=true]{color:#102b36;background:#f2c400;transform:translateY(2px);box-shadow:inset 0 -2px #0003}.relay-bank button[aria-pressed=true] i{background:#fff7c7}.export-magazine{background:#e8e6db;border:4px solid #173846;grid-template-columns:repeat(4,52px);gap:5px;padding:8px;display:grid;bottom:20px;left:20px;transform:rotate(.6deg);box-shadow:5px 5px #173846}.mag-label{letter-spacing:.14em;grid-column:1/-1;font:800 11px Barlow Condensed,sans-serif}.export-magazine button{color:#102b36;cursor:pointer;background:#f5f1df;border:2px solid #153846;height:44px;font:800 12px Barlow Condensed,sans-serif}.export-magazine button:hover{background:#f2c400}.instruction{white-space:nowrap;letter-spacing:.04em;background:#efeee1e6;border:2px solid #173846;margin:0;padding:6px 10px;font-size:9px;top:20px;left:50%;transform:translate(-50%)}@media (max-width:700px){html,body,#app{min-height:100%;overflow:hidden}.maker-plate{width:178px;min-height:55px;padding:7px 9px;top:8px;left:8px}.maker-plate strong{font-size:17px}.maker-plate>span:last-child{display:none}.readout{border-width:3px;grid-template-columns:1fr 1fr;padding:3px;display:grid;top:7px;right:7px}.readout span{min-height:35px;padding:2px 5px;font-size:7px}.readout b{font-size:15px}.readout .live,.instruction{display:none}.pendant{grid-template-columns:1fr 1fr;gap:5px;width:auto;inset:auto 7px 120px;transform:none}.hardware,.hardware:nth-child(n){border-width:2px;min-height:68px;padding:5px 7px;transform:none}.hardware>span{font-size:9px}.hardware input,.hardware select{height:44px;min-height:44px}.relay-bank{border-width:3px;gap:3px;padding:5px;bottom:66px}.relay-bank button{width:44px;height:44px}.export-magazine{grid-template-columns:repeat(4,62px);gap:4px;padding:5px;bottom:7px;left:50%;transform:translate(-50%)}.mag-label{display:none}.export-magazine button{height:44px}.mill-canvas{height:62%}.mill:after{background:linear-gradient(#0000 42%,#c6cbc7c2 62%,#c6cbc7 80%)}}@media (max-width:390px){.relay-bank button{width:44px}.relay-bank{gap:1px;padding:3px}.export-magazine{grid-template-columns:repeat(4,58px)}.pendant{bottom:116px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}