@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(./jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(./jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}:root{--bg: #1c1c1e;--view: #141416;--rack: #232326;--sunken: #151517;--line: #33333a;--line-hot: #46464e;--fg: #e8e6e3;--dim: #9a978f;--faint: #6b6862;--amber: #e07f60;--amber-ink: #1a0d08;--amber-soft: rgba(224, 127, 96, .14);--ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}[hidden]{display:none!important}html,body{height:100%}body{font-family:var(--ui);font-size:13px;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--amber);color:var(--amber-ink)}.app{height:100vh;display:flex}.viewport{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:var(--view)}.viewbar{flex:0 0 auto;display:flex;align-items:stretch;justify-content:space-between;height:40px;padding:0 4px 0 6px;border-bottom:1px solid var(--line);background:var(--bg)}.tabs{display:flex}.tab{font-size:12.5px;color:var(--dim);background:transparent;border:0;cursor:pointer;padding:0 14px;height:100%;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover:not(:disabled):not(.is-active){color:var(--fg)}.tab.is-active{color:var(--amber);border-bottom-color:var(--amber)}.tab:disabled{color:var(--faint);cursor:not-allowed}.readout{align-self:center;font-family:var(--font);font-size:12px;color:var(--amber);padding:2px 8px;margin-right:4px;background:var(--sunken);border:1px solid var(--line)}.canvasarea{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:32px;overflow:hidden;background-color:var(--view)}.canvas-hold{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.canvas-hold canvas{max-width:100%;max-height:100%;border:1px solid var(--line-hot);background-image:linear-gradient(45deg,#1b1b1f 25%,transparent 25%),linear-gradient(-45deg,#1b1b1f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b1b1f 75%),linear-gradient(-45deg,transparent 75%,#1b1b1f 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.grip{position:absolute;width:16px;height:16px;padding:0;background:var(--amber);border:1px solid var(--amber-ink);cursor:nwse-resize;z-index:3;transition:opacity .15s,box-shadow .15s}.grip:after{content:"";position:absolute;right:2px;bottom:2px;width:6px;height:6px;border-right:2px solid var(--amber-ink);border-bottom:2px solid var(--amber-ink)}.grip:hover{background:#ea8f70}.grip.is-armed{opacity:1;animation:gripPulse 2.4s ease-in-out 3}.grip.is-pending{opacity:.35;cursor:progress}@keyframes gripPulse{0%,to{box-shadow:0 0 #e07f6000}50%{box-shadow:0 0 0 4px #e07f6038}}.finishing{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;background:#0e0e108c;font-size:12.5px;color:var(--amber);backdrop-filter:blur(1px)}.finishing__spin{width:13px;height:13px;border:2px solid rgba(226,161,58,.28);border-top-color:var(--amber);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop{width:min(520px,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:56px 24px;border:1px dashed var(--line-hot);background:#00000040;cursor:pointer;color:var(--dim);transition:border-color .15s,color .15s,background .15s}.drop:hover,.drop--over{border-color:var(--amber);color:var(--fg);background:var(--amber-soft)}.drop__title{font-size:13.5px;color:var(--fg)}.drop__hint{font-size:12px;color:var(--faint)}.statusbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-top:1px solid var(--line);background:var(--bg);font-size:12.5px;color:var(--dim);white-space:nowrap;overflow:hidden}.statusbar__led{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--amber)}#status{overflow:hidden;text-overflow:ellipsis}.rack{flex:0 0 300px;width:300px;display:flex;flex-direction:column;gap:18px;padding:18px 18px 20px;border-left:1px solid var(--line);background:var(--rack);overflow-y:auto}.rack__head{display:flex;flex-direction:column;gap:3px;padding-bottom:4px}.rack__name{font-size:14px;font-weight:500;color:var(--fg)}.rack__sub{font-size:12px;color:var(--faint)}.rack__sep{height:1px;background:var(--line)}.rack__spacer{flex:1 1 auto;min-height:6px}.rack__hint{font-size:12.5px;line-height:1.6;color:var(--dim)}.rack__grip{display:inline-block;width:9px;height:9px;vertical-align:-1px;background:var(--amber);border:1px solid var(--amber-ink)}.ctl{display:flex;flex-direction:column;gap:8px}.ctl__label{font-size:12.5px;color:var(--dim);display:flex;align-items:baseline;justify-content:space-between}.ctl__label em{font-style:normal;color:var(--amber)}.switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--sunken)}.switch__opt{position:relative}.switch__opt input{position:absolute;inset:0;opacity:0;cursor:pointer}.switch__opt span{display:block;text-align:center;padding:8px 6px;font-size:12.5px;color:var(--dim);transition:background .12s,color .12s}.switch__opt:first-child span{border-right:1px solid var(--line)}.switch__opt input:checked+span{background:var(--amber-soft);color:var(--amber)}.switch__opt input:focus-visible+span{outline:1px solid var(--amber);outline-offset:-1px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--sunken);border:1px solid var(--line);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:18px;background:var(--amber);cursor:ew-resize;border:1px solid var(--amber-ink)}input[type=range]::-moz-range-thumb{width:12px;height:18px;border-radius:0;background:var(--amber);cursor:ew-resize;border:1px solid var(--amber-ink)}input[type=range]:focus-visible{border-color:var(--amber)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.meta{display:flex;flex-direction:column;gap:6px}.meta__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px}.meta__row dt{color:var(--faint);font-size:12.5px}.meta__row dd{font-family:var(--font);color:var(--fg);text-align:right}.linklike{align-self:flex-start;margin-top:2px;background:none;border:0;cursor:pointer;padding:0;font-size:12.5px;color:var(--dim);border-bottom:1px solid var(--line);transition:color .15s,border-color .15s}.linklike:hover:not(:disabled){color:var(--amber);border-color:var(--amber)}.linklike:disabled{opacity:.4;cursor:not-allowed}.progress{height:2px;background:var(--sunken);border:1px solid var(--line);overflow:hidden}.progress__bar{height:100%;width:0;background:var(--amber);transition:width .15s linear}.btn{font-family:inherit;font-size:13px;font-weight:500;padding:10px 12px;cursor:pointer;background:transparent;color:var(--fg);border:1px solid var(--line);transition:border-color .15s,background .15s,color .15s}.btn:hover:not(:disabled){border-color:var(--line-hot);background:#1d1d21}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn--go{width:100%;background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}.btn--go:hover:not(:disabled){background:#ea8f70;border-color:#ea8f70}.btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 820px){body{overflow:auto}.app{height:auto;min-height:100vh;flex-direction:column}.canvasarea{min-height:54vh}.rack{flex-basis:auto;width:100%;border-left:0;border-top:1px solid var(--line)}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}