.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-card{padding:9px}.app-card--compact{padding:7px}.app-page__header:not(.app-page__header--stacked),.app-card__toolbar{align-items:stretch;flex-direction:column}.app-page__title{font-size:24px}}.piano-pack-warning{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--warning) 52%,var(--line));border-radius:var(--control-radius);background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:var(--ink);font-size:11px}.piano-pack-warning>span:nth-child(2){flex:1;min-width:0}.piano-pack-warning button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:var(--button-height);padding:0 9px}@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}.templates-page .pagination-row,.templates-page .pagination-summary,.templates-page .pagination-controls,.templates-page .pagination-pages{display:flex;align-items:center}.templates-page .pagination-row{justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;font-weight:800}.templates-page .pagination-summary,.templates-page .pagination-controls{gap:8px}.templates-page .pagination-pages{min-width:0;gap:4px;overflow-x:auto;scrollbar-width:thin}.templates-page .pagination-controls>button,.templates-page .page-number{min-height:32px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-strong);color:var(--ink);font:inherit;font-size:12px;font-weight:800}.templates-page .pagination-controls>button{padding:0 10px}.templates-page .page-number{flex:0 0 32px;width:32px;padding:0}.templates-page .page-number.active{border-color:var(--accent);background:var(--accent);color:var(--primary-button-ink);opacity:1}.templates-page .page-ellipsis{flex:0 0 18px;text-align:center}@media(max-width:680px){.templates-page .pagination-row{align-items:stretch;flex-direction:column}.templates-page .pagination-summary{justify-content:space-between}.templates-page .pagination-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.templates-page .pagination-controls>button{width:100%}.templates-page .pagination-controls>button:first-child{grid-column:1;grid-row:2}.templates-page .pagination-controls>button:last-child{grid-column:2;grid-row:2}.templates-page .pagination-pages{grid-column:1 / -1;grid-row:1;width:100%;max-width:100%;padding-bottom:2px}}:root{color-scheme:dark;--black: #080a0b;--dark-grey: #12161b;--grey: #303841;--light-grey: #9baaa5;--white: #edf5ef;--green: #8bd450;--blue: #33a7ff;--orange: #ff8a3d;--red: #ff5f5f;--yellow: #ffc247;--pink: #ff5fae;--purple: #ba7dff;--bg: var(--dark-grey);--surface: color-mix(in srgb, var(--grey) 40%, var(--dark-grey));--surface-strong: color-mix(in srgb, var(--grey) 68%, var(--dark-grey));--surface-raised: var(--grey);--ink: var(--white);--muted: var(--light-grey);--line: color-mix(in srgb, var(--light-grey) 28%, var(--grey));--line-strong: color-mix(in srgb, var(--light-grey) 52%, var(--grey));--accent: var(--green);--accent-strong: var(--green);--accent-text: var(--accent);--favorite-active: var(--green);--primary-button-gradient: var(--accent);--primary-button-ink: var(--black);--warning: var(--yellow);--danger: var(--red);--shadow: 0 22px 70px color-mix(in srgb, var(--black) 34%, transparent);--header-bg: color-mix(in srgb, var(--bg) 90%, transparent);--panel-gradient: linear-gradient(180deg, color-mix(in srgb, var(--white) 4%, transparent), color-mix(in srgb, var(--black) 8%, transparent));--drop-bg: color-mix(in srgb, var(--green) 8%, transparent);--accent-glow: color-mix(in srgb, var(--green) 32%, transparent);--waveform-bg: color-mix(in srgb, var(--dark-grey) 86%, var(--black));--waveform-line: var(--green);--waveform-muted: var(--light-grey);--lane-header: var(--surface-strong);--sequencer-cell: color-mix(in srgb, var(--dark-grey) 86%, var(--black));--channel-kick: var(--orange);--channel-snare: var(--red);--channel-hat: var(--yellow);--channel-cymbal: var(--yellow);--channel-bass: var(--green);--channel-synth: var(--blue);--channel-piano: var(--purple);--channel-fx: var(--pink);--channel-percussion: color-mix(in srgb, var(--yellow) 78%, var(--green));--channel-cymbal: color-mix(in srgb, var(--yellow) 78%, var(--blue));--channel-lead: color-mix(in srgb, var(--blue) 72%, var(--pink));--channel-pad: color-mix(in srgb, var(--purple) 72%, var(--blue));--channel-strings: color-mix(in srgb, var(--purple) 74%, var(--blue));--channel-brass: color-mix(in srgb, var(--orange) 74%, var(--yellow));--channel-woodwind: color-mix(in srgb, var(--green) 76%, var(--blue));--channel-guitar: color-mix(in srgb, var(--orange) 76%, var(--red));--channel-organ: color-mix(in srgb, var(--yellow) 74%, var(--purple));--channel-harp: color-mix(in srgb, var(--blue) 76%, var(--green));--channel-mallet: color-mix(in srgb, var(--green) 76%, var(--yellow));--channel-choir: color-mix(in srgb, var(--pink) 76%, var(--purple));--channel-harmonica: color-mix(in srgb, var(--green) 72%, var(--blue));--channel-vocal: color-mix(in srgb, var(--pink) 76%, var(--red));--piano-frame: var(--black);--piano-editor-bg: var(--surface);--piano-toolbar-bg: linear-gradient(180deg, var(--grey), var(--surface-strong));--piano-toolbar-ink: var(--white);--piano-ruler-bg: var(--surface-strong);--piano-ruler-ink: var(--light-grey);--editor-grid-line: color-mix(in srgb, var(--muted) 12%, transparent);--editor-beat-line: color-mix(in srgb, var(--muted) 24%, transparent);--editor-major-line: color-mix(in srgb, var(--muted) 38%, transparent);--piano-grid-line: var(--editor-grid-line);--piano-beat-line: var(--editor-beat-line);--piano-major-line: var(--editor-major-line);--piano-control-bg: var(--surface-strong);--piano-row-bg: var(--surface-strong);--piano-row-accidental-bg: var(--surface);--piano-key-border: var(--light-grey);--piano-white-key-bg: linear-gradient(90deg, var(--light-grey), var(--white));--piano-white-key-ink: var(--black);--piano-black-key-bg: linear-gradient(90deg, var(--black), var(--grey));--piano-black-key-ink: var(--white);--piano-black-key-shadow: var(--black);--piano-row-line: var(--editor-grid-line);--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}@media(max-width:680px){:root{--page-padding: 6px;--studio-page-padding: 4px}}:root[data-theme=light]{color-scheme:light;--black: #111810;--dark-grey: #59636a;--grey: #bec5c9;--light-grey: #c9ced1;--white: #edf5ef;--green: #3f7d32;--blue: #486f87;--orange: #8e594c;--red: #7d403c;--yellow: #715a2d;--pink: #785064;--purple: #5e567d;--bg: color-mix(in srgb, var(--grey) 84%, var(--white));--surface: var(--light-grey);--surface-strong: var(--grey);--surface-raised: color-mix(in srgb, var(--grey) 82%, var(--dark-grey));--ink: var(--black);--muted: var(--dark-grey);--line: color-mix(in srgb, var(--dark-grey) 34%, var(--grey));--line-strong: color-mix(in srgb, var(--dark-grey) 54%, var(--grey));--primary-button-gradient: color-mix(in srgb, var(--green) 72%, var(--white));--shadow: 0 18px 45px color-mix(in srgb, var(--dark-grey) 10%, transparent);--header-bg: color-mix(in srgb, var(--surface) 96%, transparent);--panel-gradient: linear-gradient(180deg, color-mix(in srgb, var(--white) 5%, transparent), color-mix(in srgb, var(--dark-grey) 10%, transparent));--drop-bg: color-mix(in srgb, var(--green) 10%, var(--surface));--accent-glow: color-mix(in srgb, var(--green) 22%, transparent);--waveform-bg: color-mix(in srgb, var(--grey) 88%, var(--white));--waveform-muted: var(--dark-grey);--lane-header: var(--surface);--sequencer-cell: color-mix(in srgb, var(--light-grey) 82%, var(--white));--piano-frame: color-mix(in srgb, var(--dark-grey) 55%, var(--grey));--piano-toolbar-bg: linear-gradient(180deg, var(--light-grey), var(--grey));--piano-toolbar-ink: var(--black);--piano-ruler-bg: color-mix(in srgb, var(--grey) 82%, var(--white));--piano-ruler-ink: var(--dark-grey);--piano-row-bg: var(--surface);--piano-row-accidental-bg: var(--grey);--piano-key-border: var(--dark-grey);--piano-white-key-bg: linear-gradient(90deg, var(--grey), var(--white));--piano-white-key-ink: var(--black);--piano-black-key-bg: linear-gradient(90deg, var(--black), var(--dark-grey))}@property --theme-reveal-radius{syntax: "<length>"; inherits: false; initial-value: 0px;}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){--theme-reveal-radius: 0px;--theme-reveal-mask: radial-gradient( circle at var(--theme-reveal-x) var(--theme-reveal-y), var(--black) 0, var(--black) max(0px, calc(var(--theme-reveal-radius) - 168px)), color-mix(in srgb, var(--black) 68%, transparent) max(0px, calc(var(--theme-reveal-radius) - 72px)), color-mix(in srgb, var(--black) 45%, transparent) max(0px, calc(var(--theme-reveal-radius) - 48px)), color-mix(in srgb, var(--black) 20%, transparent) max(0px, calc(var(--theme-reveal-radius) - 24px)), color-mix(in srgb, var(--black) 9%, transparent) max(0px, calc(var(--theme-reveal-radius) - 12px)), transparent var(--theme-reveal-radius) );-webkit-mask-image:var(--theme-reveal-mask);mask-image:var(--theme-reveal-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha;animation:themeCircleReveal .3s cubic-bezier(.5,0,.5,1) both}@keyframes themeCircleReveal{0%{--theme-reveal-radius: 0px}to{--theme-reveal-radius: var(--theme-reveal-end)}}app-remix-arrangement-editor .play-arrangement:not(.playing){min-width:96px;border-color:var(--accent);background:var(--primary-button-gradient);color:var(--primary-button-ink);box-shadow:0 0 14px var(--accent-glow)}app-remix-arrangement-editor .play-arrangement .material-glyph{font-size:21px}app-remix-arrangement-editor .transport-play-icon{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;line-height:24px}app-remix-arrangement-editor .transport-play-icon.loading:before{content:"";width:20px;height:20px;box-sizing:border-box;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:transport-loading-spin .8s linear infinite}@keyframes transport-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){app-remix-arrangement-editor .transport-play-icon.loading:before{animation:none}}app-remix-arrangement-editor button.play-arrangement>span,app-remix-arrangement-editor button.lane-play>span.material-glyph,app-remix-arrangement-editor button.transport-play>span.material-glyph,app-remix-arrangement-editor button.piano-roll-play>span.material-glyph,a[download]>span{color:inherit!important;opacity:1}app-remix-arrangement-editor .piano-roll-reveal{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;overflow:hidden;opacity:1;transition:grid-template-rows .26s cubic-bezier(.22,1,.36,1),opacity .18s ease}app-remix-arrangement-editor .piano-roll-reveal.collapsed{grid-template-rows:minmax(0,0fr);opacity:0;pointer-events:none}app-remix-arrangement-editor .piano-roll-reveal>.piano-roll{min-height:0}@media(prefers-reduced-motion:reduce){app-remix-arrangement-editor .piano-roll-reveal{transition-duration:1ms}}html,body{width:100%;max-width:100%;overflow-x:clip}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}.unsaved-effect,app-automation-lane[data-unsaved],.lane-label[data-unsaved],.automation-label[data-unsaved]{position:relative;min-width:0}[data-unsaved]:after{content:"\2022";position:absolute;top:2px;right:2px;z-index:4;display:grid;place-items:center;width:13px;height:13px;border:1px solid var(--accent-strong);border-radius:50%;background:var(--surface);color:var(--accent-strong);font:800 12px/1 sans-serif;pointer-events:none}[data-unsaved=Added]:after{content:"+";border-radius:3px}.timeline-clip[data-unsaved]:after{right:10px}.lane-label[data-unsaved]:after{top:auto;bottom:1px;right:2px}.piano-note-cell[data-unsaved]:after{width:9px;height:9px;top:0;right:0;font-size:9px}.point-hitbox[data-unsaved]:after{width:9px;height:9px;top:0;right:0;font-size:9px}button{border:0;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}input,select{background:var(--surface);color:var(--ink)}:root[data-theme=light] option{background:var(--surface-strong);color:var(--ink)}:root[data-theme=light] .mat-mdc-dialog-surface,:root[data-theme=light] .mat-mdc-menu-panel,:root[data-theme=light] .mat-mdc-menu-content{--mat-dialog-container-color: var(--surface);--mdc-dialog-container-color: var(--surface);--mat-menu-container-color: var(--surface);background-color:var(--surface)!important}input:focus,select:focus,textarea:focus{outline:none}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}.mat-mdc-dialog-container h2.mat-mdc-dialog-title{font-size:24px!important;font-weight:600!important;line-height:1.2!important;min-height:0!important;margin:0!important;padding-top:0!important}.mat-mdc-dialog-container h2.mat-mdc-dialog-title:before{display:none!important;height:0!important;content:none!important}.template-ai-history-panel .mat-mdc-dialog-container h2.mat-mdc-dialog-title{margin:20px 0 0!important;padding:0 16px 12px!important}.mat-mdc-dialog-actions :is(.secondary-action,.text-action):not(:disabled){border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;background:color-mix(in srgb,var(--accent) 12%,var(--surface-strong))!important;color:var(--accent-strong)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.mat-mdc-dialog-actions :is(.secondary-action,.text-action):not(:disabled):hover{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 19%,var(--surface-strong))!important}.jenius-confirm-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-confirm-dialog{--mat-dialog-subhead-color: var(--ink);--mat-dialog-supporting-text-color: var(--muted)}.jenius-confirm-dialog .mat-mdc-dialog-title{color:var(--ink);opacity:1}.jenius-desktop-download-dialog{--mat-dialog-subhead-color: var(--ink);--mat-dialog-supporting-text-color: var(--muted);color-scheme:dark}.jenius-template-share-dialog{--mat-dialog-subhead-color: var(--ink);--mat-dialog-supporting-text-color: var(--muted);max-width:calc(100vw - 16px)!important;color-scheme:dark}:root[data-theme=light] .jenius-template-share-dialog{color-scheme:light}.jenius-template-share-dialog .mat-mdc-dialog-surface{overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-gradient),var(--surface);color:var(--ink);box-shadow:var(--shadow)}:root[data-theme=light] .jenius-desktop-download-dialog{color-scheme:light}.jenius-desktop-download-dialog .mat-mdc-dialog-surface{overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-gradient),var(--surface);color:var(--ink);box-shadow:var(--shadow)}.cdk-overlay-container:has(.app-dialog-panel,.jenius-sound-preset-dialog){z-index:1300}.app-dialog-panel,.jenius-ai-prompt-dialog,.jenius-feedback-dialog,.jenius-template-import-dialog,.jenius-template-export-options-dialog,.jenius-template-render-dialog,.jenius-sound-details-dialog,.jenius-sound-preset-dialog,.jenius-piano-pack-dialog{--mat-dialog-subhead-color: var(--ink);--mat-dialog-supporting-text-color: var(--muted);max-width:calc(100vw - 16px)!important}:root:not([data-theme=light]) .app-dialog-panel,:root:not([data-theme=light]) .jenius-ai-prompt-dialog,:root:not([data-theme=light]) .jenius-feedback-dialog,:root:not([data-theme=light]) .jenius-template-import-dialog,:root:not([data-theme=light]) .jenius-template-export-options-dialog,:root:not([data-theme=light]) .jenius-template-render-dialog,:root:not([data-theme=light]) .jenius-sound-details-dialog,:root:not([data-theme=light]) .jenius-sound-preset-dialog,:root:not([data-theme=light]) .jenius-piano-pack-dialog{color-scheme:dark}:root[data-theme=light] .app-dialog-panel,:root[data-theme=light] .jenius-ai-prompt-dialog,:root[data-theme=light] .jenius-feedback-dialog,:root[data-theme=light] .jenius-template-import-dialog,:root[data-theme=light] .jenius-template-export-options-dialog,:root[data-theme=light] .jenius-template-render-dialog,:root[data-theme=light] .jenius-sound-details-dialog,:root[data-theme=light] .jenius-sound-preset-dialog,:root[data-theme=light] .jenius-piano-pack-dialog{color-scheme:light}.app-dialog-panel .mat-mdc-dialog-surface,.jenius-ai-prompt-dialog .mat-mdc-dialog-surface,.jenius-feedback-dialog .mat-mdc-dialog-surface,.jenius-template-import-dialog .mat-mdc-dialog-surface,.jenius-template-export-options-dialog .mat-mdc-dialog-surface,.jenius-template-render-dialog .mat-mdc-dialog-surface,.jenius-sound-details-dialog .mat-mdc-dialog-surface,.jenius-sound-preset-dialog .mat-mdc-dialog-surface,.jenius-piano-pack-dialog .mat-mdc-dialog-surface{overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-gradient),var(--surface);color:var(--ink);box-shadow:var(--shadow)}.jenius-feedback-dialog .mat-mdc-dialog-title{color:var(--ink)!important;opacity:1}.template-ai-history-panel .mat-mdc-dialog-surface,.template-ai-history-panel .mat-mdc-dialog-component-host{height:100%;min-height:0}.jenius-track-dialog .mat-mdc-dialog-surface{overflow:auto;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-gradient),var(--surface);color:var(--ink);box-shadow:var(--shadow)}.jenius-track-dialog .track-dialog{display:grid;gap:16px;min-width:min(100%,320px);padding:18px}.jenius-track-dialog .track-dialog-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.jenius-track-dialog .track-dialog-heading h2,.jenius-track-dialog .track-dialog-heading p{margin:0}.jenius-track-dialog .track-dialog-heading h2{font-size:18px}.jenius-track-dialog .track-dialog-heading p{margin-top:4px;color:var(--muted);font-size:12px}.jenius-track-dialog .icon-button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-strong);color:var(--ink)}.jenius-track-dialog .icon-button:hover:not(:disabled),.jenius-track-dialog .icon-button:focus-visible{border-color:var(--accent);color:var(--accent-strong)}.jenius-track-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:8px}.jenius-track-dialog :is(.secondary-action,.primary-action){display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);padding:0 12px;border:1px solid var(--line);border-radius:var(--control-radius);font:inherit;font-weight:800}.jenius-track-dialog .secondary-action{background:var(--surface-strong);color:var(--ink)}.jenius-track-dialog .primary-action{border-color:var(--accent);background:var(--primary-button-gradient);color:var(--primary-button-ink)}:root:not([data-theme=light]) .jenius-track-dialog{color-scheme:dark}:root[data-theme=light] .jenius-track-dialog{color-scheme:light}.jenius-sound-details-dialog .mat-mdc-dialog-surface,.jenius-sound-details-dialog .mat-mdc-dialog-component-host{height:100%;min-height:0}.jenius-sound-picker-dialog .mat-mdc-dialog-surface{overflow-y:auto;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-gradient),var(--surface);color:var(--ink);box-shadow:var(--shadow)}.jenius-sound-picker-dialog .mat-mdc-dialog-content{flex:0 0 auto;max-height:none;overflow:visible}.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{min-height:38px;padding-inline:9px;border-radius:5px;color:var(--ink);font-size:13px}.jenius-editor-context-menu .mat-mdc-menu-item-text{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:8px;width:100%;line-height:20px}.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}.jenius-editor-context-menu .material-icons{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--accent-strong);font-family:Material Icons,Material Icons Outlined,Material Icons Round,Arial,sans-serif;font-feature-settings:"liga";font-size:18px;line-height:20px}.jenius-editor-context-menu .menu-danger.mat-mdc-menu-item,.jenius-editor-context-menu .menu-danger .material-icons{color:var(--danger)}.profile-menu.mat-mdc-menu-panel{min-width:168px}.profile-menu .logout-menu-item.mat-mdc-menu-item,.profile-menu .logout-menu-item .material-icons{color:var(--danger)}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}}app-remix-arrangement-editor .piano-roll[hidden]{display:none}.lane-volume-menu{display:grid;gap:8px;width:min(260px,calc(100vw - 32px));padding:10px 12px;color:var(--ink)}.lane-volume-menu>div,.lane-volume-menu label{display:flex;align-items:center;justify-content:space-between;gap:10px}.lane-volume-menu label{color:var(--accent-strong)}.lane-volume-menu input{flex:1;min-width:0;accent-color:var(--accent);touch-action:pan-y}app-remix-arrangement-editor .pattern-manager,app-remix-arrangement-editor .lane-expression-controls{display:grid;gap:6px}app-remix-arrangement-editor .pattern-manager{grid-template-columns:minmax(120px,1.2fr) minmax(120px,1.2fr) minmax(100px,.8fr) minmax(74px,.5fr) auto;align-items:end;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-strong)}app-remix-arrangement-editor .lane-expression-controls{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--surface) 82%,transparent)}app-remix-arrangement-editor .pattern-manager label,app-remix-arrangement-editor .lane-expression-controls label{display:grid;gap:3px;min-width:0;color:var(--muted);font-size:9px}app-remix-arrangement-editor .pattern-manager input,app-remix-arrangement-editor .pattern-manager select{width:100%;min-width:0;min-height:30px;padding:0 6px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink)}app-remix-arrangement-editor .ducking-controls{display:grid;grid-template-columns:minmax(74px,.55fr) minmax(120px,1.2fr) minmax(120px,1fr) minmax(82px,.7fr) minmax(82px,.7fr);align-items:end;gap:6px;padding:6px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--surface) 82%,transparent)}app-remix-arrangement-editor .ducking-heading{display:flex;grid-column:1 / -1;align-items:baseline;justify-content:space-between;gap:8px;color:var(--ink);font-size:10px}app-remix-arrangement-editor .ducking-heading span{color:var(--muted);font-size:9px}app-remix-arrangement-editor .ducking-controls label{display:grid;gap:3px;min-width:0;color:var(--muted);font-size:9px}app-remix-arrangement-editor .ducking-controls input,app-remix-arrangement-editor .ducking-controls select{width:100%;min-width:0}app-remix-arrangement-editor .ducking-controls input[type=number],app-remix-arrangement-editor .ducking-controls select{min-height:30px;padding:0 6px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink)}app-remix-arrangement-editor .ducking-toggle input{width:18px;height:18px;accent-color:var(--accent)}app-remix-arrangement-editor .arrangement-frame{min-width:0}app-remix-arrangement-editor .arrangement-timeline-sticky{min-width:0;border-radius:8px 8px 0 0;box-shadow:0 5px 12px color-mix(in srgb,var(--black) 18%,transparent)}app-remix-arrangement-editor .arrangement-frame.sticky-timeline .arrangement-timeline-sticky{position:sticky;top:var(--site-header-height, 64px);z-index:20}app-remix-arrangement-editor .arrangement-timeline-scroll{overflow-y:hidden;border-radius:inherit;scrollbar-width:none}app-remix-arrangement-editor .arrangement-timeline-scroll::-webkit-scrollbar{display:none}app-remix-arrangement-editor .arrangement-lanes-scroll{border-top:0;border-radius:0 0 8px 8px}app-remix-arrangement-editor .plugin-rack{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line)}app-remix-arrangement-editor .clip-inspector{display:grid;grid-template-columns:1fr;gap:6px}app-remix-arrangement-editor .clip-inspector article{display:grid;grid-template-columns:minmax(72px,.75fr) repeat(6,minmax(70px,1fr)) 42px 28px;align-items:end;gap:6px;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-strong)}app-remix-arrangement-editor .clip-inspector article.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}app-remix-arrangement-editor .clip-inspector label{display:grid;gap:2px;color:var(--muted);font-size:9px}app-remix-arrangement-editor .clip-inspector input:not([type=checkbox]),app-remix-arrangement-editor .clip-inspector select{width:100%;min-width:0;min-height:28px;padding:0 5px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink)}app-remix-arrangement-editor .clip-select{min-height:28px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:700}app-remix-arrangement-editor .clip-select.selected{border-color:var(--accent);color:var(--accent-strong)}app-remix-arrangement-editor .clip-loop-toggle{align-content:center;justify-items:center}app-remix-arrangement-editor .clip-loop-toggle input{width:18px;height:18px;accent-color:var(--accent)}app-remix-arrangement-editor .clip-delete{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--danger)}app-remix-arrangement-editor .piano-roll-window{position:fixed;z-index:900;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);box-shadow:0 18px 54px color-mix(in srgb,var(--black) 42%,transparent),inset 0 1px color-mix(in srgb,var(--white) 7%,transparent)}app-remix-arrangement-editor .piano-roll-backdrop{position:fixed;inset:0;z-index:899;background:color-mix(in srgb,var(--black) 50%,transparent)}app-remix-arrangement-editor .piano-roll-window.expanded-dialog{inset:clamp(8px,2vw,24px);width:auto;height:auto;overscroll-behavior:contain}app-remix-arrangement-editor .piano-roll-window-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:6px 8px 6px 12px;border-bottom:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-raised) 88%,var(--accent) 12%);touch-action:none;-webkit-user-select:none;user-select:none}app-remix-arrangement-editor .piano-roll-window.windowed .piano-roll-window-header{cursor:move}app-remix-arrangement-editor .piano-roll-window-header>div:first-child{display:grid;gap:2px;min-width:0}app-remix-arrangement-editor .piano-roll-window-header h3{margin:0;color:var(--ink);font-size:15px;line-height:1.1}app-remix-arrangement-editor .piano-roll-window-header span:not(.material-icons){overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}app-remix-arrangement-editor .piano-roll-window-content{min-width:0;min-height:0;overflow:hidden;padding:8px}app-remix-arrangement-editor .piano-roll-title-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}app-remix-arrangement-editor .piano-roll-play,app-remix-arrangement-editor .piano-roll-octave,app-remix-arrangement-editor .piano-roll-window-mode,app-remix-arrangement-editor .piano-roll-close{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0;border-radius:var(--control-radius)}app-remix-arrangement-editor .piano-roll-play{width:38px;min-width:38px;border:1px solid var(--accent);background:var(--accent);color:var(--primary-button-ink);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 26%,transparent)}app-remix-arrangement-editor .piano-roll-play.playing{border-color:var(--danger);background:var(--danger);color:var(--white)}app-remix-arrangement-editor .piano-roll-octave{width:36px;min-width:36px;border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}app-remix-arrangement-editor .piano-roll-octave:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}app-remix-arrangement-editor .piano-roll-window-mode{width:36px;min-width:36px;border:1px solid var(--line);background:var(--surface-strong);color:var(--accent-strong)}app-remix-arrangement-editor .piano-roll-window-mode:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}app-remix-arrangement-editor .piano-roll-close{width:36px;min-width:36px;border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}app-remix-arrangement-editor .piano-roll-resize-handle{position:absolute;right:0;bottom:0;z-index:12;width:30px;height:30px;padding:0;border:0;border-radius:0 0 8px;background:linear-gradient(135deg,transparent 52%,color-mix(in srgb,var(--muted) 60%,transparent) 53% 58%,transparent 59%),linear-gradient(135deg,transparent 68%,color-mix(in srgb,var(--muted) 72%,transparent) 69% 74%,transparent 75%);cursor:nwse-resize;touch-action:none}app-ai-prompt-creator-dialog .local-browser-warning{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:9px;border:1px solid color-mix(in srgb,var(--yellow) 68%,var(--line));border-radius:var(--control-radius);background:color-mix(in srgb,var(--yellow) 12%,var(--surface-strong));color:var(--ink);font-size:12px;line-height:1.4}input[type=radio].dialog-radio-indicator,.selection-indicator.dialog-radio-indicator{appearance:none;display:inline-block;box-sizing:border-box;width:16px;height:16px;min-height:16px;flex-shrink:0;margin:2px 0 0;padding:0;border:2px solid var(--line-strong);border-radius:50%;background:var(--surface-strong);cursor:pointer}input[type=radio].dialog-radio-indicator:checked,.selected .selection-indicator.dialog-radio-indicator{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface-strong),0 0 0 1px var(--surface-strong)}input[type=radio].dialog-radio-indicator:focus-visible{outline:2px solid var(--primary-button-ink);outline-offset:3px}input[type=radio].dialog-radio-indicator:disabled{cursor:not-allowed;opacity:.55}@media(forced-colors:active){input[type=radio].dialog-radio-indicator{appearance:auto}.selected .selection-indicator.dialog-radio-indicator{border-color:Highlight;background:Highlight}}app-ai-prompt-creator-dialog .local-browser-warning .material-icons{margin-top:1px;color:var(--yellow);font-size:19px}app-ai-prompt-creator-dialog .local-browser-warning strong{display:block;color:var(--ink)}@media(max-width:640px){app-remix-arrangement-editor .piano-roll-window-header{min-height:44px;padding-left:9px}app-remix-arrangement-editor .piano-roll-window-content{padding:6px}}