@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#000305}body{color:#00ff41;font-family:Share Tech Mono,Courier New,monospace;overflow-x:hidden}.app-shell{min-height:100vh;background:#000305}.mode-tabs{display:flex;gap:1px;background:#001800;border-bottom:1px solid #002400}.mode-tab{flex:1;border:0;background:#020806;color:#005a22;cursor:pointer;font:inherit;font-size:10px;letter-spacing:.18em;padding:8px 10px}.mode-tab.active{background:#06120c;color:#8fd494;box-shadow:inset 0 -1px #5cd46a}.app-header{display:flex;align-items:center;gap:12px;padding:8px 14px 6px;border-bottom:1px solid #001800}.app-header h1{margin:0;font-size:12px;font-weight:400;letter-spacing:.35em}.app-header span{color:#004a22;font-size:8px;letter-spacing:.1em}.app-header .status{margin-left:auto;min-width:180px;color:#00ff41;text-align:right}.gt{animation:gt 6s infinite}@keyframes gt{0%,88%,to{text-shadow:none;transform:none}90%{text-shadow:-2px 0 #ff003c,2px 0 #00ffff;transform:skew(-2deg)}94%{color:#0ff}97%{color:#00ff41}}.mr-slider{-webkit-appearance:none;width:100%;background:#326e3a66;height:2px;outline:none;border-radius:1px;cursor:pointer}.mr-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#5cad65;border-radius:50%;cursor:pointer}.mr-slider::-moz-range-thumb{width:10px;height:10px;background:#5cad65;border:none;border-radius:50%;cursor:pointer}.mr-btn{background:transparent;border:1px solid rgba(80,160,88,.55);color:#7ad080;cursor:pointer;font:inherit;font-size:9px;letter-spacing:.12em;padding:4px 10px}.mr-btn:hover{border-color:#5cd46a;color:#5cd46a}.mr-btn.dim{border-color:#32643759;color:#6a9472}.mr-btn.full{width:100%;margin:2px 0 10px}.section-label{align-items:center;border-bottom:1px solid rgba(50,110,58,.3);color:#46824cd9;display:flex;font-size:8px;justify-content:space-between;letter-spacing:.11em;margin:14px 0 6px;padding-bottom:4px}.canvas-panel{border:1px solid rgba(50,110,58,.18);line-height:0;position:relative}.myco-layout{display:flex;min-height:calc(100vh - 78px)}.myco-main{border-right:1px solid #001800;flex:1 1 auto;min-width:0}.myco-controls{flex:0 0 330px;padding:12px 16px}.sequencer{border-top:1px solid #001800;overflow-x:auto;padding:8px 8px 12px}.beat-row{align-items:center;display:flex;gap:6px;margin-bottom:4px}.beat-label{flex:0 0 48px;font-size:8px;letter-spacing:.12em}.beat-cells{display:flex;gap:1px;min-width:768px}.beat-cell{border:0;cursor:pointer;flex:0 0 5px;padding:0}.beat-cell.scan{outline:1px solid #ffffff}.capture-mode{background:#020705;color:#a8c4ac;min-height:100vh;padding:18px}.capture-stage{aspect-ratio:16 / 9;background:linear-gradient(180deg,#0a1c12fa,#020705fa),#06120c;border:1px solid rgba(80,160,88,.24);box-shadow:0 0 40px #00ff410f;display:grid;gap:14px;grid-template-rows:auto 1fr auto;margin:0 auto;max-height:calc(100vh - 69px);max-width:min(100%,1600px);overflow:hidden;padding:18px}.capture-title{align-items:end;display:flex;gap:18px;justify-content:space-between}.capture-title h1{color:#d7f5dc;font-size:clamp(24px,4.2vw,72px);font-weight:400;letter-spacing:.16em;line-height:.95;margin:0}.capture-title p{color:#8fd494c7;font-size:clamp(11px,1.25vw,20px);letter-spacing:.12em;margin:8px 0 0}.capture-transport{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-bottom:4px}.capture-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);min-height:0}.capture-source,.capture-scanner{background:#040c069e;border:1px solid rgba(80,160,88,.22);min-height:0;overflow:hidden;position:relative}.capture-source canvas,.capture-scan-canvas canvas{display:block;height:100%;width:100%}.capture-panel-label{background:#020705b8;color:#8fd494c7;font-size:9px;left:10px;letter-spacing:.14em;padding:5px 7px;position:absolute;top:10px;z-index:2}.capture-drop{align-items:center;background:#040c06bd;color:#5cd46a;display:flex;font-size:14px;inset:0;justify-content:center;letter-spacing:.18em;position:absolute;z-index:3}.capture-scanner{display:grid;gap:8px;grid-template-rows:minmax(0,1fr) 54px auto minmax(130px,auto);padding:10px}.capture-scanner>.capture-panel-label{left:20px;top:20px}.capture-scan-canvas{border:1px solid rgba(80,160,88,.18);min-height:0;overflow:hidden;position:relative}.capture-waveform{border:1px solid rgba(80,160,88,.18);display:block;height:54px;width:100%}.capture-readouts{margin-bottom:0!important}.capture-controls{min-height:0;overflow:auto;padding:0 2px 2px}.capture-controls .section-label{margin-top:8px}.capture-advanced{margin-top:6px;width:100%}.capture-advanced-panel{border-top:1px solid rgba(50,110,58,.22);margin-top:8px;padding-top:4px}.capture-footer{color:#8fd494ad;font-size:clamp(10px,1vw,15px);letter-spacing:.18em;text-align:center}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#030}@media(max-width:820px){.app-header{flex-wrap:wrap}.app-header .status{margin-left:0;text-align:left;width:100%}.myco-layout{display:block}.myco-controls{border-top:1px solid #001800;width:auto}}@media(max-aspect-ratio:1/1),(max-width:700px){.capture-mode{padding:10px}.capture-stage{aspect-ratio:9 / 16;max-height:none;min-height:calc(100vh - 53px);padding:12px}.capture-title{align-items:flex-start;flex-direction:column;gap:10px}.capture-title h1{font-size:clamp(26px,8vw,56px);letter-spacing:.12em}.capture-transport{justify-content:flex-start}.capture-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr)}.capture-scanner{grid-template-rows:minmax(0,1fr) 44px auto minmax(118px,auto)}.capture-readouts{grid-template-columns:repeat(2,1fr)!important}}