@charset "UTF-8";.panel{--top: 0px;position:absolute;top:var(--top);border-radius:8px;background:#111;transition:opacity .6s .5s ease;border:1px solid #414127;box-shadow:0 8px 16px -8px #000}.panel--active{border-color:#323258}.panel--hidden,.windowManager--autoHide .panel{opacity:var(--hiddenOpacity)}.panel--closed{display:none}.windowManager--sidebar .panel{left:8px!important;--top: 8px !important;max-width:calc(100vw - 16px);height:calc(100% - 16px)}.windowManager--sidebar .panel .panelHeader-button--hide,.windowManager--sidebar .panel .panelHeader-button--collapse{display:none}.windowManager--sidebar .panel .panelContent{resize:none}.windowManager--sidebar .panel:not(.panel--active){display:none}.panel:hover,.panel:focus-within,.panel--active,.hasPointer .panel{opacity:1;transition:opacity .05s ease}.panelHeader{padding:12px 24px 8px;display:flex;justify-content:space-between;user-select:none;height:45px;cursor:grab;border-radius:8px 8px 0 0;background:#29291c;border-bottom:1px solid #414127}.panel--active .panelHeader{background:#272741;border-color:#323258;color:#fff}.panel--dragging .panelHeader{cursor:grabbing;background:#323258}.panelHeader:before{content:"\22ee\22ee";position:absolute;left:8px;opacity:0;transition:.2s}.panelHeader:hover:before{opacity:1}.panelHeader-button{width:1.5em;height:1.5em;vertical-align:top;background:#111;color:var(--text-color);border:0;border-radius:4px;margin-left:1px;cursor:pointer}.panelHeader-button:hover,.panelHeader-button:active{background-color:#000}.panel--hidden .panelHeader-button--hide{padding-bottom:1.75em}.panelContent{padding:24px 24px 32px;transition:max-height .3s,padding .3s;max-height:calc(100vh - 50px - 45px - 16px - var(--top));overflow:auto;resize:both}.panel--collapsed .panelContent{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}#interfacePanel{margin-top:50px;height:calc(100% - 66px)}.panelBar{display:flex;gap:6px;flex-grow:1}.panelBar-panel{display:block;border:1px solid #414127;padding:2px 8px 4px;border-radius:8px;text-transform:lowercase;font-variant:small-caps;background:none;text-decoration:none;color:var(--text-color)}.panelBar-panel--active{background:#323258;border-color:#000}.panelBar-panel--closed{opacity:.5;border-color:#000}.panelBar-panel--interfacePanel{order:10000;margin-top:auto;margin-left:auto;font-size:1.2em;font-weight:900}.panelBar-panel--hamburger{margin-left:auto}.panelBar--canCollapse.panelBar--expanded{position:fixed;top:58px;left:8px;height:calc(100% - 66px);padding:16px;border-radius:8px;background:#111;flex-direction:column;z-index:100000}.panelBar--canCollapse.panelBar--expanded .panelBar-panel{padding:8px 16px 12px;font-size:1em}.panelBar--canCollapse.panelBar--collapsed{display:none}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(160, 160, 160)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}*,*:before,*:after{position:relative;box-sizing:border-box;margin:0;padding:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:visited,:link{color:#8080ff}.button{padding:6px 12px;background:black;border:1px solid #29291c;border-radius:4px;color:#fff}input:disabled,select:disabled{opacity:.6}select{width:192px}.selectLabel{display:inline-block;width:120px}fieldset{border:none}fieldset:not(:first-child):not(h2 + fieldset):not(header + fieldset){margin-top:1em}input[type=number]{width:96px}input[type=color]{display:inline-block;width:14px;height:14px;border:1px solid #29291c;outline:none;border-radius:3px;margin-right:.55em}input[type=range]{vertical-align:middle}::-moz-color-swatch{border:0}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0}.hidden{position:fixed;width:0;height:0;visibility:hidden}.configurator{margin-top:1em}.config-variableName{display:inline-block;margin:0 .2em;width:2em}.config-input{background:black;color:#fff;border:solid 1px #222;padding:.4em 0 .4em 1em;border-radius:8px}.configRow{margin-bottom:4px}.labelInputRow{display:grid;gap:8px;grid-template-columns:120px 1fr;align-items:baseline}.configButton{padding:6px 12px;background:black;border:1px solid #414127;color:#fff;border-radius:6px}.configButton:disabled{background:#111;color:#555;border-color:#29291c}.text-button{background:none;border:0;color:#70703d}.mainWM{position:fixed;width:100vw;height:100vh;display:grid;grid-template-rows:auto 1fr}.mainBar{background:#111;display:flex;padding:6px 32px;gap:32px;border-bottom:1px solid #414127}.mainNav{display:flex}.mainNav a:link,.mainNav a:visited{display:block;position:relative;color:var(--text-color);text-decoration:none;margin:4px;padding:2px 8px}.mainNav .router-link-active:before{content:"";position:absolute;left:50%;bottom:0;width:4px;height:2px;display:block;border-bottom:1px solid white;transform:translate(-50%)}.mainContent{overflow:hidden}.renderTarget{width:100%;height:100%;object-fit:contain}.scrollWrapper{overflow:auto;max-height:100%}.textWrapper{max-width:72ch;margin:48px auto;font-size:24px}.textWrapper h1{font-size:72px;line-height:1.1;margin-bottom:.5em;text-align:center}.textWrapper p{margin-bottom:1em}.lead{color:#fff;font-size:32px;text-align:center;padding:0 1em}.mainContent--gallery{overflow:auto}.galleryWrapper{max-width:1200px;margin:0 auto}.galleryBar--warning{padding:24px;margin:12px 24px;background:#29200f;color:#bfbcb7;border:1px solid #704c0a;border-radius:8px;column-count:2}.galleryBar--warning h3{line-height:1;margin-bottom:12px;font-variant:small-caps;font-weight:600;color:#fff;letter-spacing:.1em}.galleryBar--warning p{max-width:80ch;margin-bottom:1em}.galleryBar--warning p:last-child{margin-bottom:0}.galleryBar--warning strong{font-weight:800;color:#fff}.galleryGroup:not(:empty){padding:24px;margin:12px auto}.galleryGroup-header{display:flex;justify-content:space-between;background:black;padding:8px 24px;border-radius:12px;align-items:center}.galleryGroup-header h3{font-size:24px;color:#fff}.galleryItem-list{display:none;grid-template-columns:1fr 1fr 1fr;gap:12px;list-style:none}.galleryGroup-collapseControl:checked+.galleryItem-list{display:grid}@media screen and (max-width: 530px){.galleryItem-list{grid-template-columns:1fr 1fr}}@media screen and (max-width: 450px){.galleryItem-list{grid-template-columns:1fr}}.galleryItem{padding:12px}.galleryItem-canvas{display:block;margin-bottom:12px;width:100%;outline:1px solid #414127}.galleryItem-description{font-style:italic;line-height:1.2;margin-bottom:12px}.galleryItem-rawParams{position:absolute;margin-top:8px;background:black;padding:12px;color:#fff;border-radius:8px;opacity:0;pointer-events:none;z-index:1;max-width:100%;overflow:auto}.galleryItem-container:nth-child(3n+1) .galleryItem-rawParams{left:0}.galleryItem-container:nth-child(3n+2) .galleryItem-rawParams{left:50%;transform:translate(-50%)}.galleryItem-container:nth-child(3n+3) .galleryItem-rawParams{left:auto;right:0}:checked+.galleryItem-rawParams{opacity:1;pointer-events:all}.unsupportedFeaturesBar{padding:12px;background:#29200f;color:#bfbcb7;border:1px solid #704c0a;border-radius:8px;margin-bottom:12px}.unsupportedFeatures-title{text-transform:lowercase;font-variant:small-caps;line-height:1;margin-bottom:8px}.unsupportedFeatures{margin-left:1em;list-style:disc}.gradientSwatch{position:relative;display:block;height:32px;margin-top:8px;border-radius:4px}.gradientSwatch:after{content:"";display:block;position:absolute;top:-3px;left:-3px;height:calc(100% + 6px);width:calc(100% + 6px);border:1px solid #414127;border-radius:6px}.gradientSwatch:hover:after{border-color:#585832}.gradientPicker:focus-within .gradientSwatch:after{border-color:#494988}.gradientStopList{max-height:0;list-style:none;padding-left:0;transition:max-height .4s ease,margin-top .4s ease;overflow:hidden;max-height:100vh;margin-top:12px}.gradientPicker:focus-within .gradientStopList{max-height:100vh;margin-top:12px}.gradientStop{padding:8px 0}.stopInputGroup{margin-left:22px;display:grid;gap:12px;grid-template-columns:auto 1fr;text-transform:lowercase;font-variant:small-caps}.stopInputGroup_text{margin-right:4px}.stopColor-symbol{text-transform:lowercase;font-size:small;vertical-align:bottom;font-variant:small-caps;font-family:monospace}.stopColor-component{display:inline-block;width:6ch;margin-right:6px;text-align:right;font-family:monospace;text-transform:uppercase}.stopInputGroup_input,.stopColor-alphaSlider{vertical-align:text-bottom}.stopColor-alphaSlider{margin-left:8px}.gradient-alphaColorControl,.gradient-colorControl,.gradient-alphaControl{display:grid;grid-auto-columns:auto;grid-auto-flow:column;align-items:center}.addStopControls{position:relative;display:flex;height:24px;width:100%;margin-top:8px;justify-content:center;align-items:center}.addStopControls:before{content:"";display:block;height:1px;background:#29291c;position:absolute;width:100%;top:50%}.addStopButton{position:absolute;display:flex;width:calc(100% - 16px);height:100%;cursor:pointer;justify-content:center;align-items:center;border-radius:6px;border:1px solid transparent;transition:background-color .15s 0s ease,border-color .25s .1s ease,opacity .4s 0s ease;opacity:0}.gradientStop:hover .addStopButton{opacity:1}.addStopButton:before{content:"";display:block;position:absolute;width:100%;height:1px;transition:background-color .25s .1s ease}.addStopButton:hover{background:#29291c;border-color:#414127}.addStopButton:hover:before{background:#1d1d17}.addStopButton-text{display:inline-block;background:#111;padding:0 12px;border-radius:4px}.addStopButton:hover .addStopButton-text{background-color:transparent;color:#fff}.shuffleListContainer{display:grid;grid-template-areas:"list" "add"}.shuffleAddControls{grid-area:add;position:relative;display:flex;height:24px;width:100%;margin:4px 0;justify-content:center;align-items:center}.shuffleAddControls:before{content:"";display:block;height:1px;background:#29291c;position:absolute;width:100%;top:50%}.shuffleAddButton{position:absolute;display:flex;width:calc(100% - 16px);height:100%;cursor:pointer;background:none;color:#585832;justify-content:center;align-items:center;border-radius:6px;border:1px solid transparent;transition:background-color .15s 0s ease,border-color .25s .1s ease,opacity .4s 0s ease;opacity:0}.shuffleListContainer:hover>.shuffleAddControls .shuffleAddButton,.shuffleItem:hover .shuffleAddButton{opacity:1}.shuffleAddButton:before{content:"";display:block;position:absolute;width:100%;height:1px;transition:background-color .25s .1s ease}.shuffleAddButton:hover{background:#29291c;border-color:#414127}.shuffleAddButton:hover:before{background:#1d1d17}.shuffleAddButton-text{display:inline-block;background:#111;padding:0 12px;border-radius:4px;pointer-events:none;user-select:none}.shuffleAddButton:hover .shuffleAddButton-text{background-color:transparent;color:#fff}.shuffleItem{display:grid;grid-template-areas:"add add add" "ctr cnt del";grid-template-columns:16px 1fr 24px;gap:0 4px}.shuffleItem .shuffleOrderControls{display:flex;flex-direction:column;justify-content:space-between}.shuffleItem .shuffleOrderButton{background:none;border:0;transform:scaleY(.5);padding:4px 0;color:#414127}.shuffleItem .shuffleOrderButton:disabled{opacity:0}.shuffleItem .shuffleDeleteButton{display:inline-block;background:black;border:0;width:24px;height:24px;border-radius:8px;color:#585832}.gradientSwatch{height:24px}.layer-config{display:flex;gap:8px;list-style:none;border:1px solid #29291c;padding:8px;margin-top:8px;border-radius:4px}.layer-config p{margin-bottom:6px}.modulationRow[data-v-1e61d6dc]{display:grid;grid-template-columns:1fr auto}.paramEditor[data-v-2f0e2dc8]{display:grid;grid-template-areas:"label input" "mods  mods";grid-template-columns:1fr auto}.paramEditor .config-label[data-v-2f0e2dc8]{display:inline-block}.config-groupName[data-v-2f0e2dc8]{background:black;width:calc(100% + 1em);margin-left:-.5em;margin-bottom:4px;padding:0 .5em;border-radius:3px}.config-groupCollapse[data-v-2f0e2dc8]{display:flex;width:100%;padding:4px 8px;justify-content:space-between}.config-groupContent[data-v-2f0e2dc8]{overflow:hidden;max-height:100vh;transition:max-height .5s}.config-group--collapsed .config-groupContent[data-v-2f0e2dc8]{max-height:0}.config-variableName[data-v-2f0e2dc8]{margin-left:.5em;color:#70703d}.config-modulationContainer[data-v-2f0e2dc8]{grid-area:mods}.modulationCodeList[data-v-2f0e2dc8]{position:relative;display:block;list-style:none;margin-left:18px;height:1em;line-height:0}.paramEditor--expanded .modulationCodeList[data-v-2f0e2dc8]{display:none}.modulationCodeList[data-v-2f0e2dc8]:empty{display:none}.modulationCodeList[data-v-2f0e2dc8]:before{content:"";display:block;position:absolute;border-radius:2px;border:1px solid #414127;border-width:0 0 1px 1px;height:8px;width:8px;right:calc(100% + 2px);bottom:calc(100% - 3px)}.modulationCode[data-v-2f0e2dc8]{opacity:.6;display:inline;font-size:small;text-transform:lowercase;font-variant:small-caps}.modulationCode+.modulationCode[data-v-2f0e2dc8]:before{content:" \2219  "}.modulationEq[data-v-2f0e2dc8]{font-size:small}.modulationListConfigurator[data-v-2f0e2dc8]{max-height:0;overflow:hidden;transition:max-height .2s ease-out}.paramEditor:hover .modulationListConfigurator[data-v-2f0e2dc8],.paramEditor--expanded .modulationListConfigurator[data-v-2f0e2dc8]{transition:max-height .2s ease-in}.paramEditor--expanded .modulationListConfigurator[data-v-2f0e2dc8]{max-height:100vh;overflow:auto}.uniformConfig[data-v-26811301]{display:flex;justify-content:space-between}.uniformConfig .config-input[data-v-26811301]{width:6em}.initializationGroup[data-v-26811301]{margin-top:0}.initializationDetails[data-v-26811301]{max-height:0;margin-left:120px;transition:max-height .5s ease;overflow:hidden}.initializationGroup:focus-within .initializationDetails[data-v-26811301]{max-height:500px}.initializationDetails .configRow[data-v-26811301]{display:flex;justify-content:space-between}