.app-page{--app-page-max-width: 1180px;--app-page-gap: 18px;display:grid;align-content:start;gap:var(--app-page-gap);width:min(var(--app-page-max-width),100%);min-height:calc(100vh - 64px);margin-inline:auto;padding:var(--page-padding);background:transparent}.app-page--fluid{--app-page-max-width: 100%}.app-page--narrow{--app-page-max-width: 960px}.app-page--flush{padding:0}.app-page--studio{--app-page-gap: 10px;min-height:calc(100vh - 58px);padding:var(--studio-page-padding) var(--studio-page-padding) 76px}.app-page__header{display:flex;align-items:end;justify-content:space-between;gap:16px;min-width:0}.app-page__header--stacked{display:grid;justify-content:start;gap:6px;max-width:860px}.app-page__title{margin:0;color:var(--ink);font-size:28px;line-height:1.12}.app-page__lead{margin:0;color:var(--muted);line-height:1.4}.app-card{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-gradient),var(--surface);box-shadow:var(--shadow)}.app-card--compact{gap:8px;padding:10px}.app-card--flat{box-shadow:none}.app-card__toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}@media(max-width:680px){.app-page__header:not(.app-page__header--stacked),.app-card__toolbar{align-items:stretch;flex-direction:column}.app-page__title{font-size:24px}}@font-face{font-family:Material Icons;font-style:normal;font-display:swap;font-weight:400;src:url("./media/material-icons-latin-400-normal-LEZCGFVT.woff2") format("woff2"),url("./media/material-icons-latin-400-normal-OKHIZNFO.woff") format("woff")}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{color-scheme:dark;--bg: #12161b;--surface: #1c2228;--surface-strong: #252c33;--surface-raised: #303841;--ink: #edf5ef;--muted: #9baaa5;--line: #3b454f;--line-strong: #55616c;--accent: #8bd450;--accent-strong: #c7ff5f;--primary-button-ink: #111810;--blue: #33a7ff;--coral: #ff8a3d;--green: #77da5b;--pink: #ff5fae;--purple: #ba7dff;--warning: #ffc247;--danger: #ff5f5f;--shadow: 0 22px 70px rgba(0, 0, 0, .34);--header-bg: rgba(18, 22, 27, .9);--panel-gradient: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(0, 0, 0, .08));--drop-bg: rgba(139, 212, 80, .08);--accent-glow: rgba(139, 212, 80, .32);--waveform-bg: #161b20;--waveform-line: #8bd450;--waveform-muted: #93a19c;--lane-header: #20272e;--sequencer-cell: #141a1f;--channel-kick: #ff8a3d;--channel-snare: #ff5f5f;--channel-hat: #ffc247;--channel-bass: #8bd450;--channel-synth: #33a7ff;--channel-piano: #ba7dff;--channel-fx: #ff5fae;--piano-frame: #080a0b;--piano-editor-bg: #171a1d;--piano-toolbar-bg: linear-gradient(180deg, #3c4247, #292e32);--piano-toolbar-ink: #edf1f2;--piano-muted: #b9c0c4;--piano-ruler-bg: #24292d;--piano-ruler-ink: #aeb5b9;--piano-grid-line: #383d40;--piano-beat-line: #747b7f;--piano-control-bg: #22272a;--piano-row-bg: #202427;--piano-row-accidental-bg: #191d20;--piano-key-border: #92989a;--piano-white-key-bg: linear-gradient(90deg, #c9cccd, #f7f7f5);--piano-white-key-ink: #282b2c;--piano-black-key-bg: linear-gradient(90deg, #0d0f10, #3e4447);--piano-black-key-ink: #d7dcde;--piano-black-key-shadow: #050606;--piano-cell-line: #34393c;--piano-row-line: #101214;--control-height: 34px;--button-height: 36px;--control-radius: 6px;--page-padding: clamp(8px, 1.5vw, 20px);--studio-page-padding: clamp(6px, .65vw, 8px);--motion-duration: .26s;--motion-distance: 10px;--stagger-step: 48ms;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f7f8fb;--surface: #ffffff;--surface-strong: #f0f4f7;--surface-raised: #e7eef4;--ink: #18202a;--muted: #607080;--line: #d9e1e8;--line-strong: #c2ced8;--accent: #0f8b8d;--accent-strong: #096b6d;--primary-button-ink: #ffffff;--blue: #3267d6;--coral: #d95f43;--green: #2f8f5b;--pink: #b53676;--purple: #7a55c8;--warning: #a66a00;--danger: #b3261e;--shadow: 0 18px 45px rgba(32, 45, 61, .1);--header-bg: rgba(255, 255, 255, .94);--panel-gradient: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(240, 244, 247, .3));--drop-bg: #e9f6f5;--accent-glow: rgba(15, 139, 141, .35);--waveform-bg: #eef3f6;--waveform-line: #0f8b8d;--waveform-muted: #607080;--lane-header: #f8fafc;--sequencer-cell: #ffffff;--channel-kick: #d95f43;--channel-snare: #b3261e;--channel-hat: #a66a00;--channel-bass: #2f8f5b;--channel-synth: #3267d6;--channel-piano: #7a55c8;--channel-fx: #b53676;--piano-frame: #bac4ca;--piano-editor-bg: #f5f7f8;--piano-toolbar-bg: linear-gradient(180deg, #ffffff, #e8edf0);--piano-toolbar-ink: #18202a;--piano-muted: #5d6a72;--piano-ruler-bg: #e7ecef;--piano-ruler-ink: #4f5d66;--piano-grid-line: #d8e0e4;--piano-beat-line: #87949c;--piano-control-bg: #edf1f3;--piano-row-bg: #f8fafb;--piano-row-accidental-bg: #e8edf0;--piano-key-border: #aeb7bc;--piano-white-key-bg: linear-gradient(90deg, #e9edef, #ffffff);--piano-white-key-ink: #202629;--piano-black-key-bg: linear-gradient(90deg, #202529, #4a5358);--piano-black-key-ink: #ffffff;--piano-black-key-shadow: rgba(32, 42, 48, .42);--piano-cell-line: #d8e0e4;--piano-row-line: #dfe5e8}html,body{width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{border:0;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}button:hover:not(:disabled){transform:translateY(-1px)}input,select{background:var(--surface);color:var(--ink)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.material-icons{display:inline-block;direction:ltr;font-family:Material Icons,sans-serif;font-size:24px;font-style:normal;font-weight:400;font-feature-settings:"liga";letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.jenius-confirm-dialog .mat-mdc-dialog-surface,.jenius-feedback-dialog .mat-mdc-dialog-surface,.jenius-sound-picker-dialog .mat-mdc-dialog-surface{border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-gradient),var(--surface);color:var(--ink);box-shadow:var(--shadow)}.jenius-editor-context-menu.mat-mdc-menu-panel{--mat-menu-container-color: var(--surface);--mat-menu-item-label-text-color: var(--ink);--mat-menu-item-icon-color: var(--accent-strong);--mat-menu-item-hover-state-layer-color: var(--surface-raised);--mat-menu-item-focus-state-layer-color: var(--surface-raised);min-width:156px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.jenius-editor-context-menu .mat-mdc-menu-content{padding:4px;background:var(--surface)}.jenius-editor-context-menu .mat-mdc-menu-item{gap:8px;min-height:38px;padding-inline:9px;border-radius:5px;color:var(--ink);font-size:13px}.jenius-editor-context-menu .mat-mdc-menu-item:hover:not(:disabled),.jenius-editor-context-menu .mat-mdc-menu-item.cdk-keyboard-focused,.jenius-editor-context-menu .mat-mdc-menu-item.cdk-program-focused{background:var(--surface-raised);transform:none}.jenius-editor-context-menu .material-glyph{color:var(--accent-strong);font-size:18px}.profile-menu.mat-mdc-menu-panel{--mat-menu-container-color: var(--surface);--mat-menu-item-label-text-color: var(--ink);--mat-menu-item-icon-color: var(--danger);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--danger) 10%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, var(--danger) 10%, transparent);min-width:168px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.profile-menu .mat-mdc-menu-content{padding:6px;background:var(--surface)}.profile-menu .logout-menu-item.mat-mdc-menu-item{min-height:42px;padding:0 10px;border-radius:6px;color:var(--ink);font-size:13px;font-weight:800}.profile-menu .logout-menu-icon{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:6px;background:color-mix(in srgb,var(--danger) 12%,var(--surface-strong));color:var(--danger);font-size:18px}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-in-up,.stagger-fade>*{opacity:1;translate:none;animation:fadeRise var(--motion-duration) cubic-bezier(.2,.8,.2,1) backwards}@keyframes fadeRise{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.fade-in-up,.stagger-fade>*{opacity:1;translate:none;animation:none}}