:root{--brand-hue: 125;--brand-9: hsl(var(--brand-hue), 20%, 10%);--brand-8: hsl(var(--brand-hue), 26%, 18%);--brand-7: hsl(var(--brand-hue), 31%, 24%);--brand-6: hsl(var(--brand-hue), 37%, 30%);--brand-5: hsl(var(--brand-hue), 43%, 39%);--brand-4: hsl(var(--brand-hue), 48%, 52%);--brand-3: hsl(var(--brand-hue), 54%, 67%);--brand-2: hsl(var(--brand-hue), 60%, 80%);--gray-950: #060707;--gray-900: #0d1110;--gray-850: #121715;--gray-800: #1a201e;--gray-700: #27302d;--gray-600: #36413d;--gray-500: #5a6762;--gray-300: #b8c2be;--gray-200: #d6ddda;--gray-100: #eaf0ed;--color-bg: hsla(var(--brand-hue), 15%, 50%, .3);--color-bg-2: hsla(var(--brand-hue), 15%, 70%, .3);--color-bg-solid: hsl(var(--brand-hue), 12%, 8%);--color-bg-raised: rgba(var(--brand-hue), 35, 32, .86);--color-border: hsla(var(--brand-hue), 4%, 45%, .35);--color-border-strong: hsla(var(--brand-hue), 4%, 45%, .45);--color-border-soft: hsla(var(--brand-hue), 4%, 45%, .3);--color-text: var(--gray-100);--color-text-muted: var(--gray-300);--color-text-dim: var(--gray-500);--color-danger: #ef4444;--color-warning: #f59e0b;--color-good: var(--brand-4);--color-accent: var(--brand-4);--color-accent-strong: var(--brand-3);--color-toggle-icon-off: var(--color-text-dim);--color-toggle-icon-on: var(--color-accent-strong);--color-slider-fill: var(--brand-4);--color-number: var(--color-text);--color-math: var(--color-warning);--color-bracket: var(--color-accent);--canvas-handle-highlight: rgb(16 185 129 / .45);--canvas-handle-corner-bg: rgb(16 185 129 / .38);--canvas-handle-corner-stroke: rgb(110 231 183 / .72);--blur: blur(12px);--spectrum-panel-width: 56px;--spectrum-panel-width-collapsed: 18px;--color-spectrum-bg: rgb(7 10 9 / .72);--color-spectrum-border: rgb(115 127 122 / .45);--spectrum-panel-blur: 6px;--font-display: "Quicksand", sans-serif;--font-body: "Quicksand", sans-serif;--font-ui: "Roboto", sans-serif;--font-mono: "Roboto", monospace;--font-code: var(--font-mono);--fs-page-title: 48px;--fs-site-title: 24px;--fs-title: 20px;--fs-body: 16px;--fs-label: 12px;--fs-input: 14px;--menu-rail-size: 72px;--menu-icon-size: 32px;--menu-label-size: 12px;--menu-tab-width: 420px;--player-height: 52px;--radius-s: 12px;--radius-m: 18px;--radius-l: 27px;--padding-s: 6.7px;--padding-m: 10px;--padding-l: 15px;--padding-btn: 4px 6px;--gap-s: 6px;--gap-m: 9px;--gap-l: 13.5px;--border-soft: 1px solid var(--color-border-soft);--border-default: 1px solid var(--color-border);--border-strong: 1px solid var(--color-border-strong);--border-bright: 1px solid var(--brand-5);--box-shadow: 0 -1px 3px hsla(0, 0%, 100%, .1) inset;--box-shadow-glow: 0 0 10px var(--brand-3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-mid: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;color:var(--color-text);background:radial-gradient(1200px 700px at 20% -10%,rgb(16 185 129 / .1),transparent 60%),radial-gradient(900px 500px at 120% 110%,rgb(52 211 153 / .08),transparent 62%),linear-gradient(180deg,#080a09,#050606);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cp-menu-icon svg [fill]:not([fill=none]),.cp-btn-icon svg [fill]:not([fill=none]),.cp-btn svg [fill]:not([fill=none]){fill:currentColor}.cp-menu-icon svg [stroke],.cp-btn-icon svg [stroke]{stroke:currentColor}#app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:visible}#canvas-col{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;background:radial-gradient(700px 400px at 50% 120%,var(--color-bg-solid)),radial-gradient(900px 460px at 10% -20%,var(--brand-9)),linear-gradient(160deg,#040606,#0b0f0e)}:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:none;box-shadow:none}::-webkit-scrollbar-thumb{background:var(--color-bg);corner-shape:squircle;border-radius:var(--radius-s)}@media (max-width: 900px){:root{--fs-page-title: 32px;--fs-site-title: 24px;--fs-body: 14px;--fs-label: 12px;--fs-input: 16px;--menu-tab-width: min(92vw, 540px)}}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-s);border:none;corner-shape:squircle;border-radius:var(--radius-s);background:var(--color-bg);box-shadow:var(--box-shadow);color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--fs-input);font-weight:600;padding:var(--padding-btn);cursor:pointer;transition:background var(--transition-mid),border-color var(--transition-mid),filter var(--transition-fast)}.cp-btn:hover{color:var(--color-accent);filter:brightness(1.25);transition:background var(--transition-fast),border-color var(--transition-fast),filter var(--transition-fast)}.cp-btn:active{transform:none;color:var(--color-accent)}.cp-btn-danger{opacity:.6;background:none;box-shadow:none;border:none;border-color:var(--color-border-strong);color:var(--color-danger)}.cp-btn-danger .cp-btn-label{display:none}.cp-btn-danger:hover{opacity:1;background:var(--color-bg);border-color:var(--color-border-strong)}.cp-btn-wide{width:100%}.cp-btn-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px}.cp-btn-icon svg,.cp-btn svg{display:block;max-width:50px;max-height:50px}.cp-btn-label{line-height:1}.cp-preset-row{display:grid;grid-template-columns:3fr 1fr 1fr .5fr;gap:var(--gap-m)}.cp-preset-row .cp-btn{grid-column:span 1}.cp-input-select,.cp-input-text,.cp-input-number,.cp-input-textarea,.cp-input-color{width:100%;min-width:0;border:none;corner-shape:squircle;border-radius:var(--radius-s);background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:var(--fs-input);padding:var(--padding-btn)}.cp-input-select,.cp-input-text,.cp-input-number{height:28px}.cp-input-select option,.cp-input-select optgroup{color:var(--color-text);font-size:var(--fs-label);background:var(--brand-9)}.cp-input-select optgroup{background:var(--brand-8)}.cp-input-number{text-align:right}.cp-input-textarea{min-height:34px;resize:both;line-height:1.45;overflow:auto}.cp-input-color{padding:4px;height:40px}.cp-input-select:focus,.cp-input-text:focus,.cp-input-number:focus,.cp-input-textarea:focus,.cp-input-color:focus,.cp-input-range:focus,.cp-range-slider.noUi-target:focus,.cp-input-select:hover,.cp-input-text:hover,.cp-input-number:hover,.cp-input-textarea:hover,.cp-input-color:hover,.cp-input-range:hover,.cp-range-slider.noUi-target:hover{outline:none;background-color:var(--color-bg-2);transition:background-color var(--transition-fast)}.audio-player__seek,.cp-input-range,.cp-range-slider.noUi-target{width:100%;height:4px;corner-shape:squircle;border-radius:var(--radius-s);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-bg-2);border:none;box-shadow:none}.audio-player__seek::-webkit-slider-runnable-track,.cp-input-range::-webkit-slider-runnable-track{height:4px;background:none;box-shadow:none;corner-shape:squircle;border-radius:var(--radius-s)}.audio-player__seek::-moz-range-track,.cp-input-range::-moz-range-track{height:4px;background:none;box-shadow:none;corner-shape:squircle;border-radius:var(--radius-s)}.audio-player__seek::-webkit-slider-thumb,.cp-input-range::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:-3px;width:10px;height:10px;corner-shape:squircle;border-radius:var(--radius-s);border:none;background:var(--color-accent);cursor:pointer}.audio-player__seek::-moz-range-thumb,.cp-input-range::-moz-range-thumb{width:10px;height:10px;corner-shape:squircle;border-radius:var(--radius-s);border:none;background:var(--color-accent);cursor:pointer}.cp-range-slider.noUi-horizontal .noUi-handle{width:10px;height:10px;right:-5px;top:-3px;corner-shape:squircle;border-radius:var(--radius-s);border:none;background:var(--color-accent);box-shadow:none;cursor:pointer}.audio-player__seek::-webkit-slider-thumb:hover,.cp-input-range::-webkit-slider-thumb:hover,.cp-range-slider.noUi-horizontal .noUi-handle:hover{transform:scale(1.4);transition:transform var(--transition-fast)}.audio-player__seek::-moz-range-thumb:hover,.cp-input-range::-moz-range-thumb:hover{transform:scale(1.4);transition:transform var(--transition-fast)}.cp-input-range{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cp-range-slider .noUi-connects{corner-shape:squircle;border-radius:var(--radius-s);overflow:hidden}.cp-range-slider .noUi-connect{background:var(--color-slider-fill)}.cp-range-slider .noUi-handle:before,.cp-range-slider .noUi-handle:after{display:none}#control-panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:140;pointer-events:none}.cp-shell,.cp-shell *{box-sizing:border-box}.cp-shell{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cp-shell-root{position:absolute;left:var(--gap-l);top:var(--gap-l);bottom:calc(var(--player-height) + 10px);display:flex;align-items:flex-start;gap:var(--gap-l);pointer-events:none}#app.audio-player-collapsed .cp-shell-root{bottom:10px}.cp-menu-rail{width:var(--menu-rail-size);min-width:var(--menu-rail-size);padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:var(--gap-l);pointer-events:auto}.cp-menu-button{position:relative;width:var(--menu-rail-size);min-height:var(--menu-rail-size);border:none;corner-shape:squircle;border-radius:var(--radius-s);color:var(--color-text-muted);background:var(--color-bg);box-shadow:var(--box-shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-s);cursor:pointer;transition:background var(--transition-mid),color var(--transition-fast)}#app.app-awaiting-audio .cp-menu-button[data-menu-id=start],#app.app-awaiting-audio .audio-player__file-label{box-shadow:var(--box-shadow),var(--box-shadow-glow)}.cp-menu-button:hover,.cp-menu-button.is-active,.cp-menu-button.is-pinned{color:var(--color-text);border-right:10px blue!important;filter:brightness(1.4);transition:filter var(--transition-fast)}.cp-menu-button:hover svg [fill]:not([fill=none]),.cp-menu-button.is-active svg [fill]:not([fill=none]),.cp-menu-button.is-pinned svg [fill]:not([fill=none]){fill:var(--color-accent)}.cp-menu-button:hover svg [stroke],.cp-menu-button.is-active svg [stroke],.cp-menu-button.is-pinned svg [stroke]{stroke:var(--color-accent)}.cp-menu-icon{width:var(--menu-icon-size);height:var(--menu-icon-size);display:inline-flex;align-items:center;justify-content:center}.cp-menu-icon svg{width:100%;height:100%;display:block}.cp-menu-label{font-family:var(--font-ui);font-size:var(--menu-label-size);font-weight:600;letter-spacing:.03em}.cp-menu-stack{position:relative;width:0;max-width:calc(100vw - 130px);height:100%;opacity:0;transition:width var(--transition-mid),opacity var(--transition-mid);pointer-events:none}.cp-shell.is-open .cp-menu-stack{width:min(var(--menu-tab-width),calc(100vw - 140px));opacity:1;pointer-events:auto}.cp-menu-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;corner-shape:squircle;border-radius:var(--radius-l);border:1px solid var(--color-border);box-shadow:0 24px 42px #00000075;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);overflow:hidden;pointer-events:none;opacity:0;transition:opacity var(--transition-mid)}.cp-menu-pane.is-active{pointer-events:auto;opacity:1}.cp-menu-pane-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-s);padding:var(--padding-l);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.cp-menu-pane-actions{display:inline-flex;align-items:center;gap:var(--gap-s)}.cp-menu-pane-history{display:inline-flex;align-items:center;gap:2px}.cp-menu-pane-history-btn{background:none;box-shadow:none;padding:4px}.cp-menu-pane-title{margin:0;font-family:var(--font-display);font-size:var(--fs-title);font-weight:700;color:var(--color-text);letter-spacing:.01em}.cp-menu-collapse{background:none;box-shadow:none}.cp-menu-collapse .cp-btn-label{display:none}.cp-menu-pane-body{flex:1;min-height:0;overflow-y:auto;padding:var(--padding-s)}.cp-menu-pane-inner{display:flex;flex-direction:column;gap:var(--gap-m)}.cp-menu-pane.is-active .cp-section,.cp-menu-pane.is-active .cp-rule-card,.cp-menu-pane.is-active .cp-rule-subgroup-title,.cp-menu-pane.is-active .cp-rule-section-title{animation:cpRiseIn .3s cubic-bezier(.2,.75,.2,1) both}@keyframes cpRiseIn{0%{opacity:0}to{opacity:1}}.cp-section,.cp-rule-card{border:var(--border-bright);corner-shape:squircle;border-radius:var(--radius-m);background:none;box-shadow:none;padding:var(--padding-s);display:flex;flex-direction:column;gap:var(--gap-m);position:relative;z-index:0}.cp-rule-card.has-active-parameter-hint{z-index:40}.cp-section-title{margin:0;font-family:var(--font-ui);font-size:var(--fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted)}.cp-section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-m)}.cp-project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-ui);font-size:var(--fs-label);font-weight:700;color:var(--color-text)}.cp-rule-section-title{margin-top:var(--gap-m)}.cp-rule-subgroup-title{margin:0;font-family:var(--font-display);font-size:var(--fs-title);font-weight:700;color:var(--brand-3)}.cp-button-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-m)}.cp-view-mode-actions,.cp-start-project-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-start-export-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--gap-m);margin-top:var(--gap-m)}.cp-template-status{min-height:18px;font-family:var(--font-ui);font-size:var(--fs-label);color:var(--color-text-muted)}.cp-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-m)}.cp-template-card{display:grid;grid-template-rows:92px auto;gap:var(--gap-s);border:var(--border-default);corner-shape:squircle;border-radius:var(--radius-s);background:color-mix(in srgb,var(--color-bg) 80%,transparent);color:var(--color-text);text-align:left;padding:0 0 6px;cursor:pointer;transition:transform var(--transition-mid),filter var(--transition-mid)}.cp-template-card:hover{border-color:var(--color-border-strong);transform:scale(1.015);transition:transform var(--transition-fast),filter var(--transition-fast);filter:brightness(1.25)}.cp-template-thumb{width:100%;height:92px;overflow:hidden;corner-shape:squircle;border-radius:calc(var(--radius-s) - 2px);border:var(--border-default);background:radial-gradient(circle at 14% 14%,rgb(255 255 255 / .16),transparent 45%),linear-gradient(140deg,hsl(var(--template-hue, 160),58%,34%),hsl(calc(var(--template-hue, 160) + 30),52%,24%))}.cp-template-thumb-image{width:100%;height:100%;object-fit:cover;display:block}.cp-template-thumb.is-generated{display:grid;place-items:center;font-family:var(--font-display);font-size:24px;font-weight:700;color:#ffffffe0;letter-spacing:.04em}.cp-template-card-title{font-family:var(--font-ui);font-size:var(--fs-label);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-recovery-toast{margin-top:var(--gap-s);border:var(--border-bright);corner-shape:squircle;border-radius:var(--radius-s);background:color-mix(in srgb,var(--brand-8) 66%,transparent);padding:var(--padding-m);display:flex;flex-direction:column;gap:var(--gap-s)}.cp-recovery-toast.is-hidden{display:none}.cp-recovery-toast__title{font-family:var(--font-ui);font-size:var(--fs-label);font-weight:700;color:var(--color-accent-strong);text-transform:uppercase;letter-spacing:.06em}.cp-recovery-toast__text{font-family:var(--font-ui);font-size:var(--fs-label);color:var(--color-text)}.cp-recovery-toast__actions{display:flex;gap:var(--gap-s)}.cp-setting-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:var(--gap-m);align-items:center}.cp-setting-label-wrap{display:flex;align-items:center}.cp-setting-label{font-family:var(--font-ui);font-size:var(--fs-label);font-weight:500;color:var(--color-text-muted)}.cp-setting-controls,.cp-setting-range-controls{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:var(--gap-m);align-items:center}.cp-setting-range-controls{grid-template-columns:minmax(0,1fr) 48px 56px}.cp-setting-range-controls .cp-input-number{grid-column:span 1}.cp-inline-pair,.cp-inline-triplet{display:grid;gap:var(--gap-m);align-items:center}.cp-inline-pair{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}.cp-inline-triplet{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-input-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:none;background:none;box-shadow:none;display:inline-grid;place-content:center;cursor:pointer;transition:opacity var(--transition-fast)}.cp-input-toggle:before{content:"";width:16px;height:16px;background-color:var(--color-toggle-icon-off);-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.60603%206.08062C2.11366%205.86307%202.70154%206.09822%202.9191%206.60585L1.99995%206.99977C2.9191%206.60585%202.91924%206.60618%202.9191%206.60585L2.91858%206.60465C2.9183%206.604%202.91851%206.60447%202.91858%206.60465L2.9225%206.61351C2.92651%206.62253%202.93339%206.63785%202.94319%206.65905C2.96278%206.70147%202.99397%206.76735%203.03696%206.85334C3.12302%207.02546%203.25594%207.27722%203.43737%207.58203C3.80137%208.19355%204.35439%209.00801%205.10775%209.81932C5.28532%2010.0105%205.47324%2010.2009%205.67173%2010.3878C5.68003%2010.3954%205.68823%2010.4031%205.69633%2010.4109C7.18102%2011.8012%209.25227%2012.9998%2012%2012.9998C13.2089%2012.9998%2014.2783%2012.769%2015.2209%2012.398C16.4469%2011.9154%2017.4745%2011.1889%2018.3156%2010.3995C19.2652%209.50815%2019.9627%208.54981%2020.4232%207.81076C20.6526%207.44268%2020.8207%207.13295%2020.9299%206.91886C20.9844%206.81192%2021.0241%206.72919%2021.0491%206.67538C21.0617%206.64848%2021.0706%206.62884%2021.0758%206.61704L21.0808%206.60585C21.2985%206.0985%2021.8864%205.86312%2022.3939%206.08062C22.9015%206.29818%2023.1367%206.88606%2022.9191%207.39369L22%206.99977C22.9191%207.39369%2022.9192%207.39346%2022.9191%207.39369L22.9169%207.39871L22.9134%207.40693L22.9019%207.43278C22.8924%207.4541%2022.879%207.48354%2022.8618%207.52048C22.8274%207.59434%2022.7774%207.69831%2022.7115%207.8275C22.5799%208.08566%2022.384%208.44584%2022.1206%208.86844C21.718%209.5146%2021.152%2010.316%2020.4096%2011.1241L21.2071%2011.9215C21.5976%2012.312%2021.5976%2012.9452%2021.2071%2013.3357C20.8165%2013.7262%2020.1834%2013.7262%2019.7928%2013.3357L18.9527%2012.4955C18.3884%2012.9513%2017.757%2013.3811%2017.0558%2013.752L17.8381%2014.9544C18.1393%2015.4173%2018.0083%2016.0367%2017.5453%2016.338C17.0824%2016.6392%2016.463%2016.5081%2016.1618%2016.0452L15.1763%2014.5306C14.4973%2014.7388%2013.772%2014.8863%2013%2014.9554V16.4998C13%2017.0521%2012.5522%2017.4998%2012%2017.4998C11.4477%2017.4998%2011%2017.0521%2011%2016.4998V14.9556C10.2253%2014.8864%209.50014%2014.7386%208.82334%2014.531L7.83814%2016.0452C7.53693%2016.5081%206.91748%2016.6392%206.45457%2016.338C5.99165%2016.0367%205.86056%2015.4173%206.16177%2014.9544L6.94417%2013.7519C6.24405%2013.3814%205.61245%2012.9515%205.04746%2012.4953L4.20706%2013.3357C3.81654%2013.7262%203.18337%2013.7262%202.79285%2013.3357C2.40232%2012.9452%202.40232%2012.312%202.79285%2011.9215L3.59029%2011.1241C2.74529%2010.2043%202.12772%209.292%201.71879%208.605C1.5096%208.25356%201.35345%207.95845%201.2481%207.74776C1.19539%207.64234%201.15529%207.55783%201.12752%207.49771C1.11363%207.46765%201.10282%207.44366%201.09505%207.42618L1.08566%207.4049L1.08267%207.39801L1.0816%207.39553L1.08117%207.39453C1.08098%207.39409%201.08081%207.39369%201.99995%206.99977L1.08117%207.39453C0.863613%206.8869%201.0984%206.29818%201.60603%206.08062Z'%20fill='%231C274C'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.60603%206.08062C2.11366%205.86307%202.70154%206.09822%202.9191%206.60585L1.99995%206.99977C2.9191%206.60585%202.91924%206.60618%202.9191%206.60585L2.91858%206.60465C2.9183%206.604%202.91851%206.60447%202.91858%206.60465L2.9225%206.61351C2.92651%206.62253%202.93339%206.63785%202.94319%206.65905C2.96278%206.70147%202.99397%206.76735%203.03696%206.85334C3.12302%207.02546%203.25594%207.27722%203.43737%207.58203C3.80137%208.19355%204.35439%209.00801%205.10775%209.81932C5.28532%2010.0105%205.47324%2010.2009%205.67173%2010.3878C5.68003%2010.3954%205.68823%2010.4031%205.69633%2010.4109C7.18102%2011.8012%209.25227%2012.9998%2012%2012.9998C13.2089%2012.9998%2014.2783%2012.769%2015.2209%2012.398C16.4469%2011.9154%2017.4745%2011.1889%2018.3156%2010.3995C19.2652%209.50815%2019.9627%208.54981%2020.4232%207.81076C20.6526%207.44268%2020.8207%207.13295%2020.9299%206.91886C20.9844%206.81192%2021.0241%206.72919%2021.0491%206.67538C21.0617%206.64848%2021.0706%206.62884%2021.0758%206.61704L21.0808%206.60585C21.2985%206.0985%2021.8864%205.86312%2022.3939%206.08062C22.9015%206.29818%2023.1367%206.88606%2022.9191%207.39369L22%206.99977C22.9191%207.39369%2022.9192%207.39346%2022.9191%207.39369L22.9169%207.39871L22.9134%207.40693L22.9019%207.43278C22.8924%207.4541%2022.879%207.48354%2022.8618%207.52048C22.8274%207.59434%2022.7774%207.69831%2022.7115%207.8275C22.5799%208.08566%2022.384%208.44584%2022.1206%208.86844C21.718%209.5146%2021.152%2010.316%2020.4096%2011.1241L21.2071%2011.9215C21.5976%2012.312%2021.5976%2012.9452%2021.2071%2013.3357C20.8165%2013.7262%2020.1834%2013.7262%2019.7928%2013.3357L18.9527%2012.4955C18.3884%2012.9513%2017.757%2013.3811%2017.0558%2013.752L17.8381%2014.9544C18.1393%2015.4173%2018.0083%2016.0367%2017.5453%2016.338C17.0824%2016.6392%2016.463%2016.5081%2016.1618%2016.0452L15.1763%2014.5306C14.4973%2014.7388%2013.772%2014.8863%2013%2014.9554V16.4998C13%2017.0521%2012.5522%2017.4998%2012%2017.4998C11.4477%2017.4998%2011%2017.0521%2011%2016.4998V14.9556C10.2253%2014.8864%209.50014%2014.7386%208.82334%2014.531L7.83814%2016.0452C7.53693%2016.5081%206.91748%2016.6392%206.45457%2016.338C5.99165%2016.0367%205.86056%2015.4173%206.16177%2014.9544L6.94417%2013.7519C6.24405%2013.3814%205.61245%2012.9515%205.04746%2012.4953L4.20706%2013.3357C3.81654%2013.7262%203.18337%2013.7262%202.79285%2013.3357C2.40232%2012.9452%202.40232%2012.312%202.79285%2011.9215L3.59029%2011.1241C2.74529%2010.2043%202.12772%209.292%201.71879%208.605C1.5096%208.25356%201.35345%207.95845%201.2481%207.74776C1.19539%207.64234%201.15529%207.55783%201.12752%207.49771C1.11363%207.46765%201.10282%207.44366%201.09505%207.42618L1.08566%207.4049L1.08267%207.39801L1.0816%207.39553L1.08117%207.39453C1.08098%207.39409%201.08081%207.39369%201.99995%206.99977L1.08117%207.39453C0.863613%206.8869%201.0984%206.29818%201.60603%206.08062Z'%20fill='%231C274C'/%3e%3c/svg%3e");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.95;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.cp-input-toggle:checked:before{opacity:1;background-color:var(--color-toggle-icon-on);-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M2%2012C2%2013.6394%202.42496%2014.1915%203.27489%2015.2957C4.97196%2017.5004%207.81811%2020%2012%2020C16.1819%2020%2019.028%2017.5004%2020.7251%2015.2957C21.575%2014.1915%2022%2013.6394%2022%2012C22%2010.3606%2021.575%209.80853%2020.7251%208.70433C19.028%206.49956%2016.1819%204%2012%204C7.81811%204%204.97196%206.49956%203.27489%208.70433C2.42496%209.80853%202%2010.3606%202%2012Z'%20fill='%231C274C'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.25%2012C8.25%209.92893%209.92893%208.25%2012%208.25C14.0711%208.25%2015.75%209.92893%2015.75%2012C15.75%2014.0711%2014.0711%2015.75%2012%2015.75C9.92893%2015.75%208.25%2014.0711%208.25%2012ZM9.75%2012C9.75%2010.7574%2010.7574%209.75%2012%209.75C13.2426%209.75%2014.25%2010.7574%2014.25%2012C14.25%2013.2426%2013.2426%2014.25%2012%2014.25C10.7574%2014.25%209.75%2013.2426%209.75%2012Z'%20fill='%231C274C'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20d='M2%2012C2%2013.6394%202.42496%2014.1915%203.27489%2015.2957C4.97196%2017.5004%207.81811%2020%2012%2020C16.1819%2020%2019.028%2017.5004%2020.7251%2015.2957C21.575%2014.1915%2022%2013.6394%2022%2012C22%2010.3606%2021.575%209.80853%2020.7251%208.70433C19.028%206.49956%2016.1819%204%2012%204C7.81811%204%204.97196%206.49956%203.27489%208.70433C2.42496%209.80853%202%2010.3606%202%2012Z'%20fill='%231C274C'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.25%2012C8.25%209.92893%209.92893%208.25%2012%208.25C14.0711%208.25%2015.75%209.92893%2015.75%2012C15.75%2014.0711%2014.0711%2015.75%2012%2015.75C9.92893%2015.75%208.25%2014.0711%208.25%2012ZM9.75%2012C9.75%2010.7574%2010.7574%209.75%2012%209.75C13.2426%209.75%2014.25%2010.7574%2014.25%2012C14.25%2013.2426%2013.2426%2014.25%2012%2014.25C10.7574%2014.25%209.75%2013.2426%209.75%2012Z'%20fill='%231C274C'/%3e%3c/svg%3e")}.cp-toggle-row{display:inline-flex;align-items:center;gap:var(--gap-m)}.cp-setting-row.is-disabled,.cp-toggle-row.is-disabled{opacity:.45;pointer-events:none}.cp-rule-token-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-m)}.cp-rule-token-select{width:100%}.cp-rule-token-editor{min-height:38px;border:var(--border-default);corner-shape:squircle;border-radius:var(--radius-s);background:var(--color-bg);padding:8px;display:block;position:relative}.cp-rule-expression-input{font-family:var(--font-code);line-height:1.4;white-space:pre-wrap;word-break:break-word;cursor:text}.cp-rule-expression-number{color:var(--color-number)}.cp-rule-expression-math{color:var(--color-math)}.cp-rule-expression-bracket{color:var(--color-bracket)}.cp-rule-expression-input:focus{outline:none;border-color:var(--color-border-strong)}.cp-rule-expression-input:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);font-family:var(--font-ui);pointer-events:none}.cp-rule-inline-pill{display:inline-flex;align-items:center;padding:2px 8px;margin:0 2px;border-radius:var(--radius-s);corner-shape:squircle;background:var(--brand-3);color:var(--brand-9);font-weight:700;font-family:var(--font-body);font-size:var(--fs-label);-webkit-user-select:text;user-select:text;cursor:grab}.cp-rule-autocomplete-hint{margin-top:var(--gap-s);font-family:var(--font-code);font-size:var(--fs-label);color:var(--color-text-muted);letter-spacing:.01em}.cp-rule-parameter-hint{position:absolute;z-index:25;display:none;align-items:center;gap:0;padding:var(--padding-s);border:var(--border-default);font-weight:700;border-radius:8px;background:var(--color-bg-solid);box-shadow:var(--shadow-m);font-family:var(--font-code);font-size:var(--fs-input);color:var(--color-text);pointer-events:none}.cp-rule-parameter-hint.is-active{display:inline-flex}.cp-rule-parameter-hint-name{color:var(--color-text)}.cp-rule-parameter-hint-chip{padding:2px;border-radius:var(--radius-s);corner-shape:squircle;background:none;color:var(--color-text)}.cp-rule-parameter-hint-chip.is-active{background:var(--brand-3);color:var(--color-bg-solid);font-weight:700}.cp-rule-inline-pill.is-dragging{opacity:.55;cursor:grabbing}.cp-rule-pill-context-menu{position:fixed;z-index:2000;min-width:132px;padding:4px;border:var(--border-default);corner-shape:squircle;border-radius:var(--radius-s);background:var(--color-surface);box-shadow:var(--shadow-l);display:none}.cp-rule-pill-context-menu.is-open{display:grid;gap:2px}.cp-rule-pill-context-item{border:none;border-radius:var(--radius-s);corner-shape:squircle;padding:7px 9px;background:transparent;color:var(--color-text);font-family:var(--font-ui);font-size:var(--fs-label);text-align:left;cursor:pointer}.cp-rule-pill-context-item:hover,.cp-rule-pill-context-item:focus-visible{outline:none;background:color-mix(in srgb,var(--brand-2) 16%,transparent)}.cp-rule-drop-marker{display:inline-block;width:2px;height:18px;margin:0 2px;background:var(--color-accent-strong);border-radius:var(--radius-s);corner-shape:squircle;vertical-align:middle}.cp-rule-inline-slot{display:inline-flex;align-items:center;padding:1px 6px;margin:0 2px;corner-shape:squircle;border-radius:var(--radius-s);border:1px dashed var(--color-border-strong);background:color-mix(in srgb,var(--color-bg) 55%,transparent);color:var(--color-text-dim);font-family:var(--font-ui);font-size:var(--fs-label);font-style:italic;-webkit-user-select:none;user-select:none;cursor:text}.cp-rule-card-collapse .cp-btn-icon{font-size:var(--fs-label);line-height:1}.cp-rule-card-condition-builder{display:flex;flex-direction:column;gap:var(--gap-m)}.cp-rule-condition-add{width:fit-content}.cp-rule-condition-sentence{display:grid;grid-template-columns:auto minmax(0,1fr) 48px 64px 32px;gap:var(--gap-m);align-items:center}.cp-rule-condition-when{font-family:var(--font-ui);font-size:var(--fs-label);font-weight:700;color:var(--color-warning)}.cp-rule-condition-remove{border:none;background:none;box-shadow:none}.cp-rules-wrapper,.cp-rule-section{display:flex;flex-direction:column;gap:var(--gap-m)}.cp-rule-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-m)}.cp-rule-section-toggle{width:100%;margin-top:8px;border:none;background:none;box-shadow:none;color:var(--brand-3);text-align:left;font-family:var(--font-display);font-size:var(--fs-body);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gap-s);padding:2px 0}.cp-rule-section-toggle .cp-btn-icon{width:14px;height:14px;font-size:var(--fs-label);color:var(--color-text-muted)}.cp-rule-section-toggle-label{line-height:1}.cp-rule-section-body{display:flex;flex-direction:column;gap:var(--gap-m)}.cp-rule-section.is-section-disabled .cp-rule-section-body{opacity:.45;pointer-events:none}.cp-rule-section.is-collapsed .cp-rule-section-body{display:none}.cp-rule-card-header{display:flex;align-items:center;gap:var(--gap-m)}.cp-rule-card-tools{display:inline-flex;align-items:center;gap:var(--gap-s);margin-left:auto}.cp-rule-card-header .cp-btn{padding:var(--padding-s)0 2px;background:none;box-shadow:none;opacity:.8}.cp-rule-card-title{font-family:var(--font-display);font-size:var(--fs-body);font-weight:400;color:var(--color-text)}.cp-rule-card-expression{display:flex;flex-direction:column;gap:var(--gap-m);position:relative}.cp-rule-card.is-danger{background:color-mix(in srgb,var(--color-danger) 12%,transparent);border-color:color-mix(in srgb,var(--color-danger) 52%,var(--color-border))}.cp-rule-card.is-collapsed .cp-rule-card-condition-builder,.cp-rule-card.is-collapsed .cp-rule-card-expression,.cp-rule-card.is-disabled .cp-rule-card-condition-builder,.cp-rule-card.is-disabled .cp-rule-card-expression{display:none}@media (max-width: 1180px){.cp-shell-root{left:10px;top:10px;bottom:calc(var(--player-height) + 10px)}.cp-shell.is-open .cp-menu-stack{width:min(var(--menu-tab-width),calc(100vw - 120px))}.cp-rule-condition-sentence{grid-template-columns:auto minmax(0,1fr) 48px 64px 32px}.cp-rule-token-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){#control-panel{pointer-events:none}.cp-shell-root{left:8px;right:8px;top:auto;bottom:calc(100px + env(safe-area-inset-bottom));height:auto;display:flex;flex-direction:column-reverse;gap:var(--gap-s)}#app.audio-player-collapsed .cp-shell-root{bottom:0}.cp-menu-rail{width:100%;min-width:0;height:var(--menu-rail-size);corner-shape:squircle;border-radius:var(--radius-s);padding:var(--padding-s)0;display:flex;flex-direction:row;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-content:space-evenly;gap:0}.cp-menu-button{height:50px;width:72px;min-height:var(--menu-rail-size);corner-shape:squircle;border-radius:var(--radius-s);transform:none}.cp-menu-button:hover{transform:none}.cp-menu-stack{width:100%;max-width:none;height:min(62vh,560px);opacity:0;transition:opacity var(--transition-mid)}.cp-menu-stack:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:44px;height:4px;corner-shape:squircle;border-radius:var(--radius-s);background:var(--color-bg);z-index:3}.cp-shell.is-open .cp-menu-stack{width:100%;opacity:1;pointer-events:auto}.cp-menu-pane{corner-shape:squircle;border-radius:var(--radius-s)}.cp-menu-pane-body{padding-top:16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.cp-inline-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cp-inline-pair .cp-setting-label{grid-column:span 1}.cp-setting-row{grid-template-columns:1fr}.cp-button-grid{grid-template-columns:1fr 1fr 1fr}.cp-start-project-actions{grid-template-columns:1fr 1fr}.cp-start-export-row{grid-template-columns:1fr}.cp-template-grid{grid-template-columns:1fr 1fr}.cp-preset-row{grid-template-columns:2fr 1fr 1fr .5fr}}.audio-player{position:fixed;left:18px;right:18px;bottom:18px;min-height:var(--player-height);border:1px solid var(--color-border);corner-shape:squircle;border-radius:var(--radius-s);background:var(--color-bg);box-shadow:0 14px 32px #0000007a;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);z-index:160;display:flex;align-items:center;gap:var(--gap-m);padding:var(--padding-s);transition:left var(--transition-mid),right var(--transition-mid),bottom var(--transition-mid),width var(--transition-mid),transform var(--transition-mid);overflow:visible}.audio-player--collapsed{left:10px;right:auto;width:30px;min-height:30px;corner-shape:squircle;border-radius:var(--radius-s);justify-content:center;padding:0}.audio-player--collapsed .audio-player__body{display:none}.audio-player__collapse-btn{width:22px;height:22px;padding:0;border:none;corner-shape:squircle;border-radius:var(--radius-s);background:none;box-shadow:none;color:var(--color-text);font-family:var(--font-body);font-size:24px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.audio-player__collapse-btn--icon{font-size:0}.audio-player__collapse-btn--icon .audio-player__icon{width:16px;height:16px}.audio-player__collapse-btn:hover{transform:scale(1.2)}.audio-player__body{display:flex;align-items:center;gap:var(--gap-m);flex:1;min-width:0}.audio-player__file-row{display:flex;align-items:center;gap:var(--gap-s);flex-shrink:0}.audio-player__file-label{min-height:30px;padding:0 10px;border:none;corner-shape:squircle;border-radius:var(--radius-s);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-body);font-family:var(--font-ui);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-s);transition:border-color var(--transition-fast),background var(--transition-fast)}.audio-player__file-label .audio-player__icon{width:16px;height:16px}.audio-player__file-label-text{font-family:var(--font-ui);font-size:var(--fs-label);font-weight:600;white-space:nowrap}.audio-player--has-audio .audio-player__file-label-text{display:none}.audio-player__file-label:hover{border-color:var(--color-border-strong);background:var(--color-bg-2)}.audio-player__transport{display:none;align-items:center;gap:var(--gap-m);flex-shrink:0}.audio-player--has-audio .audio-player__transport{display:flex}#btn-back,#btn-fwd{letter-spacing:-2px}.audio-player__btn{background:none;box-shadow:none;padding:0;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.audio-player__btn:disabled{opacity:.4;cursor:not-allowed}.audio-player__icon{width:20px;height:20px}.audio-player__icon svg{width:100%;height:100%;display:block}.audio-player__icon svg [fill]:not([fill=none]){fill:currentColor}.audio-player__icon svg [stroke]{stroke:currentColor}.audio-player__btn--active{border-color:var(--color-border-strong);background:var(--color-bg);color:var(--color-text)}.audio-player__speed-wrap{position:relative;display:inline-flex;align-items:center}.audio-player__speed-popover{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);width:176px;padding:var(--padding-s);corner-shape:squircle;border-radius:var(--radius-s);border:var(--border-default);background:var(--color-bg-solid);box-shadow:0 10px 24px #00000073;display:flex;flex-direction:column;gap:var(--gap-s);z-index:5}.audio-player__speed-popover[hidden]{display:none}.audio-player__speed-value{text-align:center;font-family:var(--font-ui);font-size:var(--fs-label);color:var(--color-text-muted)}.audio-player__speed-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap-s)}.audio-player__speed-preset{min-height:22px;padding:2px 0;font-size:var(--fs-label)}.audio-player__speed-preset.is-active{border-color:var(--color-border-strong);background:var(--color-bg-2);color:var(--color-text)}.audio-player__progress-row{display:flex;flex-direction:column;gap:var(--gap-s);flex:1;min-width:0}.audio-player__progress-meta{display:flex;align-items:center;gap:var(--gap-m);min-width:0}.audio-player__file-name{font-family:var(--font-ui);font-size:var(--fs-label);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.audio-player__timestamp{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-text-muted);white-space:nowrap}@media (max-width: 1200px){.audio-player{left:12px;right:12px;bottom:12px}}@media (max-width: 900px){.audio-player{left:4px;right:4px;bottom:calc(4px + env(safe-area-inset-bottom));min-height:88px;padding:var(--padding-s);align-items:stretch}.audio-player__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--gap-s)}.audio-player__file-row{grid-column:1;grid-row:1}.audio-player__transport{grid-column:2;grid-row:1;justify-content:flex-end;gap:2px}.audio-player__progress-row{grid-column:1 / span 2;grid-row:2}.audio-player__btn{min-width:26px;height:26px;font-size:var(--fs-label)}.audio-player__speed-wrap{order:99}.audio-player--collapsed{left:4px;bottom:calc(var(--menu-rail-size) + 8px + env(safe-area-inset-bottom));width:28px;min-height:28px;padding:0}}.canvas-nav-actions{position:fixed;top:12px;right:12px;z-index:130;display:flex;flex-direction:column;gap:var(--gap-s);pointer-events:auto}.canvas-nav-actions__btn{background:none;box-shadow:none;color:var(--color-text-muted)}.canvas-nav-actions__label{display:none}.canvas-nav-actions__btn:disabled{opacity:0;pointer-events:none}.canvas-nav-actions__btn--conditional{opacity:0;pointer-events:none}.canvas-nav-actions__btn--conditional.is-visible{opacity:1;pointer-events:auto}#canvas-col{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0}.canvas-wrapper{position:relative;width:95%;height:95%;flex-shrink:0}.canvas-wrapper #three-canvas,.canvas-wrapper #overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#three-canvas{image-rendering:auto}.canvas-wrapper__resize-handle-right{position:absolute;top:0;right:0;width:8px;height:100%;cursor:ew-resize;z-index:20;background:none;box-shadow:none;transition:background var(--transition-fast)}.canvas-wrapper__resize-handle-bottom{position:absolute;left:0;bottom:0;width:100%;height:8px;cursor:ns-resize;z-index:20;background:none;box-shadow:none;transition:background var(--transition-fast)}.canvas-wrapper__resize-handle-corner{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;z-index:21;background:none;box-shadow:none;transition:background var(--transition-fast),border-radius var(--transition-fast)}.canvas-wrapper__resize-handle-right:hover,.canvas-wrapper__resize-handle-right.dragging{background:linear-gradient(to left,var(--canvas-handle-highlight),transparent)}.canvas-wrapper__resize-handle-bottom:hover,.canvas-wrapper__resize-handle-bottom.dragging{background:linear-gradient(to top,var(--canvas-handle-highlight),transparent)}.canvas-wrapper__resize-handle-corner:hover,.canvas-wrapper__resize-handle-corner.dragging{box-shadow:-1px -1px 1px var(--color-accent) inset}.canvas-wrapper__resize-handle-corner:before{content:"";position:absolute;right:3px;bottom:3px;width:9px;height:9px;border-right:2px solid var(--canvas-handle-corner-stroke);border-bottom:2px solid var(--canvas-handle-corner-stroke);corner-shape:squircle;border-radius:var(--radius-s)}#spectrum-panel{position:absolute;left:0;top:0;bottom:0;width:var(--spectrum-panel-width);background:var(--color-spectrum-bg);border-right:1px solid var(--color-spectrum-border);z-index:6;display:flex;flex-direction:column;transition:width var(--transition-mid);pointer-events:auto;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}#spectrum-panel.collapsed{width:var(--spectrum-panel-width-collapsed)}#spectrum-panel.collapsed #spectrum-canvas{visibility:hidden}#spectrum-toggle{height:18px;border:var(--border-default);background:var(--color-bg);color:var(--color-text-muted);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}#spectrum-toggle:hover{color:var(--color-text)}#spectrum-canvas{flex:1;width:100%;display:block}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translateY(-18px);top:auto;right:28px}