@import url(https://fonts.googleapis.com/css2?family=Tiny5&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--thulian-pink:#e06c9f;--light-blue:#c6e2e9;--cream:#f1ffc4;--apricot:#ffcaaf;--dark-purple:#1f0318;--black:#2e2e2e}*{box-sizing:border-box;margin:0;padding:0}.pixel-font{font-family:Tiny5,sans-serif}.pixel-font,.ubuntu-font{font-style:normal;font-weight:400}.ubuntu-font{font-family:Ubuntu Mono,monospace}body,html{overflow:hidden}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sk-app{display:flex;flex-direction:column;height:100%}.sk-share-banner{animation:sk-banner-fade 4s ease-in-out forwards;background:var(--light-blue);border:2px solid var(--black);border-top:none;color:var(--dark-purple);font-size:.7rem;letter-spacing:.05rem;margin:0 1rem;padding:.4rem 1rem;text-align:center}@keyframes sk-banner-fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}header{align-items:center;border:3px solid var(--black);border-top-left-radius:5px;border-top-right-radius:5px;display:flex;margin:1rem 1rem 0}header .sk-logo-container{border-right:3px solid var(--black);height:5.5rem;padding:.5rem;width:5.5rem}header img{height:100%;width:100%}header img.shaking{animation:shake .5s infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}header h1{color:var(--black);font-size:3rem;padding-left:2rem}header h1:first-letter,header p{color:var(--thulian-pink)}header p{font-size:1.5rem;padding-left:.5rem}main{border-bottom:3px solid var(--black);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-left:3px solid var(--black);border-right:3px solid var(--black);flex-direction:column;margin:0 1rem 1rem;overflow:hidden}.sk-tab-content,main{display:flex;flex:1 1;min-height:0}.sk-tab-content{flex-direction:column}.sk-tab-panel{display:none}.sk-tab-panel--active{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.sk-placeholder-page{border-bottom:3px solid var(--black);color:var(--black);font-family:Ubuntu Mono,monospace;padding:2rem}.sk-placeholder-page h2{color:var(--dark-purple);font-size:1.5rem;margin-bottom:.5rem}footer.sk-footer{align-items:center;color:var(--dark-purple);display:flex;font-family:Ubuntu Mono,monospace;font-size:.75rem;gap:.5rem;justify-content:center;opacity:.6;padding:.5rem 1rem}footer.sk-footer a{color:var(--dark-purple);text-decoration:underline}footer.sk-footer a:hover{opacity:.8}.sk-footer-sep{opacity:.4}@media (max-width:768px){header{margin:.5rem .5rem 0}header .sk-logo-container{height:4rem;min-width:4rem;padding:.3rem;width:4rem}header h1{font-size:2rem;padding-left:.75rem}header p{font-size:.8rem;padding-left:.3rem}main{margin:0 .5rem .5rem}}.sk-nav-bar{border-bottom:3px solid var(--black);display:flex;gap:1rem;padding-left:.5rem;padding-top:.25rem}.sk-nav-bar button{background-color:var(--apricot);border:0;border-top-left-radius:5px;border-top-right-radius:5px;color:var(--black);cursor:pointer;font-family:Ubuntu Mono,monospace;font-size:1.5rem;letter-spacing:.1rem;margin-top:.25rem;padding:.3rem .5rem;transition:margin-top .1s}.sk-nav-bar button:nth-child(2){background-color:var(--light-blue)}.sk-nav-bar button:nth-child(3){background-color:var(--cream)}.sk-nav-bar button:nth-child(4){background-color:var(--thulian-pink)}.sk-nav-bar button:hover{margin-top:0}.sk-nav-bar button.active{border-top:3px solid var(--apricot);font-weight:700;margin-top:0}.sk-nav-bar button:nth-child(2).active{border-top-color:var(--light-blue)}.sk-nav-bar button:nth-child(3).active{border-top-color:var(--cream)}.sk-nav-bar button:nth-child(4).active{border-top-color:var(--thulian-pink)}.sk-midi-indicator{align-items:center;align-self:center;background:#fff;border:2px solid var(--black);border-radius:999px;cursor:default;display:flex;gap:.35rem;margin-left:auto;margin-right:.5rem;padding:.25rem .65rem;-webkit-user-select:none;user-select:none}.sk-midi-label{color:var(--dark-purple);font-size:.65rem;letter-spacing:.08rem}.sk-midi-dot{border:1.5px solid var(--black);border-radius:50%;flex-shrink:0;height:8px;width:8px}.sk-midi-dot--connected{animation:sk-midi-pulse 2s ease-in-out infinite;background:#7ee87e}.sk-midi-dot--no-devices{background:var(--apricot)}.sk-midi-dot--pending{background:var(--cream)}.sk-midi-dot--denied,.sk-midi-dot--unsupported{background:#ffb3b3}@keyframes sk-midi-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (max-width:768px){.sk-nav-bar{flex-wrap:wrap;gap:.4rem;padding-left:.3rem}.sk-nav-bar button{font-size:.85rem;letter-spacing:.05rem;padding:.25rem .4rem}}.sk-octave-lower-row{align-items:center;background-color:#fff;border:0;border-bottom-right-radius:5px;border-right:2px solid var(--black);color:var(--black);cursor:pointer;display:flex;flex-direction:column;font-family:Ubuntu Mono,monospace;font-weight:700;gap:.5rem;padding-bottom:1rem;padding-top:5rem;touch-action:none;width:4rem}.sk-octave-lower-row:hover{background-color:var(--light-blue)}.sk-octave-lower-row.sk-key-active{background-color:var(--apricot)}.sk-octave-lower-row p:last-child{color:var(--thulian-pink);font-family:Ubuntu Mono,monospace;font-weight:700}.sk-octave-lower-row:first-child p:last-child{color:var(--dark-purple)}@media (max-width:768px){.sk-octave-lower-row{font-size:.55rem;gap:.2rem;padding-bottom:.5rem;padding-top:3rem;width:3rem}}.sk-octave{display:flex;position:relative}.sk-octave-upper-row{background-color:var(--thulian-pink);border:2px solid var(--black);border-bottom-left-radius:5px;border-top:none;cursor:pointer;height:4rem;position:absolute;touch-action:none;width:3rem}.sk-octave-upper-row:hover{background-color:var(--apricot)}.sk-octave-upper-row.sk-key-active{background-color:var(--cream)}.sk-octave-upper-row.sk-upper-key-1{left:2.5rem}.sk-octave-upper-row.sk-upper-key-2{left:6.5rem}.sk-octave-upper-row.sk-upper-key-3{left:14.5rem}.sk-octave-upper-row.sk-upper-key-4{left:18.5rem}.sk-octave-upper-row.sk-upper-key-5{left:22.5rem}@media (max-width:768px){.sk-octave-upper-row{height:2.5rem;width:2rem}.sk-octave-upper-row.sk-upper-key-1{left:2rem}.sk-octave-upper-row.sk-upper-key-2{left:5rem}.sk-octave-upper-row.sk-upper-key-3{left:11rem}.sk-octave-upper-row.sk-upper-key-4{left:14rem}.sk-octave-upper-row.sk-upper-key-5{left:17rem}}.sk-piano-scrollbar-wrapper{background:var(--apricot);border-bottom:2px solid var(--black);padding:8px 12px}.sk-piano-scrollbar-track{background:#fff;border:2px solid var(--black);border-radius:5px;cursor:pointer;height:24px;position:relative}.sk-piano-scrollbar-thumb{background:var(--thulian-pink);border:1.5px solid var(--black);border-radius:3px;bottom:3px;cursor:grab;position:absolute;top:3px;touch-action:none;transition:background .15s ease}.sk-piano-scrollbar-thumb:hover{background:#d45a8a}.sk-piano-scrollbar-thumb:active{background:var(--dark-purple);cursor:grabbing}.sk-key-container{display:flex;height:100%;overflow-x:scroll;scrollbar-width:none;width:100%}.sk-key-container::-webkit-scrollbar{display:none}@media (max-width:768px){.sk-piano-scrollbar-wrapper{padding:6px 10px}.sk-piano-scrollbar-track{height:20px}}.sk-oscillator-page{background-color:var(--cream);border-bottom:3px solid var(--black);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.sk-osc-toolbar{align-items:center;background:var(--cream);border-bottom:2px solid var(--black);display:flex;flex-shrink:0;justify-content:space-between;padding:.55rem 1.25rem}.sk-osc-toolbar-label{color:var(--dark-purple);font-size:.72rem;letter-spacing:.08rem}.sk-add-osc-btn{background:var(--thulian-pink);border:2px solid var(--black);border-radius:8px;color:#fff;cursor:pointer;font-size:.72rem;letter-spacing:.06rem;padding:.35rem .75rem;transition:transform .1s,background-color .12s}.sk-add-osc-btn:hover:not(:disabled){background:#c8547f;transform:translateY(-2px)}.sk-add-osc-btn:active:not(:disabled){transform:scale(.91)}.sk-add-osc-btn:disabled{cursor:not-allowed;opacity:.4}.sk-osc-cards{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.25rem}.sk-osc-card{background:#fff;border:2px solid var(--black);border-radius:8px;flex:1 1;max-width:480px;min-width:280px;overflow:hidden}.sk-osc-card--disabled .sk-osc-card-body{opacity:.35;pointer-events:none}.sk-osc-card-header{align-items:center;background:var(--apricot);border-bottom:2px solid var(--black);display:flex;justify-content:space-between;padding:.5rem 1rem}.sk-osc-card-header-actions{align-items:center;display:flex;gap:.5rem}.sk-osc-enable-btn{background:#fff;border:2px solid var(--black);border-radius:999px;color:var(--dark-purple);cursor:pointer;font-size:.62rem;height:1.6rem;letter-spacing:.06rem;opacity:.5;padding:0 .55rem;transition:background-color .15s,transform .1s}.sk-osc-enable-btn.active{background:var(--cream);color:var(--dark-purple);opacity:1}.sk-osc-enable-btn:hover{transform:scale(1.08)}.sk-osc-enable-btn:active{transform:scale(.93)}.sk-osc-card-title{color:var(--dark-purple);font-size:.85rem;letter-spacing:.1rem}.sk-osc-remove-btn{align-items:center;background:#fff;border:2px solid var(--black);border-radius:50%;color:#c00;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:1.6rem;justify-content:center;line-height:1;padding:0;transition:background-color .1s,transform .1s;width:1.6rem}.sk-osc-remove-btn:hover{background:#ffd0d0;transform:scale(1.1)}.sk-osc-remove-btn:active{transform:scale(.9)}.sk-osc-card-body{gap:1rem;padding:1rem 1.25rem 1.25rem}.sk-osc-card-body,.sk-osc-sliders{display:flex;flex-direction:column}.sk-osc-sliders{gap:.75rem}.sk-osc-sub-title{color:var(--dark-purple);font-size:.78rem;letter-spacing:.07rem;margin-bottom:.1rem}.sk-envelope-display{background:var(--cream);border:2px solid var(--black);border-radius:6px;display:block;height:80px;width:100%}.sk-env-label{fill:#1f031859;text-anchor:middle;dominant-baseline:auto;font-family:Ubuntu Mono,monospace;font-size:8px;-webkit-user-select:none;user-select:none}.sk-osc-transpose{display:flex;flex-direction:column;gap:.5rem}.sk-transpose-control{align-items:center;display:flex;gap:.5rem}.sk-transpose-btn{align-items:center;background:var(--cream);border:2px solid var(--black);border-radius:50%;color:var(--dark-purple);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:1.8rem;justify-content:center;line-height:1;padding:0;transition:background-color .1s,transform .1s;width:1.8rem}.sk-transpose-btn:hover{background:var(--apricot)}.sk-transpose-btn:active{transform:scale(.9)}.sk-transpose-value{color:var(--dark-purple);font-size:.9rem;font-weight:700;min-width:3.5rem;text-align:center}.sk-wave-selector{display:flex;flex-wrap:wrap;gap:.6rem}.sk-wave-btn{align-items:center;background-color:var(--cream);border:2px solid var(--black);border-radius:6px;color:var(--black);cursor:pointer;display:flex;flex-direction:column;font-family:Ubuntu Mono,monospace;font-size:.72rem;gap:.3rem;padding:.5rem .75rem;transition:background-color .1s,border-color .1s}.sk-wave-btn.active,.sk-wave-btn:hover{background-color:var(--apricot)}.sk-wave-btn.active{border-color:var(--dark-purple);border-width:2.5px}.sk-wave-icon{stroke:var(--dark-purple);height:25px;width:50px}.sk-filter-selector{display:flex;gap:.5rem}.sk-filter-btn{background-color:var(--cream);border:2px solid var(--black);border-radius:6px;color:var(--black);cursor:pointer;flex:1 1;font-family:Ubuntu Mono,monospace;font-size:.7rem;padding:.45rem .4rem;transition:background-color .1s,transform .1s}.sk-filter-btn.active,.sk-filter-btn:hover{background-color:var(--apricot)}.sk-filter-btn.active{border-color:var(--dark-purple);border-width:2.5px}.sk-filter-btn:active{transform:scale(.95)}.sk-slider-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:70px 1fr 65px}.sk-slider-label{color:var(--dark-purple);font-family:Ubuntu Mono,monospace;font-size:.85rem;font-weight:700}.sk-slider{-webkit-appearance:none;appearance:none;background:var(--light-blue);border:1.5px solid var(--black);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.sk-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dark-purple);border:2px solid var(--black);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:background-color .1s;transition:background-color .1s;width:18px}.sk-slider::-webkit-slider-thumb:hover{background:var(--thulian-pink)}.sk-slider::-moz-range-thumb{background:var(--dark-purple);border:2px solid var(--black);border-radius:50%;cursor:pointer;height:18px;width:18px}.sk-slider::-moz-range-thumb:hover{background:var(--thulian-pink)}.sk-slider-value{color:var(--black);font-family:Ubuntu Mono,monospace;font-size:.8rem;text-align:right;white-space:nowrap}@media (max-width:768px){.sk-osc-cards{gap:1rem;padding:1rem}.sk-osc-card{flex:none;min-width:100%}.sk-wave-btn{font-size:.68rem;padding:.4rem .5rem}.sk-wave-icon{height:21px;width:42px}.sk-slider-row{gap:.5rem;grid-template-columns:62px 1fr 58px}.sk-slider-label{font-size:.8rem}.sk-slider-value{font-size:.75rem}}.sk-credits-page{color:var(--dark-purple);font-family:Ubuntu Mono,monospace;padding:2rem}.sk-credits-creator{align-items:center;background:linear-gradient(135deg,var(--thulian-pink),var(--apricot));border-radius:1.5rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2.5rem;padding:2rem 2.5rem;text-align:center}.sk-credits-creator-badge{color:var(--dark-purple);font-size:.85rem;letter-spacing:.15rem;opacity:.75}.sk-credits-creator-link{color:var(--dark-purple);display:inline-block;text-decoration:none;transition:transform .15s ease-in-out,opacity .15s ease-in-out}.sk-credits-creator-link span{font-size:2.5rem;letter-spacing:.1rem}.sk-credits-creator-link:hover{opacity:.8;transform:scale(1.05)}.sk-credits-creator-link:active{transform:scale(.97)}.sk-credits-creator-tagline{color:var(--dark-purple);font-size:.9rem;opacity:.65}.sk-credits-about,.sk-credits-faq,.sk-credits-features,.sk-credits-howto{margin-bottom:2.5rem}.sk-credits-about p,.sk-credits-howto p{color:var(--dark-purple);font-size:.95rem;line-height:1.7;margin-bottom:.75rem}.sk-credits-about a{color:var(--dark-purple);text-decoration:underline}.sk-credits-steps{display:flex;flex-direction:column;gap:.75rem;padding-left:1.5rem}.sk-credits-steps li{color:var(--dark-purple);font-size:.95rem;line-height:1.6}.sk-credits-feature-list{grid-gap:.4rem 1.5rem;display:grid;gap:.4rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-left:1.5rem}.sk-credits-feature-list li{color:var(--dark-purple);font-size:.9rem;line-height:1.5}.sk-credits-faq-list{display:flex;flex-direction:column;gap:1rem}.sk-credits-faq-q{background:var(--light-blue);border-radius:.75rem;margin-bottom:.15rem;padding:.5rem .9rem}.sk-credits-faq-a,.sk-credits-faq-q{color:var(--dark-purple);font-size:.9rem}.sk-credits-faq-a{border-left:3px solid var(--apricot);line-height:1.6;margin:0 0 0 .5rem;padding-left:.75rem}.sk-credits-section-title{color:var(--dark-purple);font-size:1.4rem;margin-bottom:.4rem}.sk-credits-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none}.sk-credits-item{background-color:var(--cream);border:2px solid var(--black);border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;transition:transform .15s ease-in-out}.sk-credits-item:hover{transform:translateY(-2px)}.sk-credits-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.sk-credits-item-name{color:var(--dark-purple);font-size:1rem}.sk-credits-item-version{background-color:var(--light-blue)}.sk-credits-item-license,.sk-credits-item-version{border-radius:.4rem;color:var(--dark-purple);font-size:.75rem;padding:.1rem .4rem}.sk-credits-item-license{background-color:var(--apricot);margin-left:auto}.sk-credits-item-description{color:var(--dark-purple);flex:1 1;font-size:.85rem;line-height:1.4;opacity:.8}.sk-credits-item-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.sk-credits-item-links a{background-color:var(--thulian-pink);border-radius:.5rem;color:var(--dark-purple);font-size:.8rem;padding:.15rem .6rem;text-decoration:none;transition:transform .1s ease-in-out,background-color .1s ease-in-out}.sk-credits-item-links a:hover{background-color:var(--apricot);transform:translateY(-1px)}.sk-credits-item-links a:active{transform:scale(.95)}@media (max-width:768px){.sk-credits-page{padding:1.25rem}.sk-credits-creator-link span{font-size:1.75rem}.sk-credits-list{grid-template-columns:1fr}}.sk-composer{border-bottom:3px solid var(--black);display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.sk-countdown-overlay{align-items:center;background:#ffd0d0b8;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:20}.sk-countdown-number{animation:sk-countdown-pop .85s ease-out forwards;color:#c00;font-size:7rem;line-height:1}@keyframes sk-countdown-pop{0%{opacity:1;transform:scale(1.4)}60%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(.75)}}.sk-composer-toolbar{align-items:center;background-color:var(--cream);border-bottom:2px solid var(--black);display:flex;flex-wrap:wrap;gap:1rem;padding:.7rem 1rem}.sk-bpm-control{align-items:center;background:var(--apricot);border:2px solid var(--black);border-radius:999px;display:flex;gap:.3rem;padding:.2rem .6rem}.sk-bpm-label{color:var(--dark-purple);font-size:.72rem;letter-spacing:.06rem;padding-right:.15rem;-webkit-user-select:none;user-select:none}.sk-bpm-btn{align-items:center;background:#fff;border:2px solid var(--black);border-radius:50%;color:var(--dark-purple);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:1.55rem;justify-content:center;line-height:1;padding:0;transition:background-color .12s,transform .1s;width:1.55rem}.sk-bpm-btn:hover:not(:disabled){background:var(--thulian-pink);color:#fff}.sk-bpm-btn:active:not(:disabled){transform:scale(.9)}.sk-bpm-btn:disabled{cursor:not-allowed;opacity:.45}.sk-bpm-input{-moz-appearance:textfield;background:#0000;border:none;color:var(--dark-purple);font-size:1.05rem;font-weight:700;text-align:center;width:3.4rem}.sk-bpm-input::-webkit-inner-spin-button,.sk-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sk-bpm-input:disabled{opacity:.6}.sk-measures-value{color:var(--dark-purple);font-size:1.05rem;font-weight:700;min-width:2rem;text-align:center;-webkit-user-select:none;user-select:none}.sk-transport{display:flex;gap:.4rem}.sk-transport-btn{align-items:center;border:2px solid var(--black);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:2.4rem;justify-content:center;transition:transform .1s,background-color .12s;width:2.4rem}.sk-transport-btn:hover:not(:disabled){transform:translateY(-2px)}.sk-transport-btn:active:not(:disabled){transform:scale(.91)}.sk-transport-btn:disabled{cursor:not-allowed;opacity:.4}.sk-btn-record{background:var(--apricot);color:#c00}.sk-btn-record.active{animation:sk-pulse .9s ease-in-out infinite;background:#ffd0d0}.sk-btn-play{background:var(--light-blue);color:var(--dark-purple)}.sk-btn-play.active{background:#b8f0c8}.sk-btn-stop{background:var(--cream);color:var(--dark-purple)}.sk-loop-btn{background:#fff;border:2px solid var(--black);border-radius:8px;color:var(--dark-purple);cursor:pointer;font-size:.72rem;letter-spacing:.06rem;padding:.35rem .7rem;transition:transform .1s,background-color .12s}.sk-loop-btn.active{background:var(--thulian-pink);color:#fff}.sk-loop-btn:hover:not(:disabled){transform:translateY(-2px)}.sk-loop-btn:active:not(:disabled){transform:scale(.91)}.sk-loop-btn:disabled{cursor:not-allowed;opacity:.4}.sk-note-dur-btn{background:var(--cream);border:2px solid var(--black);border-radius:8px;color:var(--dark-purple);cursor:pointer;font-size:.72rem;letter-spacing:.06rem;min-width:3rem;padding:.35rem .7rem;transition:transform .1s,background-color .12s}.sk-note-dur-btn:hover:not(:disabled){background:var(--apricot);transform:translateY(-2px)}.sk-note-dur-btn:active:not(:disabled){transform:scale(.91)}.sk-note-dur-btn:disabled{cursor:not-allowed;opacity:.4}.sk-clear-btn{background:#fff;border:2px solid var(--black);border-radius:8px;color:#c00;cursor:pointer;font-size:.72rem;letter-spacing:.06rem;padding:.35rem .7rem;transition:transform .1s,background-color .12s}.sk-clear-btn:hover:not(:disabled){background:#ffd0d0;transform:translateY(-2px)}.sk-clear-btn:active:not(:disabled){transform:scale(.91)}.sk-clear-btn:disabled{cursor:not-allowed;opacity:.4}.sk-status{align-items:center;border-bottom:2px solid var(--black);display:flex;gap:.6rem;justify-content:center;padding:.38rem 1rem}.sk-status--recording{background:#ffd6d6}.sk-status--playing{background:var(--light-blue)}.sk-status .pixel-font{color:var(--dark-purple);font-size:.78rem;letter-spacing:.08rem}.sk-status-dot{animation:sk-pulse .9s ease-in-out infinite;background:#c00;border-radius:50%;display:inline-block;height:9px;width:9px}@keyframes sk-pulse{0%,to{opacity:1}50%{opacity:.5}}.sk-daw{background:var(--cream);flex:1 1;min-height:0;overflow:auto;scrollbar-color:var(--apricot) #0000;scrollbar-width:thin}.sk-daw::-webkit-scrollbar{height:8px;width:8px}.sk-daw::-webkit-scrollbar-thumb{background:var(--apricot);border-radius:4px}.sk-daw::-webkit-scrollbar-corner{background:var(--cream)}.sk-daw-content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;min-width:100%;width:max-content}.sk-daw-corner{align-items:center;border-right:2px solid var(--black);color:var(--dark-purple);font-size:.8rem;justify-content:center;left:0;z-index:4}.sk-daw-corner,.sk-daw-header{background:var(--cream);border-bottom:2px solid var(--black);display:flex;position:sticky;top:0}.sk-daw-header{z-index:3}.sk-daw-measure-num{align-items:center;border-right:1px solid #00000026;color:var(--dark-purple);display:flex;font-size:.65rem;justify-content:center;opacity:.7;-webkit-user-select:none;user-select:none}.sk-daw-measure-num:last-child{border-right:none}.sk-daw-measure-num--clickable{cursor:pointer;transition:background .1s,opacity .1s}.sk-daw-measure-num--clickable:hover{background:var(--apricot);opacity:1}.sk-daw-measure-num--clickable:active,.sk-daw-measure-num--pending{background:var(--thulian-pink);color:#fff;opacity:1}.sk-daw-measure-num--pending{animation:sk-measure-pending-pulse .5s ease-in-out infinite alternate}@keyframes sk-measure-pending-pulse{0%{background:var(--thulian-pink)}to{background:var(--apricot)}}.sk-daw-labels{background:var(--cream);border-right:2px solid var(--black);left:0;position:sticky;z-index:2}.sk-daw-label{align-items:center;border-bottom:1px solid #0000000f;display:flex;padding-left:4px;padding-right:4px;-webkit-user-select:none;user-select:none}.sk-daw-label .pixel-font{color:var(--dark-purple);font-size:.52rem;opacity:.55;white-space:nowrap}.sk-daw-label--sharp{background:#c6e2e959}.sk-daw-label--sharp .pixel-font{opacity:.4}.sk-daw-label--c{border-bottom:1px solid #e06c9f4d}.sk-daw-label--c .pixel-font{color:var(--thulian-pink);font-weight:700;opacity:.85}.sk-daw-grid{cursor:crosshair;position:relative}.sk-daw-row{border-bottom:1px solid #0000000f;left:0;position:absolute}.sk-daw-row--sharp{background:#c6e2e933}.sk-daw-row--c{border-bottom:1px solid #e06c9f40}.sk-daw-vline{background:#0000000f;pointer-events:none;position:absolute;top:0;width:1px}.sk-daw-vline--beat{background:#00000024}.sk-daw-vline--measure{background:#00000047;width:2px}.sk-daw-note{background:var(--thulian-pink);border-radius:3px;cursor:grab;opacity:.82;position:absolute;transition:opacity .1s;z-index:1}.sk-daw-note:hover{opacity:1}.sk-daw-note:active{cursor:ew-resize}.sk-daw-note--resizing{box-shadow:0 0 6px #e06c9f80;cursor:ew-resize;opacity:.95}.sk-daw-note-handle{background:#ffffff26;border-radius:0 3px 3px 0;cursor:ew-resize;height:100%;position:absolute;right:0;top:0;width:8px}.sk-daw-note:hover .sk-daw-note-handle{background:#ffffff59}.sk-daw-playhead{background:#c00;opacity:.75;pointer-events:none;position:absolute;top:0;width:2px;z-index:5}@media (max-width:768px){.sk-composer-toolbar{gap:.5rem;padding:.5rem .75rem}.sk-bpm-label{font-size:.62rem}.sk-bpm-input{font-size:.9rem;width:2.8rem}.sk-bpm-btn{font-size:.85rem;height:1.35rem;width:1.35rem}.sk-transport-btn{font-size:.85rem;height:2.1rem;width:2.1rem}.sk-loop-btn{font-size:.62rem;padding:.28rem .5rem}}.sk-projects-page{background:var(--cream);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.sk-projects-toolbar{align-items:center;background:var(--cream);border-bottom:2px solid var(--black);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.6rem;padding:.6rem 1rem}.sk-projects-name-input{background:#fff;border:2px solid var(--black);border-radius:8px;color:var(--dark-purple);flex:1 1;font-family:Ubuntu Mono,monospace;font-size:.9rem;min-width:160px;outline:none;padding:.28rem .6rem;transition:border-color .12s}.sk-projects-name-input:focus{border-color:var(--thulian-pink)}.sk-projects-name-input::placeholder{color:#1f031859}.sk-projects-save-btn{background:var(--thulian-pink);border:2px solid var(--black);border-radius:8px;color:#fff;cursor:pointer;font-size:.72rem;letter-spacing:.06rem;padding:.3rem .85rem;transition:transform .1s,background-color .12s;white-space:nowrap}.sk-projects-save-btn:hover:not(:disabled){background:#c8547f;transform:translateY(-2px)}.sk-projects-save-btn:active:not(:disabled){transform:scale(.91)}.sk-projects-save-btn:disabled{cursor:not-allowed;opacity:.4}.sk-projects-toolbar-divider{background:var(--black);flex-shrink:0;height:1.4rem;opacity:.2;width:1px}.sk-projects-io-btn{background:#fff;border:2px solid var(--black);border-radius:8px;color:var(--dark-purple);cursor:pointer;font-size:.65rem;letter-spacing:.06rem;padding:.3rem .75rem;transition:transform .1s,background-color .12s;white-space:nowrap}.sk-projects-io-btn:hover:not(:disabled){background:var(--apricot);transform:translateY(-2px)}.sk-projects-io-btn:active:not(:disabled){transform:scale(.91)}.sk-projects-io-btn:disabled{cursor:not-allowed;opacity:.4}.sk-projects-error{background:#ffd0d0;border-bottom:1px solid #c003;color:#c00;font-size:.8rem;padding:.4rem 1rem}.sk-projects-empty{color:var(--dark-purple);font-family:Ubuntu Mono,monospace;font-size:.9rem;opacity:.45;padding:2rem;text-align:center}.sk-projects-list{list-style:none}.sk-projects-item{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:.75rem;padding:.5rem 1rem;transition:background-color .1s}.sk-projects-item:hover{background:#ffcaaf33}.sk-projects-item-name{color:var(--dark-purple);flex:1 1;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-projects-item-meta{font-size:.72rem;opacity:.5}.sk-projects-item-date,.sk-projects-item-meta{color:var(--dark-purple);flex-shrink:0;font-family:Ubuntu Mono,monospace;white-space:nowrap}.sk-projects-item-date{font-size:.68rem;opacity:.35}.sk-projects-item-actions{align-items:center;display:flex;flex-shrink:0;gap:.4rem}.sk-projects-load-btn{background:var(--light-blue);border:2px solid var(--black);border-radius:6px;color:var(--dark-purple);cursor:pointer;font-size:.65rem;letter-spacing:.05rem;padding:.2rem .6rem;transition:transform .1s,background-color .12s}.sk-projects-load-btn:hover{background:#a8d0d9;transform:translateY(-1px)}.sk-projects-load-btn:active{transform:scale(.91)}.sk-projects-loaded-badge{background:#c8f0c8;color:#2a8a2a;letter-spacing:.05rem;padding:.2rem .5rem}.sk-projects-loaded-badge,.sk-projects-share-btn{border:2px solid var(--black);border-radius:6px;font-size:.65rem}.sk-projects-share-btn{align-items:center;background:var(--apricot);color:var(--dark-purple);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;letter-spacing:.06rem;padding:.2rem .6rem;transition:background-color .1s,transform .1s;white-space:nowrap}.sk-projects-share-btn:hover:not(:disabled){background:#f5a87a;transform:scale(1.1)}.sk-projects-share-btn:active:not(:disabled){transform:scale(.9)}.sk-projects-share-btn:disabled{cursor:not-allowed;opacity:.5}.sk-projects-shared-badge{background:var(--light-blue);border:2px solid var(--black);border-radius:6px;color:#2a6a9a;font-size:.65rem;letter-spacing:.05rem;padding:.2rem .5rem}.sk-projects-export-btn{align-items:center;background:#fff;border:2px solid var(--black);border-radius:50%;color:var(--dark-purple);cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:1.5rem;justify-content:center;transition:background-color .1s,transform .1s;width:1.5rem}.sk-projects-export-btn:hover{background:var(--cream);transform:scale(1.1)}.sk-projects-export-btn:active{transform:scale(.9)}.sk-projects-delete-btn{align-items:center;background:#fff;border:2px solid var(--black);border-radius:50%;color:#c00;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:1.5rem;justify-content:center;transition:background-color .1s,transform .1s;width:1.5rem}.sk-projects-delete-btn:hover{background:#ffd0d0;transform:scale(1.1)}.sk-projects-delete-btn:active{transform:scale(.9)}@media (max-width:768px){.sk-projects-item-date{display:none}}
/*# sourceMappingURL=main.7e2601e9.css.map*/