.composer{z-index:20;box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ddd;resize:both;background:linear-gradient(#34373b,#26282c);border:1px solid #0b0c0d;border-radius:4px;flex-direction:column;min-width:420px;max-width:100vw;min-height:260px;max-height:100vh;font:13px system-ui,sans-serif;display:flex;position:fixed;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 10px 30px #000c}.composer>header{cursor:move;-webkit-user-select:none;user-select:none;letter-spacing:.08em;text-transform:uppercase;color:#e8a33a;align-items:center;gap:8px;padding:8px 10px;font:9px/1 Michroma,system-ui,sans-serif;display:flex}.composer h2{letter-spacing:.12em;margin:0;font:11px/1 Michroma,system-ui,sans-serif}.composer .module{color:#eee;flex:1}.composer .hw{height:22px;padding:0 8px}.composer header select.hw{width:8.5em}.composer .close{font-size:14px}.composer .body{border-top:1px solid #0b0c0d;flex:1;min-height:0;display:flex}.composer .canvas{background:#0b0c0d;flex:1;min-width:0;overflow:auto}.composer .graph{-webkit-user-select:none;user-select:none;outline:none;display:block}.composer .graph .hit{fill:#0000;stroke:#0000}.composer .graph .hit.node{pointer-events:fill;cursor:pointer}.composer .graph path.hit.wire{fill:none;stroke-width:10px;pointer-events:stroke;cursor:pointer}.composer .graph .hit.port{pointer-events:all;cursor:crosshair}.composer .inspector{border-left:1px solid #0b0c0d;flex:none;width:280px;padding:4px 12px 12px;overflow:hidden auto}.composer h3{letter-spacing:.08em;text-transform:uppercase;color:#e8a33a;margin:12px 0 8px;font:10px/1 Michroma,system-ui,sans-serif}.composer .hint{color:#8c8a84;margin:0 0 10px;font-size:12px}.composer .wire{font:12px ui-monospace,Menlo,monospace}.composer table{border-collapse:collapse;width:100%;margin-bottom:8px}.composer th{text-align:left;padding-right:6px;font:12px ui-monospace,Menlo,monospace}.composer td{white-space:nowrap;padding:2px}.composer :is(input,select):not(.hw){box-sizing:border-box;color:#eee;background:#1b1c1f;border:1px solid #0b0c0d;border-radius:2px;max-width:100%;padding:2px 4px;font:12px system-ui,sans-serif}.composer input:not([type]){width:7em}.composer .params input[type=number]{width:5em}.composer input.n{width:4.5em}.composer input.u{width:3em}.composer input[type=checkbox]{vertical-align:middle}.composer .hw.del{justify-content:center;width:22px;padding:0}.composer footer{color:#8c8a84;border-top:1px solid #0b0c0d;padding:5px 10px;font-size:12px}.composer .error{color:#ff8a80}.composer .gone{padding:20px}.rack{background:#141517 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='380'%20viewBox='0%200%2015%20380'%3e%3cdefs%3e%3clinearGradient%20id='rail'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23d4d7d8'/%3e%3cstop%20offset='0.12'%20stop-color='%23b3b7b9'/%3e%3cstop%20offset='0.5'%20stop-color='%239da1a3'/%3e%3cstop%20offset='0.88'%20stop-color='%238a8e90'/%3e%3cstop%20offset='1'%20stop-color='%235d6163'/%3e%3c/linearGradient%3e%3clinearGradient%20id='below'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23000'%20stop-opacity='0.7'/%3e%3cstop%20offset='1'%20stop-color='%23000'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='above'%20x1='0'%20y1='1'%20x2='0'%20y2='0'%3e%3cstop%20offset='0'%20stop-color='%23000'%20stop-opacity='0.5'/%3e%3cstop%20offset='1'%20stop-color='%23000'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cg%20id='holes'%3e%3crect%20x='0'%20y='4.5'%20width='15'%20height='0.6'%20fill='%23000'%20opacity='0.18'/%3e%3crect%20x='0'%20y='15'%20width='15'%20height='0.6'%20fill='%23fff'%20opacity='0.25'/%3e%3ccircle%20cx='7.5'%20cy='10.2'%20r='2.4'%20fill='%23f2f4f4'%20opacity='0.6'/%3e%3ccircle%20cx='7.5'%20cy='9.8'%20r='2.4'%20fill='%2316181a'/%3e%3c/g%3e%3c/defs%3e%3crect%20width='15'%20height='380'%20fill='%23141517'/%3e%3crect%20x='0'%20y='0'%20width='15'%20height='380'%20fill='%231c1e21'%20opacity='0.6'/%3e%3crect%20x='0'%20y='20'%20width='15'%20height='14'%20fill='url(%23below)'/%3e%3crect%20x='0'%20y='350'%20width='15'%20height='10'%20fill='url(%23above)'/%3e%3crect%20x='0'%20y='0'%20width='15'%20height='20'%20fill='url(%23rail)'/%3e%3cuse%20href='%23holes'/%3e%3crect%20x='0'%20y='360'%20width='15'%20height='20'%20fill='url(%23rail)'/%3e%3cuse%20href='%23holes'%20y='360'/%3e%3c/svg%3e");background-size:calc(15px * var(--view-zoom,1)) calc(380px * var(--view-zoom,1));background-position:var(--view-x,0) var(--view-y,0);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.world,.overlay{transform-origin:0 0;position:absolute;top:0;left:0}.overlay{pointer-events:none}.slot{position:absolute;top:0;left:0}.slot.dragging{z-index:1;opacity:.85}.slot .remove,.slot .keep,.slot .compose{z-index:2;color:#ddd;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:50%;width:16px;height:16px;padding:0;font:12px/16px system-ui,sans-serif;transition:opacity .12s;position:absolute;top:2px;right:2px}.slot:hover :is(.remove,.keep,.compose),.slot :is(.remove,.keep,.compose):focus-visible,.slot .keep.kept{opacity:1}.slot .keep{font-size:11px;right:20px}.slot .compose{font-size:11px;left:2px;right:auto}.slot .keep.kept{color:#222;background:#f9a825}.slot .remove.armed{color:#fff;opacity:1;background:#c62828;border-radius:8px;width:auto;padding:0 6px}.slot .remove.armed:after{content:" remove?"}.panel{color:#222;--pbw-label:#2a2a2a;cursor:grab;background:#d9d6cf;border-radius:2px;font:11px/1.2 system-ui,sans-serif;position:relative;box-shadow:inset 0 0 0 1px #9c988f}.panel-title{left:0;right:0;top:var(--title-top,10px);text-align:center;letter-spacing:.04em;font-weight:600;font-family:var(--title-font,inherit);font-size:var(--title-size,inherit);color:var(--title-color,inherit);text-shadow:var(--title-glow,none);transform:var(--title-transform,none);position:absolute}.widget{cursor:default;position:absolute}.widget[data-port]{cursor:crosshair}.cables{width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.cable path{fill:none;stroke-linecap:round}.cable .core{stroke:currentColor;stroke-width:5px}.cable path:only-child{opacity:.85}.cable .shade{stroke:#000;stroke-width:7px;opacity:.28;transform:translate(2px,4px)}.cable .edge{stroke:color-mix(in srgb, currentColor 50%, #000);stroke-width:6.5px}.cable .edge+.core{stroke-width:4.5px}.cable .sheen{stroke:#fff;stroke-width:1.2px;opacity:.3;transform:translate(-.6px,-1.1px)}.cable.poly .core,.cable.poly .edge+.core{stroke-width:8px}.cable.poly .edge{stroke-width:10px}.cable.poly .shade{stroke-width:10.5px}.cable .plug{transform-box:fill-box;transform-origin:50%}@font-face{font-family:Architects Daughter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/architects-daughter-latin-ext-400-normal-BsHeVfRr.woff2)format("woff2"),url(/assets/architects-daughter-latin-ext-400-normal-FqHtA13I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Architects Daughter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/architects-daughter-latin-400-normal-DOGE_9Aw.woff2)format("woff2"),url(/assets/architects-daughter-latin-400-normal-Ze4cbGW2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/michroma-latin-ext-400-normal-BeYM1uOO.woff2)format("woff2"),url(/assets/michroma-latin-ext-400-normal-DlRaauac.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/michroma-latin-400-normal-4gS0VCia.woff2)format("woff2"),url(/assets/michroma-latin-400-normal-C7Pn7qca.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-ext-400-normal-ChcxYnmu.woff2)format("woff2"),url(/assets/special-elite-latin-ext-400-normal-CaJZjSVf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2"),url(/assets/special-elite-latin-400-normal-BtSRmyJ6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2)format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{color:#ddd;background:#141517;height:100%;margin:0;font:13px system-ui,sans-serif}#app,.app{height:100%}.app{flex-direction:column;display:flex}.toolbar{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#e8a33a;background:linear-gradient(#3a3d41,#2a2c30 55%,#222428);border-bottom:1px solid #0b0c0d;align-items:center;gap:10px;padding:8px 12px;font:9px/1 Michroma,system-ui,sans-serif;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #0008}.app .rack{flex:1}.tape{--tear:5px;color:#1d1f24;letter-spacing:.01em;text-transform:none;white-space:nowrap;opacity:.94;field-sizing:content;cursor:text;clip-path:polygon(0 8%, var(--tear) 20%, 1px 34%, var(--tear) 50%, 0 64%, var(--tear) 80%, 2px 94%, calc(100% - 2px) 100%, calc(100% - var(--tear)) 86%, 100% 72%, calc(100% - var(--tear)) 56%, calc(100% - 1px) 40%, calc(100% - var(--tear)) 24%, 100% 6%);background:linear-gradient(170deg,#ecebdd,#d9d7c6 60%,#cfccb9);border:0;outline:0;margin-right:6px;padding:5px 18px 3px;font:17px/1.1 Permanent Marker,cursive;transform:rotate(-1.6deg);box-shadow:0 1px 2px #0006}.hw{color:#d9d4c8;height:26px;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:linear-gradient(#45484c,#2b2d31 60%,#232528);border:1px solid #0b0c0d;border-radius:3px;align-items:center;gap:7px;padding:0 10px;display:inline-flex;box-shadow:inset 0 1px #ffffff26,0 2px #000a,0 3px 5px #0007}.hw:active:not(:disabled){transform:translateY(1.5px);box-shadow:inset 0 1px #ffffff1a,0 .5px #000a,0 1px 2px #0007}.hw:disabled{cursor:default}.hw:focus-visible{outline-offset:2px;outline:1px solid #e8a33a}select.hw{appearance:none;background:linear-gradient(45deg,#0000 50%,#e8a33a 50%) right 11px center/5px 5px no-repeat,linear-gradient(-45deg,#0000 50%,#e8a33a 50%) right 7px center/5px 5px no-repeat,linear-gradient(#45484c,#2b2d31 60%,#232528);padding-right:22px}select.hw option{color:#ddd;letter-spacing:normal;text-transform:none;background:#2b2d31;font:13px system-ui,sans-serif}.lamp{background:#3a2408;border-radius:1px;width:12px;height:5px;box-shadow:inset 0 1px 1px #000c}.hw.lit .lamp{background:radial-gradient(#fff3d6,#ffb02e 45%,#b8650c);box-shadow:0 0 6px #ffb02e,inset 0 0 1px #fff8}.keys{align-items:center;gap:7px;display:inline-flex}.lcd{color:#ffb02e;letter-spacing:0;text-shadow:0 0 4px #ffb02e99;background:linear-gradient(135deg,#ffffff12,#0000 45%),#140d03;border-radius:2px;padding:4px 6px 3px;font:14px/1 DSEG14 Classic,monospace;position:relative;box-shadow:inset 0 1px 3px #000,0 1px #ffffff14}.lcd:before{content:attr(data-ghost);opacity:.09;text-shadow:none;position:absolute;top:4px;left:6px}@supports (appearance:base-select){select.hw{appearance:base-select}select.hw::picker(select){appearance:base-select}select.hw::picker-icon{display:none}select.hw::picker(select){background:#2b2d31;border:1px solid #0b0c0d;border-radius:3px;margin-top:4px;padding:3px;box-shadow:inset 0 1px #ffffff1a,0 4px 10px #000a}select.hw option{border-radius:2px;padding:5px 10px;font:13px system-ui,sans-serif}select.hw option[value=""]{display:none}select.hw option::checkmark{color:#e8a33a}select.hw option:hover,select.hw option:focus-visible{color:#fff;background:#45484c;outline:none}select.hw option:checked{color:#e8a33a}}.library{color:#ddd;background:linear-gradient(#34373b,#26282c);border:1px solid #0b0c0d;border-radius:4px;width:min(640px,100vw - 32px);max-height:calc(100vh - 64px);padding:0 0 10px;font:13px system-ui,sans-serif;box-shadow:inset 0 1px #ffffff1a,0 10px 30px #000c}.library::backdrop{background:#0009}.library header{letter-spacing:.08em;text-transform:uppercase;color:#e8a33a;align-items:center;gap:8px;padding:12px 14px 8px;font:9px/1 Michroma,system-ui,sans-serif;display:flex}.library h2{letter-spacing:.12em;flex:1;margin:0;font:11px/1 Michroma,system-ui,sans-serif}.library .close{padding:0 8px;font-size:14px}.library ul{margin:0;padding:0 8px;list-style:none}.library li{letter-spacing:.08em;text-transform:uppercase;border-radius:3px;align-items:center;gap:8px;padding:4px 6px;font:9px/1 Michroma,system-ui,sans-serif;display:flex}.library li:hover{background:#ffffff0d}.library li.current{box-shadow:inset 3px 0 #e8a33a}.library .name{color:#eee;letter-spacing:normal;text-transform:none;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:2px;flex:1;min-width:0;padding:4px 6px;font:14px/1.2 system-ui,sans-serif;overflow:hidden}.library input.name:hover,.library input.name:focus{background:#1b1c1f;border-color:#0b0c0d;outline:none}.library time{color:#8c8a84;white-space:nowrap}.library .hw{height:22px;padding:0 8px}.library .hw.del.armed{color:#fff;background:linear-gradient(#b3261e,#8a1c16)}.library .empty{color:#8c8a84;margin:2px 22px 8px}