:root{--color-bg-primary: #181818;--color-bg-secondary: #1E1E1E;--color-bg-tertiary: #2C2C2C;--color-accent: #FF8713;--color-accent-hover: #ff9f40;--color-text-primary: #E0E0E0;--color-text-secondary: #A0A0A0;--color-border: #333333;--color-success: #4CAF50;--color-error: #F44336;--color-highlight-selection: #1b5e20;--color-highlight-search: #e65100;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--topbar-height: 56px;--transition-fast: .15s ease;--transition-normal: .3s ease;font-family:var(--font-primary);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pickr{display:flex!important}*{font-style:normal!important}div.svelte-129q6s6{display:flex;width:82px;height:16px;margin-top:6px;margin-left:6px;border-radius:3px;border-width:1px;border-style:solid;border-color:#c3c3c3}svg.svelte-129q6s6{margin-top:5px;margin-left:6px}rect.svelte-129q6s6{width:10px;height:10px;fill:#c3c3c3}span.svelte-129q6s6{font-size:11px;color:var(--light-text);margin-left:9px;margin-right:5px}svg.svelte-w97xpw{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:41px;height:25px;fill:#c3c3c3}svg.svelte-19yb7u8{margin-top:6px;margin-right:24px}div.svelte-18j4gou{position:relative;display:flex;flex-direction:row;justify-content:space-between;height:28px;width:100%;z-index:1;opacity:1}div.svelte-26khqd{--side-margin:5px;--padding-left:5px;display:flex;flex-direction:row;height:45px;width:calc(100% - calc(2 * var(--side-margin)) - var(--padding-left));border-radius:5px;margin-left:var(--side-margin);padding-left:var(--padding-left);justify-content:space-between;opacity:1}.reference_version.svelte-26khqd{display:flex;justify-content:center;align-items:center;margin-right:10px;font-weight:600;opacity:.1}.window-panel-main.svelte-26khqd{display:flex;flex-direction:row}i.svelte-26khqd{border-right:1px solid #2f2f2f}#play.svelte-26khqd:active{background-color:var(--on);background-image:none}#rec.svelte-26khqd:active{background-color:var(--rec);background-image:none}.normal-button.svelte-26khqd{width:39px;height:35px;background-image:linear-gradient(var(--button-gradient),var(--button-background));color:var(--light-text);font-size:11px;margin-top:5px;margin-right:6px;display:flex;justify-content:center;align-items:center;border:1px solid var(--button-stroke);border-radius:3px}.button-active.svelte-26khqd:active{filter:brightness(.8)}.play-button.svelte-26khqd{width:39px;height:35px;background-image:linear-gradient(var(--button-gradient),var(--button-background));color:var(--light-text);font-size:11px;display:flex;justify-content:center;align-items:center}.play-button-group.svelte-26khqd{height:35px;margin-top:5px;margin-right:5px;display:flex;justify-content:center;align-items:center;border:1px solid var(--button-stroke);border-radius:3px;overflow:hidden}.hitech-group.svelte-26khqd{height:39px;width:416px;margin-left:1px;margin-right:7px;margin-top:2px;display:flex;font-size:14px;font-weight:500;font-family:sans-serif;letter-spacing:1px;background-color:#1f1f1f;border:1px solid #2f2f2f;border-radius:3px;overflow:hidden}.hitech-part1.svelte-26khqd{width:50px;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:1px solid #2f2f2f}.hitech-part2.svelte-26khqd{--padding-right:6px;--padding-top:1px;width:calc(67px - var(--padding-right));height:calc(100% - var(--padding-top));display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:var(--padding-right);padding-top:var(--padding-top);border-right:1px solid #2f2f2f;color:var(--hitech-on)}.hitech-part3.svelte-26khqd{--padding-right:6px;--padding-top:1px;width:calc(103px - var(--padding-right));height:calc(100% - var(--padding-top));display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:var(--padding-right);padding-top:var(--padding-top);border-right:1px solid #2f2f2f;color:var(--hitech-on)}.hitech-part4.svelte-26khqd{width:35px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #2f2f2f}.hitech-part5.svelte-26khqd{width:157px;height:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;color:var(--hitech-on)}.hitech-row.svelte-26khqd{display:flex;flex-direction:row}div.svelte-1rppgdg{display:flex;flex-direction:row;justify-content:space-between;height:34px;opacity:1}aside.svelte-1rppgdg{display:flex;flex-direction:row;justify-content:center;padding-left:10px;padding-right:10px}span.svelte-1rppgdg{display:flex;justify-content:center}i.svelte-1rppgdg{margin-top:7px;margin-left:4px;margin-right:13px;font-size:11px}.inspector.svelte-1rppgdg{margin-top:5px;margin-left:3px;margin-right:0}.bottom-button.svelte-1rppgdg{margin-top:5px;margin-left:4px;margin-right:6px}.seperator.svelte-1rppgdg{margin-top:5px;margin-left:0;margin-right:0}div.svelte-12lhl6v{--border-width:2px;display:flex;flex-direction:column;width:calc(161px - 2 * var(--border-width));height:calc(100% - 2 * var(--border-width));border-radius:3px;border:2px solid var(--panel-stroke);overflow:hidden;background-color:var(--panel-body);opacity:1}span.svelte-12lhl6v{width:100%}.on.svelte-12lhl6v{width:22px;height:25px;margin-top:8px;margin-left:3px}.title.svelte-12lhl6v{height:18px;background-color:var(--panel-body);font-size:11px;display:flex;text-align:center;justify-content:center;padding-top:2px}.sub-title.svelte-12lhl6v{height:18px;background-color:var(--display-background);font-size:11px;display:flex;text-align:center;padding-top:3px;padding-left:3px;font-style:italic;border-bottom:2px solid var(--panel-stroke);color:var(--light-text)}.color-palette.svelte-12lhl6v{display:flex;flex-wrap:wrap;padding-top:2px;padding-bottom:2px;padding-left:2px;height:52px;width:156px;border-bottom:2px solid var(--panel-stroke);background-color:var(--display-background)}.color.svelte-12lhl6v{width:15px;height:15px;margin-right:2px;margin-bottom:2px}.comment.svelte-12lhl6v{height:102px;border-bottom:2px solid var(--panel-stroke);background-color:var(--display-background);padding-left:3px;font-size:10px;font-style:italic}.active-area.svelte-12lhl6v{display:flex;flex-direction:row;align-items:center;height:25px;padding-top:2px;padding-left:1px;font-size:12px;background-color:var(--hole-light);border-bottom:2px solid var(--panel-stroke);color:var(--light-text)}.channel-area.svelte-12lhl6v{display:flex;flex-direction:column;height:53px;background-color:var(--hole-light);border-bottom:2px solid var(--panel-stroke);color:var(--light-text)}.channel-row.svelte-12lhl6v{display:flex;align-items:center;padding-left:4px;height:26px;font-size:11px}.channel-all-button.svelte-12lhl6v{display:flex;align-items:center;padding-left:4px;margin-left:2px;height:18px;width:40px;font-size:11px;border:1px solid var(--button-stroke);border-radius:3px;background-image:linear-gradient(var(--button-gradient),var(--button-background))}.channel-on-button.svelte-12lhl6v{display:flex;flex-direction:row;align-items:center;margin-top:1px;padding-left:6px;margin-left:5px;height:22px;width:102px;font-size:11px;border-radius:3px;color:var(--dark-text);overflow:hidden}.channel-on-right.svelte-12lhl6v{display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding-left:6px;margin-left:5px;width:100%;height:100%;font-size:11px;background-color:var(--display-background);overflow:hidden}.arrow-right.svelte-12lhl6v{margin-left:3px;margin-right:2px}.bend-row.svelte-12lhl6v{display:flex;align-items:center;padding-left:4px;height:26px;font-size:11px}.device-area.svelte-12lhl6v{display:flex;flex-direction:column;height:153px;border-bottom:2px solid var(--panel-stroke)}.device-nav.svelte-12lhl6v{display:flex;width:100%;height:26px;background-color:var(--hole-light);border-bottom:2px solid var(--hole-medium)}.device-in.svelte-12lhl6v{display:flex;height:100%;background-color:var(--hole-medium)}.device-button.svelte-12lhl6v{display:flex;justify-content:center;align-items:center;width:25%;height:26px;background-color:var(--hole-medium);border-bottom:2px solid var(--hole-medium)}.device-button-r.svelte-12lhl6v{display:flex;justify-content:center;align-items:center;width:25%;height:26px;background-color:var(--hole-light);border-bottom:2px solid var(--hole-medium)}.send-area.svelte-12lhl6v{display:flex;flex-direction:column;height:51px;background-color:var(--hole-light);border-bottom:2px solid var(--panel-stroke)}.send-button.svelte-12lhl6v{display:flex;align-items:center;height:20px;width:148px;margin-top:2px;margin-left:3px;background-image:linear-gradient(var(--button-gradient),var(--button-background));border:1px solid var(--button-stroke);border-radius:5px;font-size:11px;color:var(--light-text)}.mixer-area.svelte-12lhl6v{display:flex;flex-direction:row;height:155px;background-color:var(--panel-body)}.mixer-half.svelte-12lhl6v{display:flex;align-items:center;flex-direction:column;margin-right:2px;width:78px;height:100%;font-size:12px}.mixer-button.svelte-12lhl6v{display:flex;width:76px;height:20px;margin-left:2px;border:1px solid var(--button-stroke);border-radius:3px;overflow:hidden}.mixer-button-n.svelte-12lhl6v{display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:bolder;background-image:linear-gradient(var(--button-gradient),var(--button-background));border-left:1px solid var(--button-stroke);color:var(--light-text)}.mixer-button-r.svelte-12lhl6v{display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:bolder;background-color:var(--rec)}.mixer-volume.svelte-12lhl6v{display:flex;align-items:center;justify-content:center;width:78px;height:24px;margin-top:3px;margin-left:2px;background-color:var(--hole-medium);border-radius:3px;overflow:hidden}.mixer-limiter.svelte-12lhl6v{display:flex;align-items:end;justify-content:flex-end;width:78px;height:118px;margin-top:3px;margin-left:2px;background-color:var(--hole-medium);border-radius:3px;overflow:hidden}.instrument.svelte-kxtnu6{display:flex;justify-content:center;align-items:center;width:199px;height:43px;font-size:11px}.channels-row.svelte-kxtnu6{display:flex;flex-direction:row}.button.svelte-kxtnu6{display:flex;align-items:center;justify-content:center;margin-right:3px;width:19px;height:14px;font-size:15px;font-weight:bolder;background-image:linear-gradient(var(--button-gradient),var(--button-background));border:1px solid var(--button-stroke);border-radius:3px;overflow:hidden;color:var(--light-text)}div.svelte-1x67omz{display:flex;flex-direction:column;width:100%;height:401px;border-radius:3px;border:2px solid var(--active-panel-stroke);background-color:#2f2f2f;overflow:hidden;opacity:1}i.svelte-1x67omz{font-size:11px;color:var(--light-text)}.arrange-row.svelte-1x67omz{display:flex;flex-direction:row;width:100%;height:100%}.arranger.svelte-1x67omz{background-color:var(--dark-timeline-background);width:100%;height:calc(100% - 1px)}.channels.svelte-1x67omz{display:flex;flex-direction:column;justify-content:space-between;width:427px;height:377px;border-right:1px solid var(--hole-dark);border-bottom:1px solid var(--hole-dark);background-color:var(--hole-dark)}.channels-row.svelte-1x67omz{display:flex;flex-direction:row}.bottom-bar.svelte-1x67omz{width:100%;height:25px;background-color:var(--hole-light)}div.svelte-pnz0g3{display:flex;width:100%;height:243px;border-radius:3px;border:2px solid var(--panel-stroke);margin-top:3px;background-color:var(--hole-dark)}i.svelte-pnz0g3{color:var(--light-text)}.column.svelte-pnz0g3{display:flex;flex-direction:column;justify-content:space-between;padding-top:10px;padding-bottom:10px;align-items:center;font-size:10px;font-weight:700;width:28px;margin-right:2px;background-color:var(--device-header);overflow:hidden;white-space:nowrap}.rotate.svelte-pnz0g3{transform:rotate(-90deg)}.line.svelte-pnz0g3{width:100%;height:5px}div.svelte-1q5krv1{--border-width:2px;display:flex;flex-direction:column;width:825px;height:100%;margin-right:7px;margin-left:3px}div.svelte-q1jjt6{--border-width:2px;width:calc(222px - 2 * var(--border-width));height:calc(100% - 2 * var(--border-width));background-color:var(--hole-medium);border-radius:3px;border:2px solid var(--panel-stroke);overflow:hidden;opacity:1}i.svelte-q1jjt6{display:flex;align-items:center}.text.svelte-q1jjt6{margin-left:2px}.top-nav.svelte-q1jjt6{display:flex;width:100%;height:40px;border-bottom:2px solid var(--panel-stroke)}.everything-bar.svelte-q1jjt6{display:flex;flex-direction:column;align-items:center;font-size:11px;padding-top:7px;width:100%;height:123px}.search-bar.svelte-q1jjt6{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:6px;width:204px;height:21px;background-color:var(--hole-dark);border-radius:3px}.locations.svelte-q1jjt6{display:flex;flex-direction:row;width:200px;height:70px;margin-top:4px;color:#f5f5f5}.location-side.svelte-q1jjt6{display:flex;flex-direction:column;justify-content:space-around;width:100px;height:70px;padding-left:0}.files.svelte-q1jjt6{display:flex;width:100%;height:413px;background-color:var(--hole-dark)}.bottom-bar.svelte-q1jjt6{display:flex;width:100%;height:100%;box-shadow:#202020 0 0 10px}.scaler.svelte-16u94ps{--content-padding:50px;padding:var(--content-padding)}#bitwig.svelte-16u94ps{box-shadow:#202020 0 0 15px}div.svelte-16u94ps{--width:1228px;--height:768px;--top-margin:50px;display:flex;flex-direction:column;min-width:var(--width);margin:auto;width:var(--width);height:var(--height);cursor:pointer}span.svelte-16u94ps{--side-margin:5px;width:calc(100% - calc(2 * var(--side-margin)));height:655px;display:flex;flex-direction:row;margin-top:3px;margin-bottom:2px;margin-left:5px;opacity:1}.transparent-bg.svelte-1dr0754{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAN0lEQVQ4jWN8+vQpA24gJSWFU46BgQlDhAQwqnlkaGb8//8/hiACPHv2DENsZAfYqGZSAAMDAwDAoQjTb+zK0AAAAABJRU5ErkJggg==);background-size:20px 20px;display:flex;width:calc(100% - max(var(--sidebar-width),var(--sidebar-min-width)));overflow:auto;scrollbar-color:#444 #333}/*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all .3s}.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button:before{z-index:initial}.pickr .pcr-button:after{position:absolute;content:"";top:0;left:0;height:100%;width:100%;transition:background .3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow .3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #00000040}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em #0000001a,0 0 1em #00000008;left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:#0000;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #4285f4bf}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px #ffffffd9,0 0 0 3px #f44250bf}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=monolith]{width:14.25em;max-width:95vw;padding:.8em}.pcr-app[data-theme=monolith] .pcr-selection{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview{position:relative;z-index:1;width:100%;height:1em;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:.5em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color{cursor:pointer;transition:background-color .3s,box-shadow .3s;border-radius:.15em 0 0 .15em;z-index:2}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{border-radius:0 .15em .15em 0}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color{background:var(--pcr-color);width:50%;height:100%}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette{width:100%;height:8em;z-index:1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity{height:.5em;margin-top:.75em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right,transparent,black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,.25em}div.svelte-zyed09{display:flex;align-items:center;flex-direction:row;justify-content:space-between;min-height:48px;color:var(--color-text-primary);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}section.svelte-zyed09{display:flex;flex-direction:column;justify-content:center;width:100%;gap:2px}div.svelte-zyed09:hover{cursor:pointer;background-color:var(--color-bg-tertiary)}span.svelte-zyed09{font-size:14px;font-weight:500}span.info.svelte-zyed09{font-size:12px;color:var(--color-text-secondary)}code.svelte-zyed09{margin-right:30px;width:20px;height:20px;border:1px solid var(--color-border);border-radius:50%}i.svelte-zyed09{margin-right:10px}aside.svelte-1ijcfp2.svelte-1ijcfp2{display:var(--display-aside);flex-direction:column;height:100%;width:100%;background-color:var(--color-bg-secondary);z-index:2}aside.modal-open.svelte-1ijcfp2.svelte-1ijcfp2{z-index:10}nav.svelte-1ijcfp2.svelte-1ijcfp2{display:flex;flex-direction:row;width:100%;border-bottom:1px solid var(--color-border)}section.svelte-1ijcfp2.svelte-1ijcfp2{--button-height:48px;--span-height:40px;height:100%;overflow-y:auto;background-color:var(--color-bg-primary);overflow-x:hidden}span.svelte-1ijcfp2.svelte-1ijcfp2{--span-height:40px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);font-size:14px;font-weight:600;height:var(--span-height);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);display:flex;align-items:center;text-transform:uppercase;letter-spacing:.05em}input.svelte-1ijcfp2.svelte-1ijcfp2{height:40px;padding:0 var(--spacing-md);border:none;color:var(--color-text-primary);background-color:var(--color-bg-secondary);font-weight:400;font-size:14px;border-bottom:1px solid var(--color-border)}input.svelte-1ijcfp2.svelte-1ijcfp2:focus{outline:none;background-color:var(--color-bg-tertiary)}.svelte-1ijcfp2.svelte-1ijcfp2::placeholder{color:var(--color-text-secondary);opacity:1}button.svelte-1ijcfp2.svelte-1ijcfp2{--button-height:48px;border:none;display:flex;align-items:center;justify-content:center;width:50%;height:var(--button-height);color:var(--color-text-secondary);background-color:transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent}button.svelte-1ijcfp2.svelte-1ijcfp2:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}a.svelte-1ijcfp2.svelte-1ijcfp2{--button-height:48px;text-decoration:none;border:none;display:flex;align-items:center;justify-content:center;width:50%;height:var(--button-height);background-color:transparent;font-size:14px;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast)}a.svelte-1ijcfp2.svelte-1ijcfp2:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer}h1.svelte-1ijcfp2.svelte-1ijcfp2{font-size:20px;margin:0;color:var(--color-bg-primary);font-family:var(--font-display);border-bottom:1px solid #eee;padding-bottom:var(--spacing-sm)}.modal.svelte-1ijcfp2.svelte-1ijcfp2{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.modal-box.svelte-1ijcfp2.svelte-1ijcfp2{--modal-box-height:auto;--modal-box-width:460px;position:relative;width:var(--modal-box-width);height:auto;max-height:80vh;padding:var(--spacing-lg);background-color:#fff;color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto}.modal-box.svelte-1ijcfp2 p.svelte-1ijcfp2{margin:0;line-height:1.4}ul.svelte-1ijcfp2.svelte-1ijcfp2{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}li.svelte-1ijcfp2.svelte-1ijcfp2{font-size:14px;color:#444}div.svelte-dss01v{display:flex;justify-content:space-between;position:absolute;width:80px;top:12px;right:-104px;height:32px;background-color:var(--color-bg-tertiary);z-index:2;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000004d;overflow:hidden;border:1px solid var(--color-border)}button.svelte-dss01v{border:none;color:var(--color-text-primary);text-decoration:none;width:24px;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:background-color var(--transition-fast)}button.svelte-dss01v:hover{background-color:var(--color-accent);color:var(--color-bg-primary)}i.svelte-dss01v{display:flex;justify-content:center;align-items:center;font-weight:600;font-size:12px;width:100%;background-color:#ffffff0d;color:var(--color-text-secondary);cursor:default}div.svelte-7e90tx{position:relative;display:flex;border-right:1px solid var(--color-border);box-shadow:2px 0 4px #0003;z-index:3;height:100%;width:max(var(--sidebar-width),var(--sidebar-min-width));background-color:var(--color-bg-secondary);transition:width var(--transition-normal)}span.svelte-7e90tx{position:absolute;display:flex;justify-content:center;align-items:center;right:-24px;top:50%;transform:translateY(-50%);background-color:var(--color-bg-tertiary);width:24px;height:48px;border:1px solid var(--color-border);border-left:none;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}span.svelte-7e90tx:hover{background-color:var(--color-accent);color:var(--color-bg-primary);cursor:pointer}#sidebar-button-icon path{stroke:currentColor}svg.svelte-uzr26j{margin-right:2px}@media only screen and (max-width: 719px){#how-to.svelte-yftrm9.svelte-yftrm9{display:none}}@media only screen and (min-width: 720px){#how-to.svelte-yftrm9.svelte-yftrm9{display:flex}}@media only screen and (max-width: 539px){#main-title.svelte-yftrm9.svelte-yftrm9{display:none}}@media only screen and (min-width: 540px){#main-title.svelte-yftrm9.svelte-yftrm9{display:flex}}nav.svelte-yftrm9.svelte-yftrm9{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:var(--topbar-height);background-color:var(--color-bg-secondary);z-index:3;box-shadow:0 4px 6px #0000004d;border-bottom:1px solid var(--color-border);padding:0 var(--spacing-md)}nav.modal-open.svelte-yftrm9.svelte-yftrm9{z-index:1000}span.svelte-yftrm9.svelte-yftrm9{display:flex;flex-direction:row;gap:var(--spacing-sm)}button.svelte-yftrm9.svelte-yftrm9{display:flex;flex-direction:row;align-items:center;background-color:transparent;border:1px solid transparent;color:var(--color-text-primary);text-decoration:none;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);gap:var(--spacing-sm)}button.svelte-yftrm9.svelte-yftrm9:hover{background-color:var(--color-bg-tertiary);color:var(--color-accent)}a.svelte-yftrm9.svelte-yftrm9{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-text-primary);text-decoration:none;font-size:18px;font-family:var(--font-display);font-weight:700;padding:var(--spacing-sm);cursor:pointer;transition:color var(--transition-fast)}a.svelte-yftrm9.svelte-yftrm9:hover{color:var(--color-accent)}h1.svelte-yftrm9.svelte-yftrm9{margin:0;color:var(--color-bg-primary);font-family:var(--font-display);font-size:20px;border-bottom:1px solid #eee;padding-bottom:var(--spacing-sm)}code.svelte-yftrm9.svelte-yftrm9{font-style:normal;font-size:medium;font-weight:700;background-color:#0000001a;padding:2px 4px;border-radius:4px}.note.svelte-yftrm9.svelte-yftrm9{font-style:italic;font-size:smaller;color:#666}.modal.svelte-yftrm9.svelte-yftrm9{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.modal-box.svelte-yftrm9.svelte-yftrm9{--topbar-height:56px;--modal-box-width:460px;position:absolute;top:calc(var(--topbar-height) + 20px);right:60px;width:var(--modal-box-width);height:auto;padding:var(--spacing-lg);background-color:#fff;color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-box.svelte-yftrm9 p.svelte-yftrm9{margin:0;line-height:1.4}.modal-box.svelte-yftrm9 a.svelte-yftrm9{color:var(--color-accent);font-size:16px;font-family:var(--font-primary);justify-content:flex-start;padding:0}.modal-box.svelte-yftrm9 a.svelte-yftrm9:hover{text-decoration:underline}.small-text.svelte-yftrm9.svelte-yftrm9{font-size:12px;color:var(--color-text-secondary)}.small-text.svelte-yftrm9.svelte-yftrm9:hover{color:var(--color-text-primary)}main.svelte-1o31jq2{display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:hidden}div.svelte-1o31jq2{position:relative;display:flex;flex-direction:row;height:calc(100% - var(--topbar-height))}@media only screen and (max-width: 349px){main.svelte-1o31jq2{display:flex}.smallscreen.svelte-1o31jq2{position:absolute;top:0;left:0;display:flex;height:calc(100vh - 20px);width:calc(100vw - 20px);flex-direction:column;padding:10px;justify-content:center;align-items:center;text-align:center;opacity:.8;background-color:#242424;z-index:10}}@media only screen and (min-width: 350px){.smallscreen.svelte-1o31jq2{display:none}}