*{box-sizing:border-box}html,body{color:#f0f0ff;background:#0a0a12;margin:0}p{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}.piano{-webkit-user-select:none;user-select:none;height:140px;margin:0 auto;position:relative}.piano-key{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border:1px solid #0a0a12;border-radius:0 0 4px 4px;padding:0;position:absolute;top:0}.piano-key.white{z-index:1;background:linear-gradient(#f4f4f8 0%,#dcdce6 100%);width:39px;height:140px}.piano-key.white.active{background:linear-gradient(#26e0ff 0%,#0e8fa8 100%);box-shadow:0 0 12px #26e0ffaa}.piano-key.black{z-index:2;background:linear-gradient(#26263a 0%,#0a0a12 100%);width:24px;height:88px}.piano-key.black.active{background:linear-gradient(#26e0ff 0%,#0e8fa8 100%);box-shadow:0 0 12px #26e0ffaa}.chord-picker{flex-direction:column;gap:.75rem;display:flex;overflow-x:auto}.chord-grid{grid-template-columns:2.5rem repeat(12,minmax(2.6rem,1fr));align-items:stretch;gap:.3rem;display:grid}.chord-grid-header{color:#9a9ac0;justify-content:center;align-items:center;padding:.25rem;font-size:.75rem;font-weight:600;display:flex}.chord-grid-row-label{color:#26e0ff;font-size:.85rem}.chord-cell{color:#f0f0ff;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.4rem .2rem;font-family:inherit;font-size:.7rem}.chord-cell:hover{border-color:#26e0ff}.chord-cell:active{color:#12121c;background:#26e0ff;box-shadow:0 0 10px #26e0ffaa}.chord-cell-played{color:#12121c;background:#26e0ff;border-color:#26e0ff;box-shadow:0 0 10px #26e0ffaa}.chord-cell-suggested{color:#26e0ff;border-color:#26e0ff;box-shadow:inset 0 0 0 1px #26e0ff,0 0 8px #26e0ff88}.sequencer{align-items:flex-start;gap:1.25rem;display:flex}.sequencer-controls{flex-direction:column;flex:none;align-items:stretch;gap:.75rem;width:9rem;display:flex}.sequencer-controls button{color:#08121a;cursor:pointer;background:#26e0ff;border:none;border-radius:4px;padding:.4rem .9rem;font-family:inherit;font-weight:700}.sequencer-controls button.sequencer-clear{color:#ff8080;background:0 0;border:1px solid #ff525288}.sequencer-controls button.sequencer-clear:hover{background:#ff525222}.sequencer-bpm,.sequencer-bars{color:#a8a8c8;flex-direction:column;align-items:stretch;gap:.35rem;font-size:.85rem;display:flex}.sequencer-bars select{color:#f0f0ff;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.3rem .5rem;font-family:inherit;font-size:.85rem}.sequencer-grid{flex-direction:column;gap:2px;display:flex;overflow-x:auto}.sequencer-row{align-items:center;display:flex}.sequencer-row-label{color:#9a9ac0;text-align:right;flex:none;width:28px;padding-right:4px;font-size:.7rem}.sequencer-cell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:pointer;background:#1a1a2e;border:1px solid #2a2a45;border-radius:2px;flex:none;width:22px;height:18px;margin-right:2px;padding:0}.sequencer-cell.beat-start{border-left:2px solid #3a3a5c}.sequencer-cell.bar-start{border-left:2px solid #26e0ff88}.sequencer-cell.active{background:#26e0ff;box-shadow:0 0 6px #26e0ffaa}.sequencer-cell.tied{box-shadow:none;background:#1a7a91}.sequencer-cell.join-right{border-right-color:#0000;border-top-right-radius:0;border-bottom-right-radius:0}.sequencer-cell.join-left{border-left-color:#0000;border-top-left-radius:0;border-bottom-left-radius:0}.sequencer-cell.active.join-right{box-shadow:0 0 6px #26e0ffaa,2px 0 #26e0ff}.sequencer-cell.tied.join-right{box-shadow:2px 0 #1a7a91}.sequencer-cell.playhead{outline-offset:-2px;outline:2px solid #ffb347}.visualizer{background:#0a0a12;border:1px solid #3a3a5c;border-radius:6px;width:100%;display:block}.context-menu{z-index:1000;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:6px;flex-direction:column;gap:.1rem;min-width:150px;padding:.3rem;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.context-menu button{text-align:left;color:#f0f0ff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.4rem .6rem;font-family:inherit;font-size:.8rem}.context-menu button:hover:not(:disabled){color:#26e0ff;background:#26e0ff22}.context-menu button:disabled{opacity:.4;cursor:default}.patch-json-backdrop{z-index:2000;background:#05050c80;justify-content:flex-end;display:flex;position:fixed;inset:0}.patch-json-modal{background:#12121e;border-left:1px solid #3a3a5c;flex-direction:column;width:min(440px,90vw);height:100%;max-height:100%;display:flex;box-shadow:-12px 0 40px #0009}.patch-json-modal-header{color:#26e0ff;border-bottom:1px solid #2a2a48;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.85rem;font-weight:600;display:flex}.patch-json-modal-header span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.patch-json-modal-actions{gap:.4rem;display:flex}.patch-json-modal-actions button{color:#f0f0ff;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.3rem .6rem;font-family:inherit;font-size:.75rem}.patch-json-modal-actions button:hover{border-color:#26e0ff}.patch-json-modal-close{padding:.3rem .5rem!important}.patch-json-modal-body{color:#f0f0ff;white-space:pre;flex:1;margin:0;padding:.8rem;font-size:.75rem;line-height:1.4;overflow:auto}.json-key{color:#26e0ff}.json-string{color:#7cffb2}.json-number{color:#ffb86b}.json-boolean{color:#82aaff}.json-null{color:#9494ba;font-style:italic}.fm1-backdrop{z-index:2000;background:#05050c80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.fm1-modal{background:#12121e;border:1px solid #3a3a5c;border-radius:8px;flex-direction:column;width:min(480px,100%);max-height:85vh;display:flex;box-shadow:0 12px 40px #0009}.fm1-modal-header{color:#26e0ff;border-bottom:1px solid #2a2a48;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;display:flex}.fm1-modal-header span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fm1-modal-close{color:#f0f0ff;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.3rem .55rem;font-family:inherit;font-size:.75rem}.fm1-modal-close:hover{border-color:#26e0ff}.fm1-modal-body{color:#f0f0ff;padding:.9rem 1.1rem 1.1rem;font-size:.85rem;line-height:1.5;overflow-y:auto}.fm1-instructions{background:#1a1a2e;border:1px solid #2a2a48;border-radius:6px;margin-bottom:.8rem;padding:.7rem .9rem}.fm1-instructions p{margin:0 0 .4rem}.fm1-instructions ol{margin:0 0 .6rem;padding-left:1.2rem}.fm1-instructions li{margin:.3rem 0}.fm1-hide-instructions{color:#b8b8d0;cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.fm1-note{color:#ffb86b;margin:0 0 .8rem;font-size:.78rem}.fm1-warning{color:#ffb86b;background:#ffb86b1a;border:1px solid #ffb86b;border-radius:6px;margin:0 0 .8rem;padding:.5rem .7rem;font-size:.78rem}.fm1-output-row{align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.fm1-output-row label{color:#b8b8d0;font-size:.78rem}.fm1-output-row select{flex:1;min-width:0}.fm1-output-row select,.fm1-output-row button,.fm1-modal-actions button{color:#f0f0ff;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.3rem .5rem;font-family:inherit;font-size:.78rem}.fm1-output-row button:hover,.fm1-modal-actions button:hover{border-color:#26e0ff}.fm1-output-row button:disabled,.fm1-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.fm1-error{color:#ff6b6b}.fm1-status{color:#b8b8d0}.fm1-status-done{color:#6bffa0}.fm1-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.6rem;display:flex}.duplicates-backdrop{z-index:2000;background:#05050c80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.duplicates-modal{background:#12121e;border:1px solid #3a3a5c;border-radius:8px;flex-direction:column;width:min(480px,100%);max-height:85vh;display:flex;box-shadow:0 12px 40px #0009}.duplicates-modal-header{color:#26e0ff;border-bottom:1px solid #2a2a48;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;display:flex}.duplicates-modal-header span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.duplicates-modal-close{color:#f0f0ff;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.3rem .55rem;font-family:inherit;font-size:.75rem}.duplicates-modal-close:hover{border-color:#26e0ff}.duplicates-modal-body{color:#f0f0ff;padding:.9rem 1.1rem 1.2rem;font-size:.85rem;line-height:1.5;overflow-y:auto}.duplicates-empty{color:#9494ba;margin:0;font-style:italic}.duplicates-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.duplicates-list li{background:#1a1a2e;border:1px solid #2a2a48;border-radius:6px;flex-direction:column;gap:.15rem;padding:.5rem .65rem;display:flex}.duplicates-name{color:#26e0ff;font-weight:600}.duplicates-count{color:#9a9ac0;font-size:.8rem}.bank-manager{background:#12121e;border-top:1px solid #2a2a48;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.bank-manager.bank-manager-drag-over{outline-offset:-2px;outline:2px dashed #26e0ff}.bank-manager-drop-overlay{z-index:5;text-align:center;color:#26e0ff;pointer-events:none;background:#12121ed9;justify-content:center;align-items:center;padding:1rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.bank-manager-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(220px,25vw) 1fr;gap:1rem;min-height:320px;padding:.5rem 1rem 1rem;display:grid}@media (width<=720px),(height<=500px) and (orientation:landscape) and (pointer:coarse){.bank-manager-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-height:0}.bank-list{max-height:32vh}.patch-list{flex:1;min-height:220px}}.bank-list,.patch-list{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.bank-list-header,.patch-list-header{color:#26e0ff;flex-shrink:0;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:flex}.bank-list-header span,.patch-list-header span{flex:1}.bank-list-header button,.patch-list-header button{color:#f0f0ff;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.2rem .5rem;font-family:inherit;font-size:.7rem}.bank-list ul,.patch-list ul{flex-direction:column;gap:.2rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.bank-list li,.patch-list li{border-radius:4px;align-items:center;gap:.3rem;display:flex}.bank-list li.selected,.patch-list li.selected{background:#1f1f3a}.bank-list li.bank-drop-target{outline-offset:-2px;outline:2px dashed #26e0ff}.bank-list-item,.patch-list-item{text-align:left;color:#f0f0ff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:.3rem .4rem;font-family:inherit;font-size:.88rem;overflow:hidden}.bank-list-item:hover,.patch-list-item:hover{color:#26e0ff}.bank-count{color:#9494ba;font-size:.7rem}.bank-list-actions,.patch-list-actions{gap:.15rem;display:flex}.bank-list-actions button,.patch-list-actions button{cursor:pointer;color:#9a9ac0;background:0 0;border:none;padding:.15rem .25rem;font-size:.75rem}.bank-list-actions button:hover,.patch-list-actions button:hover{color:#26e0ff}.bank-list-actions button:disabled,.patch-list-actions button:disabled{opacity:.3;cursor:default}.patch-list-empty{color:#9494ba;padding:.3rem .4rem;font-size:.8rem;font-style:italic}ul.patch-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-auto-rows:min-content;align-content:flex-start;gap:.4rem;display:grid}.patch-grid li{cursor:grab;background:#1a1a2e;border:1px solid #2a2a48;flex-direction:column;align-items:stretch;padding:.25rem}.patch-grid li:active{cursor:grabbing}.patch-grid li.selected{background:#1f1f3a;border-color:#26e0ff}.patch-grid li.multi-selected{border-color:#ffb86b;box-shadow:inset 0 0 0 1px #ffb86b}.patch-tile-checkbox{color:#ffb86b;flex-shrink:0;font-size:.8rem;line-height:1}.patch-select-toggle.active{color:#ffb86b;border-color:#ffb86b!important}.patch-bulk-toolbar{color:#ffb86b;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.75rem;display:flex}.patch-bulk-toolbar select,.patch-bulk-toolbar button{color:#f0f0ff;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.2rem .4rem;font-family:inherit;font-size:.7rem}.patch-bulk-toolbar select:hover,.patch-bulk-toolbar button:hover{border-color:#ffb86b}.patch-grid .patch-list-item{white-space:normal;text-align:center;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .2rem;font-size:.8rem;line-height:1.25;display:flex}.patch-tile-name{flex:1;min-width:0}.patch-grid .patch-list-actions{justify-content:center}.tips-backdrop{z-index:2000;background:#05050c80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.tips-modal{background:#12121e;border:1px solid #3a3a5c;border-radius:8px;flex-direction:column;width:min(560px,100%);max-height:85vh;display:flex;box-shadow:0 12px 40px #0009}.tips-modal-header{color:#26e0ff;border-bottom:1px solid #2a2a48;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.9rem;font-weight:600;display:flex}.tips-modal-header span{flex:1}.tips-modal-close{color:#f0f0ff;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;padding:.3rem .55rem;font-family:inherit;font-size:.75rem}.tips-modal-close:hover{border-color:#26e0ff}.tips-modal-body{color:#f0f0ff;padding:.9rem 1.1rem 1.2rem;font-size:.85rem;line-height:1.5;overflow-y:auto}.tips-modal-body section+section{margin-top:1.1rem}.tips-modal-body h3{color:#26e0ff;margin:0 0 .4rem;font-size:.85rem}.tips-modal-body p{margin:.4rem 0}.tips-modal-body ul{margin:.4rem 0;padding-left:1.2rem}.tips-modal-body li{margin:.3rem 0}.chat-panel{background:#12121e;border:1px solid #2a2a48;border-radius:6px;flex-direction:column;flex:1;gap:.5rem;min-width:0;height:400px;padding:.75rem;display:flex}@media (width<=720px),(height<=500px) and (orientation:landscape) and (pointer:coarse){.chat-panel{height:50vh;min-height:240px}}.chat-turns{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex;overflow-y:auto}.chat-hint{color:#9494ba;font-size:.88rem;font-style:italic}.chat-tips-link{color:#26e0ff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.88rem;font-style:italic;text-decoration:underline}.chat-tips-link:hover{color:#7cf1ff}.chat-turn{white-space:pre-wrap;border-radius:6px;max-width:90%;padding:.4rem .6rem;font-size:.95rem}.chat-turn-user{color:#f0f0ff;background:#1f1f3a;align-self:flex-end}.chat-turn-assistant{color:#26e0ff;background:#16213a;border:1px solid #1c3350;align-self:flex-start}.chat-turn-loading{opacity:.6;font-style:italic}.chat-turn-error{color:#ff6b6b;background:#3a1620;border:1px solid #5c1c2a;align-self:flex-start}.chat-reasoning{border-top:1px solid #1c3350;margin-top:.35rem;padding-top:.35rem}.chat-reasoning-toggle{color:#9494ba;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem}.chat-reasoning-toggle:hover{color:#26e0ff}.chat-reasoning-body{color:#a8a8cc;white-space:pre-wrap;margin-top:.3rem;font-size:.82rem;font-style:italic}.chat-current-patch{color:#9a9ac0;letter-spacing:.02em;border-bottom:1px solid #232345;padding-bottom:.2rem;font-size:.82rem;font-weight:600}.chat-input-row{gap:.4rem;display:flex}.chat-input-row input{color:#f0f0ff;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;flex:1;padding:.4rem .6rem;font-family:inherit}.chat-input-row button{color:#08121a;cursor:pointer;background:#26e0ff;border:none;border-radius:4px;padding:.4rem .9rem;font-family:inherit;font-weight:600}.chat-input-row button:disabled{opacity:.4;cursor:default}.chat-key-toggle{color:#9494ba;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:.82rem}.chat-key-toggle:hover{color:#26e0ff}.chat-key-row input{color:#f0f0ff;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:4px;width:100%;padding:.3rem .6rem;font-family:inherit}.chat-key-row input.chat-key-invalid{border-color:#ff6b6b}.chat-key-hint{color:#9494ba;margin:.3rem 0 0;font-size:.78rem}.chat-key-hint-error{color:#ff6b6b}@font-face{font-family:Digital7;src:url(/fonts/digital-7__mono_italic_.woff)format("woff")}.studio{color:#f0f0ff;background:#0a0a12;flex-direction:column;min-height:100vh;font-family:Consolas,Menlo,Liberation Mono,Courier New,monospace;display:flex}.studio-subtitle{color:#b0b0d8;margin:0;font-size:.85rem;line-height:1.5}.studio-features{color:#b0b0d8;margin:0;padding-left:1.1rem;font-size:.8rem;line-height:1.6}.studio-features li{margin-bottom:.2rem}.studio-credits{flex-wrap:wrap;align-items:center;gap:.9rem;font-size:.78rem;display:flex}.studio-author-link{color:#26e0ff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem;text-decoration:none}.studio-author-link:hover{color:#6bf3ff}.studio-kofi-link{color:#ffb86b;text-decoration:underline}.studio-kofi-link:hover{color:#ffd19a}.author-popup-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.author-popup{color:#f0f0ff;background:#1a1a2e;border:1px solid #3a3a5c;border-radius:8px;min-width:220px;padding:1.5rem 2rem;font-family:Consolas,Menlo,Liberation Mono,Courier New,monospace;position:relative}.author-popup h2{color:#26e0ff;margin:0 0 1rem;font-size:1rem}.author-popup-close{color:#b0b0d8;cursor:pointer;background:0 0;border:none;font-size:1.2rem;line-height:1;position:absolute;top:.5rem;right:.6rem}.author-popup-close:hover{color:#f0f0ff}.author-popup-links{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.author-popup-links a{color:#26e0ff;font-size:.85rem;text-decoration:none}.author-popup-links a:hover{color:#6bf3ff;text-decoration:underline}.studio-more-info-link{color:#26e0ff;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.studio-more-info-link:hover{color:#6bf3ff}.more-info-popup{text-align:left;max-width:640px;max-height:80vh;overflow-y:auto}.more-info-content h3{color:#26e0ff;margin:1.2rem 0 .5rem;font-size:.95rem}.more-info-content h3:first-child{margin-top:0}.more-info-content p{color:#d8d8f0;margin:0 0 .7rem;font-size:.82rem;line-height:1.55}.more-info-content ul,.more-info-content ol{color:#d8d8f0;margin:0 0 .7rem;padding-left:1.2rem;font-size:.82rem;line-height:1.55}.more-info-content li{margin-bottom:.4rem}.more-info-content a{color:#26e0ff;text-decoration:none}.more-info-content a:hover{color:#6bf3ff;text-decoration:underline}.more-info-content code{background:#2a2a44;border-radius:3px;padding:.1em .35em;font-size:.9em}.studio-main{grid-template-columns:minmax(440px,680px) 1fr;align-items:stretch;gap:1.5rem;padding:1.5rem;display:grid}.studio-engine-error{color:#ffd8d8;background:#422;border:1px solid #a04040;border-radius:6px;margin:1rem 1.5rem 0;padding:.75rem 1rem;font-size:.9rem}.studio-mobile-warning{color:#ffe8b8;background:#4a3d16;border:1px solid #a0803f;border-radius:6px;align-items:flex-start;gap:.75rem;margin:1rem 1.5rem 0;padding:.75rem 1rem;font-size:.9rem;display:flex}.studio-mobile-warning-dismiss{color:#ffe8b8;cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0 .15rem;font-size:1.3rem;line-height:1}.studio-mobile-warning-dismiss:hover{color:#fff}@media (width<=720px),(height<=500px) and (orientation:landscape) and (pointer:coarse){.studio-main{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.studio-play-zone{padding:0 .75rem 1rem}.studio-logo{font-size:1.3rem}}.studio-info-col{flex-direction:column;gap:.6rem;display:flex}.studio-logo{letter-spacing:.1em;color:#26e0ff;text-shadow:0 0 10px #26e0ff88,0 0 24px #26e0ff44;margin:0;font-family:Digital7,monospace;font-size:2rem;line-height:1.35}.studio-patch-name{color:#26e0ff;text-shadow:0 0 6px #26e0ffaa;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;font-family:Digital7,monospace;font-size:1.4rem;display:flex}.patch-name-arrow{opacity:.35;min-width:1.5em;display:inline-block}.patch-name-arrow-left{text-align:right}.patch-name-arrow-right{text-align:left}.studio-patch-name.playing .patch-name-arrow{opacity:1;text-shadow:0 0 8px #26e0ffcc}.studio-patch-name.playing .patch-name-arrow-left{animation:.6s ease-in-out infinite patch-arrow-move-left}.studio-patch-name.playing .patch-name-arrow-right{animation:.6s ease-in-out infinite patch-arrow-move-right}@keyframes patch-arrow-move-left{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes patch-arrow-move-right{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.studio-panic-btn{margin-left:auto;font-weight:700;color:#ffb3b3!important;background:#3a1010!important;border:1px solid #ff5252!important;border-radius:4px!important;padding:.5rem .9rem!important}.studio-panic-btn:hover{color:#1a0000!important;background:#ff5252!important}.studio-play-zone{padding:0 1.5rem 2rem}.studio-tabs{border-bottom:1px solid #3a3a5c;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.studio-tabs button{color:#b0b0d0;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem 1rem;font-family:inherit;font-size:.95rem}.studio-tabs button.active{color:#26e0ff;text-shadow:0 0 6px #26e0ffaa;border-bottom-color:#26e0ff}.studio-tab-content{min-height:140px;overflow-x:auto}.studio-tab-hidden{display:none}.studio-hint{color:#9494ba}