@charset "UTF-8";@import"https://cdnjs.cloudflare.com/ajax/libs/inter-ui/3.19.3/inter.css";.sidebar-source .input-list{margin-top:30px}.sidebar-source .input-preview{margin-bottom:10px}.spectrum-graph{grid-template-columns:auto 1fr auto;align-items:center;display:grid;gap:5px}.spectrum-graph .f-label{font-size:8px}.spectrum-graph .chart{position:relative}.spectrum-graph .chart:before{content:"";background-color:currentColor;position:absolute;opacity:.3;width:100%;height:1px;top:50%;left:0}.spectrum-graph .chart-circle{background-color:currentColor;border-radius:100%;position:absolute;display:block;width:1em;top:50%}.spectrum-graph .chart-circle:after{padding-bottom:100%;display:block;content:""}hr{display:block;margin:10px auto;border:none;width:20px;height:1px;background-color:#00000026}.item-sound{text-align:center}.item-sound .vertical-wave{transition:background-color .1s;border-bottom:1px solid var(--black);background-color:var(--black);image-rendering:pixelated;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;margin-bottom:20px;position:relative}.item-sound .vertical-wave:hover{background-color:var(--orange);cursor:pointer}.item-sound .graph{margin-bottom:15px}.item-sound .button-area{flex-direction:column;display:flex}.view-index{padding:30px var(--margin)}.view-index .sound-grid{grid-template-columns:repeat(8,1fr);align-items:flex-start;gap:75px var(--margin);margin-top:50px;display:grid}@media (max-width: 1400px){.view-index .sound-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1100px){.view-index .sound-grid{grid-template-columns:repeat(4,1fr)}}.input-slider{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:100%;overflow:hidden}.input-slider .input-slider-labels{grid-template-columns:1fr auto;display:grid}.input-slider .input-slider-ui{padding-top:5px;margin-top:10px;font-size:.8em;grid-template-columns:auto 1fr auto;align-items:flex-start;display:grid;height:1.5em;gap:5px}.input-slider .input-slider-ui>*{height:1em}.input-slider .input-slider-ui .input-slider-track{position:relative}.input-slider .input-slider-ui .input-slider-track:before{content:"";background-color:#00000026;position:absolute;display:block;height:1px;right:0;top:50%;left:0}.input-slider .input-slider-ui .track-active-line{background-color:currentColor;position:absolute;display:block;height:1px;top:50%}.input-slider .input-slider-ui .mark{background-color:var(--white);border:1px solid currentColor;border-radius:100%;position:absolute;display:block;width:1.25em;top:calc(50% - .625em)}.input-slider .input-slider-ui .mark:before{content:"";position:absolute;bottom:-20px;right:-20px;left:-20px;top:-20px;cursor:grab}.input-slider .input-slider-ui .mark:after{padding-bottom:100%;display:block;content:""}.input-slider.dragging,.input-slider.dragging .mark:before{cursor:grabbing}.wave-form{position:relative}.wave-form .wave-canvas{image-rendering:pixelated;position:absolute;bottom:0;right:0;left:0;top:0}.adjustment-area{padding-right:var(--margin);padding-left:var(--margin);margin-top:40px}.adjustment-area .new-sound,.adjustment-area .pitch-smash-sliders,.adjustment-area .filter-sliders{grid-column:span 2}.adjustment-area .slider{margin-bottom:35px}.adjustment-area .new-sound-labels{grid-template-columns:auto 50%;display:grid}.adjustment-area .mod-wave{height:30px;margin:20px 0}.adjustment-area .btn-create-sound{background-color:var(--black);display:block;border:none;width:100%;color:var(--white)}.spectrum{width:300px;height:auto;image-rendering:pixelated}.midi-activate{transition:opacity .2s;display:inline-flex;align-items:center}.midi-activate:not(.initialized){opacity:0}.midi-activate .input-light{background-color:var(--mid-grey);border-radius:100%;position:relative;margin-right:1em;overflow:hidden;display:block;height:.75em;width:.75em}.midi-activate .input-light .lit{background-color:var(--orange);position:absolute;bottom:0;right:0;left:0;top:0;animation:fadeout .4s ease forwards}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.source-header{padding-right:var(--margin);padding-left:var(--margin);align-items:center;display:flex;height:75px}.source-header .header-right{margin-left:auto}.silence-line:after{position:absolute;display:block;content:"";background-color:currentColor;margin:auto 0;height:1px;bottom:0;right:0;left:0;top:0}.trim-handle{--position: 0;--handle-width: 5px;position:absolute;bottom:0;right:0;left:0;top:0;grid-template-columns:auto 1px 1fr;display:grid}.trim-handle .negative-area{position:relative}.trim-handle .cursor-area{background-color:currentColor;position:relative}.trim-handle .handle-grabbable{pointer-events:initial;position:absolute;width:var(--position);cursor:ew-resize;bottom:0;left:0;top:0}.trim-handle .positive-area{width:var(--position)}.trim-handle .slot{position:absolute;bottom:0;left:0;top:0}.trim-handle.start .positive-area{background-color:var(--black-50)}.trim-handle.end .slot{transform:translate(-100%)}.trim-handle.end .handle-grabbable{left:var(--position);right:0}.trim-handle.end .negative-area{background-color:var(--black-50)}.forge-trim-handles{pointer-events:none;position:absolute;bottom:0;right:0;left:0;top:0}.forge-trim-handles .duration-label{white-space:nowrap}.forge-trim-handles .trim-handle.start .slot{transform:translate(-100%)}.forge-trim-handles .duration-label.start{display:none}.forge-trim-handles.is-small .trim-handle.end .slot{transform:none}.forge-trim-handles.is-small.is-right .duration-label.end{display:none}.forge-trim-handles.is-small.is-right .duration-label.start{display:block}.forge-trim-handles .slot{padding:20px}.forge-trim-handles .graph{position:absolute;bottom:20px;right:20px;width:115px}.forge-wave-form{position:absolute;bottom:0;right:0;left:0;top:0}.forge-wave-form .wave-form{pointer-events:none;margin:auto;position:absolute;bottom:0;right:0;left:0;top:0;height:50%}.forge-playhead{pointer-events:none;position:absolute;bottom:0;top:0}.forge-playhead .line{border-left:1px solid currentColor;position:absolute;bottom:0;right:0;left:0;top:0}.forge-stage{position:absolute;bottom:0;right:0;left:0;top:0;color:var(--white)}.forge-stage .forge-trim-handles .start .handle-grabbable{left:calc(0px - var(--margin));width:calc(var(--position) + var(--margin))}.forge-stage .forge-trim-handles .end .handle-grabbable{right:calc(0px - var(--margin))}.forge-stage .forge-wave-form{cursor:crosshair}.forge-stage .forge-wave-form.hovered{cursor:pointer}.spectrum-analysis canvas{margin:var(--margin);width:300px;height:auto}.work-area{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-font-smoothing:initial;background-color:var(--black);color:var(--white);position:relative;height:20vw}.work-area:before,.work-area:after{z-index:5;content:"";background-color:var(--black-50);pointer-events:none;width:var(--margin);position:absolute;display:block;bottom:0;top:0}.work-area:before{left:0}.work-area:after{right:0}.work-area .cursor{transition-timing-function:linear;transition-property:transform;background-color:var(--white);pointer-events:none;position:absolute;width:1px;bottom:0;left:0;top:0}.work-area .forge-stage{right:var(--margin);left:var(--margin)}.work-area .work-area-input{position:absolute;bottom:0;right:0;left:0;top:0;display:flex}.work-area .work-area-input.has-input .start-prompt{opacity:0}.work-area .work-area-input .start-prompt{margin:auto}.work-area .work-area-input .upload-trigger{text-decoration:underline}.view-forge{padding-bottom:30px}.view-canvas{padding:30px 0}.view-canvas .drop-area{border-radius:8px;background-color:#f1f1f1;position:relative;height:20vw;margin:20px}.view-canvas canvas{image-rendering:pixelated;height:500px;width:500px}.site-footer{padding-right:var(--margin);padding-left:var(--margin);justify-content:flex-end;align-items:center;height:65px;display:flex}.site-header{border-right:1px solid rgba(0,0,0,.1);background-color:var(--white);grid-template-rows:auto 1fr;padding:15px 0;position:fixed;display:grid;width:50px;bottom:0;left:0;top:0}.site-header .hamburger-button{padding:15px 17px}.site-header .logo-link{padding:15px 20px;margin-top:auto}.site-header .logo{width:12px;height:auto}.site-aside{background-color:var(--light-grey);box-sizing:border-box;padding:var(--margin);position:fixed;width:350px;left:50px;bottom:0;top:0}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}.site-main.locked{padding:30px var(--margin);font-size:12px}.site-main.locked .entry{max-width:350px}.site-main.locked .form-login{margin-top:30px}.container{min-height:100vh;grid-template-rows:1fr auto;display:grid}.container main{margin-left:var(--sidebar-width)}.container aside+main,.container aside+main+footer{margin-left:400px}body{--orange: #fe7f02;--mid-grey: #cbcbcb;--light-grey: #f1f1f1;--black: #000;--white: #fff;--sidebar-width: 50px;--margin: 30px;--black-50: rgba(0, 0, 0, .8);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:10px;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}::-webkit-scrollbar{display:none}button{background-color:transparent;display:inline-block;text-decoration:none;font-family:inherit;font-weight:inherit;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;cursor:pointer;line-height:1;color:inherit;outline:none;border:none;padding:0}.btn{transition:.2s border-color;display:inline-block;text-decoration:none;border:1px solid rgba(0,0,0,.1);border-radius:5px;padding:.5em .8em}.btn:focus,.btn:hover{border-color:#000}.mono{font-family:CommitMono,monospace}.num{font-variant-numeric:slashed-zero;font-family:CommitMono,monospace}.the-grid{grid-template-columns:repeat(6,1fr);gap:var(--margin);display:grid}.sep-bul{display:inline-block;margin-right:1em;margin-left:1em}.sep-bul:after{content:"·"}.entry{font-size:12px}.entry img{margin:0 auto;max-width:100%;height:auto}.entry p{line-height:120%;min-height:1px}.entry>*{margin-bottom:10px;margin-top:10px}.entry>*:first-child{margin-top:0}.entry>*:last-child{margin-bottom:0}