:root{--theme-intensity: 1;--bg-app: #0a0a0a;--bg-surface: rgba(255, 255, 255, calc(.03 * var(--theme-intensity)));--bg-surface-hover: rgba(255, 255, 255, calc(.05 * var(--theme-intensity)));--bg-surface-active: rgba(255, 255, 255, calc(.08 * var(--theme-intensity)));--bg-elevated: rgba(255, 255, 255, calc(.06 * var(--theme-intensity)));--bg-input: rgba(255, 255, 255, calc(.04 * var(--theme-intensity)));--border-subtle: rgba(255, 255, 255, calc(.06 * var(--theme-intensity)));--border-muted: rgba(255, 255, 255, calc(.04 * var(--theme-intensity)));--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-faint: #52525b;--text-inverse: #18181b;--sidebar-bg: #0a0a0a;--player-bg: #020202;--spectrum-bg: #020202;--studio-module-bg: #030303;--studio-tooling-bg: #020202;--studio-meter-trough: #010101;--spa-panel-bg: hsl(0 0% calc(4% + (var(--theme-intensity) - 1) * 6%));--spa-panel-inner: hsl(0 0% calc(2.5% + (var(--theme-intensity) - 1) * 5%));--spa-panel-input: hsl(0 0% calc(2% + (var(--theme-intensity) - 1) * 4.5%));--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, calc(.14 * var(--theme-intensity)));--scrollbar-thumb-hover: rgba(255, 255, 255, calc(.26 * var(--theme-intensity)));--accent-dark-green: #2e3c34;--accent-sage: #8abf8b;--accent-burnt: #c85a35;--accent-sand: #cbbba0;--accent-dark-green-light: #4a5a4e;--accent-sage-light: #a8d4a9;--accent-burnt-light: #e67a55;--accent-sand-light: #e5d5ba}.dark{--bg-app: #0a0a0a;--bg-surface: rgba(255, 255, 255, calc(.03 * var(--theme-intensity)));--bg-surface-hover: rgba(255, 255, 255, calc(.05 * var(--theme-intensity)));--bg-surface-active: rgba(255, 255, 255, calc(.08 * var(--theme-intensity)));--bg-elevated: rgba(255, 255, 255, calc(.06 * var(--theme-intensity)));--bg-input: rgba(255, 255, 255, calc(.04 * var(--theme-intensity)));--border-subtle: rgba(255, 255, 255, calc(.06 * var(--theme-intensity)));--border-muted: rgba(255, 255, 255, calc(.04 * var(--theme-intensity)));--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-faint: #52525b;--text-inverse: #18181b;--sidebar-bg: #0a0a0a;--player-bg: #020202;--spectrum-bg: #020202;--studio-module-bg: #030303;--studio-tooling-bg: #020202;--studio-meter-trough: #010101;--spa-panel-bg: hsl(0 0% calc(4% + (var(--theme-intensity) - 1) * 6%));--spa-panel-inner: hsl(0 0% calc(2.5% + (var(--theme-intensity) - 1) * 5%));--spa-panel-input: hsl(0 0% calc(2% + (var(--theme-intensity) - 1) * 4.5%));--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, calc(.14 * var(--theme-intensity)));--scrollbar-thumb-hover: rgba(255, 255, 255, calc(.26 * var(--theme-intensity)));--accent-dark-green: #2e3c34;--accent-sage: #8abf8b;--accent-burnt: #c85a35;--accent-sand: #cbbba0;--accent-dark-green-light: #4a5a4e;--accent-sage-light: #a8d4a9;--accent-burnt-light: #e67a55;--accent-sand-light: #e5d5ba}html.light,html.light body,body.theme-light{color-scheme:light}html.dark,html.dark body,body.theme-dark{color-scheme:dark}.light,body.theme-light{--bg-app: #f8f8f8;--bg-surface: rgba(0, 0, 0, calc(.02 * var(--theme-intensity)));--bg-surface-hover: rgba(0, 0, 0, calc(.04 * var(--theme-intensity)));--bg-surface-active: rgba(0, 0, 0, calc(.06 * var(--theme-intensity)));--bg-elevated: rgba(0, 0, 0, calc(.04 * var(--theme-intensity)));--bg-input: rgba(0, 0, 0, calc(.03 * var(--theme-intensity)));--border-subtle: rgba(0, 0, 0, calc(.08 * var(--theme-intensity)));--border-muted: rgba(0, 0, 0, calc(.05 * var(--theme-intensity)));--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--text-faint: #a1a1aa;--text-inverse: #f4f4f5;--sidebar-bg: #f8f8f8;--player-bg: #f8f8f8;--spectrum-bg: #f0f0f0;--studio-module-bg: rgba(0, 0, 0, .045);--studio-tooling-bg: rgba(0, 0, 0, .03);--studio-meter-trough: rgba(0, 0, 0, .1);--spa-panel-bg: hsl(0 0% calc(90% - (var(--theme-intensity) - 1) * 10%));--spa-panel-inner: hsl(0 0% calc(88% - (var(--theme-intensity) - 1) * 10%));--spa-panel-input: hsl(0 0% calc(84% - (var(--theme-intensity) - 1) * 10%));--scrollbar-track: transparent;--scrollbar-thumb: rgba(0, 0, 0, calc(.2 * var(--theme-intensity)));--scrollbar-thumb-hover: rgba(0, 0, 0, calc(.34 * var(--theme-intensity)));--accent-dark-green: #2e3c34;--accent-sage: #8abf8b;--accent-burnt: #c85a35;--accent-sand: #cbbba0;--accent-dark-green-light: #4a5a4e;--accent-sage-light: #a8d4a9;--accent-burnt-light: #e67a55;--accent-sand-light: #e5d5ba}.bg-app{background-color:var(--bg-app)}.bg-player{background-color:var(--player-bg)}.bg-surface{background-color:var(--bg-surface)}.bg-surface-hover:hover{background-color:var(--bg-surface-hover)}.bg-surface-active{background-color:var(--bg-surface-active)}.bg-elevated{background-color:var(--bg-elevated)}.bg-input{background-color:var(--bg-input)}.border-subtle{border-color:var(--border-subtle)}.border-muted{border-color:var(--border-muted)}.text-t-primary{color:var(--text-primary)}.text-t-secondary{color:var(--text-secondary)}.text-t-muted{color:var(--text-muted)}.text-t-faint{color:var(--text-faint)}.bg-studio-meter-trough{background-color:var(--studio-meter-trough)}body,body *{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:0ms}body.theme-transitioning,body.theme-transitioning *{transition-duration:.2s;transition-timing-function:ease}.spa-accent-outline-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:2px solid color-mix(in srgb,var(--spa-theme-accent, #8abf8b) 52%,transparent);background:transparent;color:var(--spa-theme-accent, #8abf8b);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.25;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.spa-accent-outline-btn:hover:not(:disabled){background-color:#0000000a}html.dark .spa-accent-outline-btn:hover:not(:disabled){background-color:#ffffff0f}.spa-accent-outline-btn:focus{outline:none}.spa-accent-outline-btn:focus-visible{box-shadow:0 0 0 2px var(--spa-panel-bg, #0a0a0a),0 0 0 4px color-mix(in srgb,var(--spa-theme-accent, #8abf8b) 55%,transparent)}.spa-accent-outline-btn:disabled{opacity:.5;cursor:not-allowed}.spa-accent-outline-btn--sm{padding:.5rem 1rem;font-size:.8125rem}.spa-accent-outline-btn--block{width:100%}.skill-shape-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto;position:relative}.skill-shape-container.small{width:70px;height:70px;min-width:70px;min-height:70px}.skill-shape-container.cursor-pointer{transition:all .3s ease;border-radius:8px;padding:8px}.skill-shape-container.cursor-pointer:hover{background:#cbbba00d}.skill-shape-container.cursor-pointer:active{transform:scale(.95)!important}.skill-shape-container.skill-selected{background:#cbbba026;box-shadow:0 0 20px #cbbba04d}.skill-shape-container.skill-unselected{filter:grayscale(100%) brightness(.7)}.skill-shape-container.skill-unselected:hover{filter:grayscale(50%) brightness(.9);background:#cbbba014}.skill-shape-line{width:4px;height:35px;background:linear-gradient(180deg,var(--accent-burnt),var(--accent-burnt-light));border-radius:2px;box-shadow:1px 1px 4px #0006,-1px -1px 2px #cbbba01a,inset 1px 1px 2px #cbbba00d;position:relative}.skill-shape-line:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(180deg,transparent,rgba(203,187,160,.1));border-radius:4px;z-index:-1}.skill-shape-triangle{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:38px solid var(--accent-dark-green);position:relative;filter:drop-shadow(1px 1px 4px rgba(0,0,0,.4)) drop-shadow(-1px -1px 2px rgba(203,187,160,.1))}.skill-shape-triangle:before{content:"";position:absolute;top:2px;left:-20px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid var(--accent-dark-green-light)}.skill-shape-hexagon{width:48px;height:44px;background:var(--accent-sage);position:relative;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);box-shadow:2px 2px 8px #0006,-2px -2px 4px #cbbba026}.skill-shape-hexagon:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--accent-sage-light);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.skill-shape-nonagon{width:52px;height:52px;background:var(--accent-sand);position:relative;clip-path:polygon(50% 0%,83% 12%,100% 43%,94% 78%,68% 100%,32% 100%,6% 78%,0% 43%,17% 12%);box-shadow:3px 3px 10px #0006,-2px -2px 5px #cbbba026}.skill-shape-nonagon:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--accent-sand-light);clip-path:polygon(50% 0%,83% 12%,100% 43%,94% 78%,68% 100%,32% 100%,6% 78%,0% 43%,17% 12%)}.skill-shape-circle{width:55px;height:55px;background:linear-gradient(135deg,var(--accent-sage),var(--accent-sage-light));border-radius:50%;position:relative;box-shadow:4px 4px 12px #0006,-3px -3px 8px #cbbba033,inset 2px 2px 4px #8abf8b33}.skill-shape-circle:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1));border-radius:50%}.skill-level-1{color:var(--accent-burnt)}.skill-level-2{color:var(--accent-dark-green)}.skill-level-3{color:var(--accent-sage)}.skill-level-4{color:var(--accent-sand)}.skill-level-5{color:var(--accent-sage-light)}.expand-enter-active[data-v-02c6b06e],.expand-leave-active[data-v-02c6b06e]{transition:all .15s ease;overflow:hidden}.expand-enter-from[data-v-02c6b06e],.expand-leave-to[data-v-02c6b06e]{opacity:0;max-height:0}.expand-enter-to[data-v-02c6b06e],.expand-leave-from[data-v-02c6b06e]{opacity:1;max-height:720px}.studio-module-label--glow[data-v-f19f33b7]{animation:studio-module-label-pulse-f19f33b7 2.2s ease-in-out infinite}@keyframes studio-module-label-pulse-f19f33b7{0%,to{text-shadow:0 0 4px color-mix(in srgb,currentColor 55%,transparent),0 0 14px color-mix(in srgb,currentColor 28%,transparent)}50%{text-shadow:0 0 10px color-mix(in srgb,currentColor 85%,transparent),0 0 22px color-mix(in srgb,currentColor 50%,transparent),0 0 32px color-mix(in srgb,currentColor 24%,transparent)}}.meter-readout-ghost-fade[data-v-f19f33b7]{animation:meter-readout-ghost-fade-f19f33b7 2.05s cubic-bezier(.2,.85,.25,1) forwards}@keyframes meter-readout-ghost-fade-f19f33b7{0%{opacity:.92;transform:translateY(0) scale(1)}12%{opacity:.88;transform:translateY(calc(var(--meter-ghost-fall, 6rem) * .02)) scale(.995)}32%{opacity:.72;transform:translateY(calc(var(--meter-ghost-fall, 6rem) * .22)) scale(.988)}55%{opacity:.48;transform:translateY(calc(var(--meter-ghost-fall, 6rem) * .48)) scale(.98)}78%{opacity:.18;transform:translateY(calc(var(--meter-ghost-fall, 6rem) * .82)) scale(.96)}to{opacity:0;transform:translateY(var(--meter-ghost-fall, 6rem)) scale(.94)}}.slide-up-enter-active[data-v-eb8c880a],.slide-up-leave-active[data-v-eb8c880a]{transition:all .2s ease}.slide-up-enter-from[data-v-eb8c880a],.slide-up-leave-to[data-v-eb8c880a]{opacity:0;transform:translateY(12px)}.player-volume-range[data-v-eb8c880a]{box-sizing:content-box;padding-inline:8px}.player-volume-range--vertical[data-v-eb8c880a]{transform:rotate(-90deg);transform-origin:center center;height:1.25rem;box-sizing:content-box;padding-inline:8px}.player-volume-range--vertical-collapsed[data-v-eb8c880a]{width:4.25rem;min-width:4.25rem}.fade-enter-active,.fade-leave-active{transition:opacity .12s ease}.fade-enter-from,.fade-leave-to{opacity:0}.upload-progress-creating[data-v-bffebb17]{border-color:color-mix(in srgb,var(--upload-accent) 28%,transparent);background:color-mix(in srgb,var(--upload-accent) 8%,transparent)}.upload-progress-spinner[data-v-bffebb17]{border-color:color-mix(in srgb,var(--upload-accent) 35%,transparent);border-top-color:var(--upload-accent)}.upload-progress-accent-text[data-v-bffebb17]{color:var(--upload-accent)}