@nice2dev/ui-audio 1.1.9 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +139 -0
  2. package/README.md +26 -34
  3. package/dist/assets/scoringWorker-3JjtDDtu.js +1 -0
  4. package/dist/core/i18n.d.ts +1 -0
  5. package/dist/dmx/DmxEditor.d.ts +1 -11
  6. package/dist/editor/panels/CCAutomationLaneEditor.d.ts +0 -10
  7. package/dist/editor/panels/StepSequencerPanel.d.ts +1 -6
  8. package/dist/editor/panels/selectValue.d.ts +2 -0
  9. package/dist/effects/noteThemeColors.d.ts +0 -4
  10. package/dist/index.cjs +42 -41
  11. package/dist/index.d.ts +0 -69
  12. package/dist/index.mjs +10699 -11322
  13. package/dist/karaoke/rendering/glossyBarRenderer.d.ts +2 -2
  14. package/dist/karaoke/rendering/karaokeSettings.d.ts +0 -57
  15. package/dist/karaokeEditor/KaraokePhaserRenderer.d.ts +7 -0
  16. package/dist/playlist/PlaylistDualPane.d.ts +0 -8
  17. package/dist/ui-audio.css +1 -1
  18. package/dist/utils/karaokeScoring.d.ts +0 -3
  19. package/dist/workers/scoringWorker.d.ts +0 -1
  20. package/package.json +9 -53
package/dist/karaoke/rendering/glossyBarRenderer.d.ts CHANGED
@@ -19,8 +19,8 @@ export type { CapGeometry, CapShapeGenerator, CapStyle } from './glossyBarCaps';
19
19
  export { pill_L, sharp_L, soft_L, chamfer_L, arrow_L, shield_L, bracket_L, tab_L, wave_L, ornate_L, skewTL_L, skewTR_L, pill_R, sharp_R, soft_R, chamfer_R, arrow_R, shield_R, bracket_R, tab_R, wave_R, ornate_R, skewTL_R, skewTR_R, SYMMETRIC_CAPS, ASYMMETRIC_CAPS, SKEW_CAPS, ALL_CAP_STYLES, DEFAULT_CAP_STYLE, getCapStyleByName, } from './glossyBarCaps';
20
20
  export type { OverlayPattern } from './glossyBarPatterns';
21
21
  export { OVERLAY_PATTERNS, getPatternByName } from './glossyBarPatterns';
22
- export type { KaraokeBarFill, KaraokeFontSettings, PlayerKaraokeSettings, EmptyBarPreset, PlayerBarStyle, } from './karaokeSettings';
23
- export { DEFAULT_BAR_FILL, DEFAULT_EMPTY_BAR_FILL, DEFAULT_GOLD_EMPTY_BAR_FILL, DEFAULT_GOLD_FILLED_BAR_FILL, DEFAULT_FONT_SETTINGS, DEFAULT_KARAOKE_SETTINGS, DEFAULT_PLAYER_BAR_STYLE, loadKaraokeSettings, saveKaraokeSettings, hydratePlayerKaraokeSettingsFromBackend, loadAllKaraokeSettings, loadPlayerBarStyle, savePlayerBarStyle, loadPlayerBarStyles, } from './karaokeSettings';
22
+ export type { KaraokeBarFill, KaraokeFontSettings, PlayerKaraokeSettings, EmptyBarPreset, } from './karaokeSettings';
23
+ export { DEFAULT_BAR_FILL, DEFAULT_EMPTY_BAR_FILL, DEFAULT_GOLD_EMPTY_BAR_FILL, DEFAULT_GOLD_FILLED_BAR_FILL, DEFAULT_FONT_SETTINGS, DEFAULT_KARAOKE_SETTINGS, loadKaraokeSettings, saveKaraokeSettings, hydratePlayerKaraokeSettingsFromBackend, loadAllKaraokeSettings, } from './karaokeSettings';
24
24
  /** Render options for a glossy bar */
25
25
  export interface GlossyBarOptions {
26
26
  /** Total width in pixels */
package/dist/karaoke/rendering/karaokeSettings.d.ts CHANGED
@@ -65,57 +65,6 @@ export declare const DEFAULT_FONT_SETTINGS: KaraokeFontSettings;
65
65
  export declare const DEFAULT_KARAOKE_SETTINGS: PlayerKaraokeSettings;
66
66
  /** Preset modes for empty (unsung) bar appearance */
67
67
  export type EmptyBarPreset = 'custom' | 'maxGlass' | 'wireframe' | 'dimTexture' | 'none';
68
- /** @deprecated Use PlayerKaraokeSettings instead */
69
- export interface PlayerBarStyle {
70
- /** Cap style name (e.g. "Pill", "Arrow", "Shield") */
71
- capStyleName: string;
72
- /** Overlay pattern name (e.g. "Flames", "Scales") or null */
73
- patternName: string | null;
74
- /** Secondary color for pattern overlay (hex) or null for auto */
75
- patternColor: string | null;
76
- /** Pattern-only mode: no glossy 3D button, just the pattern as the bar shape.
77
- * Unsung = gray patterned bar, sung = player-colored pattern. */
78
- patternOnly: boolean;
79
- /** Highlight intensity 0-100 (ignored in patternOnly) */
80
- highlight: number;
81
- /** Glow intensity 0-100 (ignored in patternOnly) */
82
- glow: number;
83
- /** Glass factor for empty bars 0-100 */
84
- emptyGlass: number;
85
- /** Texture URL for filled (sung) bars, or null for no texture */
86
- filledTextureUrl: string | null;
87
- /** Texture URL for empty (unsung) bars, or null for no texture */
88
- emptyTextureUrl: string | null;
89
- /** Texture tile scale factor (0.1–2.0; default 1.0 = natural size) */
90
- textureScale: number;
91
- /** Empty bar preset — quick setup for empty bar appearance */
92
- emptyPreset: EmptyBarPreset;
93
- /** Overlay pattern name for gold (unhit) bars, or null */
94
- goldPatternName: string | null;
95
- /** Pattern color for gold bars, or null for auto */
96
- goldPatternColor: string | null;
97
- /** Overlay pattern name for gold hit bars, or null (same as goldPatternName) */
98
- goldHitPatternName: string | null;
99
- /** Pattern color for gold hit bars, or null for auto */
100
- goldHitPatternColor: string | null;
101
- /** Texture URL for gold unhit bars */
102
- goldEmptyTextureUrl: string | null;
103
- /** Texture URL for gold hit bars */
104
- goldFilledTextureUrl: string | null;
105
- /** Font family for this player's karaoke canvas text (null = default/Arial) */
106
- fontFamily: string | null;
107
- /** Font size in px (default 18) */
108
- fontSize: number;
109
- /** Font color (hex or CSS, null = auto) */
110
- fontColor: string | null;
111
- /** Outline color (null = no outline) */
112
- fontOutlineColor: string | null;
113
- /** Outline width in px (default 0 = no outline) */
114
- fontOutlineWidth: number;
115
- /** Text shadow CSS string (null = none) */
116
- fontShadow: string | null;
117
- }
118
- export declare const DEFAULT_PLAYER_BAR_STYLE: PlayerBarStyle;
119
68
  export declare function loadKaraokeSettings(playerId?: number): PlayerKaraokeSettings;
120
69
  export declare function saveKaraokeSettings(settings: PlayerKaraokeSettings, playerId?: number): void;
121
70
  /**
@@ -134,9 +83,3 @@ export declare function hydratePlayerKaraokeSettingsFromBackend(fetchSettings?:
134
83
  * Returns a map playerId ? PlayerKaraokeSettings.
135
84
  */
136
85
  export declare function loadAllKaraokeSettings(playerIds: number[]): Map<number, PlayerKaraokeSettings>;
137
- /** @deprecated Use loadKaraokeSettings */
138
- export declare function loadPlayerBarStyle(playerId?: number): PlayerBarStyle;
139
- /** @deprecated Use saveKaraokeSettings */
140
- export declare function savePlayerBarStyle(style: PlayerBarStyle, playerId?: number): void;
141
- /** @deprecated Use loadAllKaraokeSettings */
142
- export declare function loadPlayerBarStyles(playerIds: number[]): Map<number, PlayerBarStyle>;
package/dist/karaokeEditor/KaraokePhaserRenderer.d.ts CHANGED
@@ -6,5 +6,12 @@ interface Props {
6
6
  audioRef?: React.RefObject<HTMLAudioElement | null>;
7
7
  ytRef?: React.RefObject<YouTubePlayer | null>;
8
8
  }
9
+ /**
10
+ * Preview of the song text: every line on a dark stage, the line of the note being sung lit up
11
+ * while the audio (or the YouTube player in `ytRef`) plays.
12
+ *
13
+ * Plain DOM. It used to be a Phaser scene, which made a game engine of over 100 MB a build
14
+ * requirement for every app that installs this package — for drawing lines of text.
15
+ */
9
16
  export default function KaraokePhaserRenderer({ ultrastarText, audioUrl, audioRef, ytRef }: Props): React.JSX.Element;
10
17
  export {};
package/dist/playlist/PlaylistDualPane.d.ts CHANGED
@@ -11,14 +11,6 @@ export interface PlaylistDualPaneProps {
11
11
  onTagTracks?: (trackIds: string[], tagIds: string[]) => void;
12
12
  initialLeftId?: string;
13
13
  initialRightId?: string;
14
- /** Optional flat library list (standalone usage). */
15
- library?: unknown[];
16
- /** Optional flat queue list (standalone usage). */
17
- queue?: unknown[];
18
- /** Optional add-to-queue callback. */
19
- onAddToQueue?: (trackIds: string[]) => void;
20
- /** Optional remove-from-queue callback. */
21
- onRemoveFromQueue?: (trackIds: string[]) => void;
22
14
  }
23
15
  declare const PlaylistDualPane: React.FC<PlaylistDualPaneProps>;
24
16
  export default PlaylistDualPane;
package/dist/ui-audio.css CHANGED
@@ -1 +1 @@
1
- ._panelNarrow_1r7m9_3{max-width:520px}._panelWide_1r7m9_9{max-width:820px}._smallLabel_1r7m9_19{font-size:12px}._noteText_1r7m9_29{font-size:13px;color:var(--nice-text-secondary, #888)}._buttonRow_1r7m9_41{display:flex;gap:var(--nice-space-2, 8px)}._noteTextMargin_1r7m9_49{font-size:13px;color:var(--nice-text-secondary, #888);margin-top:var(--nice-space-1, 4px)}._rangeW100_1r7m9_63{width:100px}._zoomValue_1r7m9_69{font-size:12px;min-width:35px}._selectW100_1r7m9_77{width:100px}._inputW70_1r7m9_83{width:70px}._masterVolGroup_1r7m9_93{min-width:min(220px,100%)}._rangeW140_1r7m9_99{width:140px}._volumeValue_1r7m9_105{font-size:12px;width:42px;text-align:right}._selectW140_1r7m9_115{width:140px}._freqGroup_1r7m9_121{min-width:min(200px,100%)}._freqValue_1r7m9_127{font-size:12px;width:60px;text-align:right}._narrowGroup_1r7m9_137{min-width:min(170px,100%)}._rangeW120_1r7m9_143{width:120px}._smallValue_1r7m9_149{font-size:12px;width:40px;text-align:right}._presetDivider_1r7m9_159{border-top:1px solid var(--nice-border-color, #444)}._presetLabel_1r7m9_165{font-size:11px;font-weight:600;color:var(--nice-text-muted, #aaa)}._presetBtn_1r7m9_175{font-size:11px;padding:var(--nice-space-0-5, 2px) var(--nice-space-2, 8px)}._deletePresetSelect_1r7m9_183{width:140px;font-size:11px}._presetNameInput_1r7m9_191{width:160px;font-size:11px}._savePresetBtn_1r7m9_199{font-size:11px;padding:var(--nice-space-0-5, 2px) var(--nice-space-2-5, 10px)}._countInAlert_1r7m9_211{font-size:12px;color:var(--nice-warning, #f57c00)}._inputW80_1r7m9_219{width:80px}._levelLabel_1r7m9_225{font-size:12px;color:var(--nice-text-secondary, #555)}._levelMeter_1r7m9_233{position:relative;background:var(--nice-bg-secondary, #f1f1f1);height:12px;border-radius:var(--nice-radius-md, 6px);overflow:hidden;width:80px}._levelBar_1r7m9_249{position:absolute;left:0;top:0;bottom:0;transition:width 80ms linear}.karaoke-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-80, rgba(0, 0, 0, .8));padding:var(--nice-space-6, 24px);z-index:1000;color:var(--nice-text-on-primary, #fff)}.karaoke-summary-card{background:linear-gradient(180deg,var(--nice-bg-tertiary) 0%,var(--nice-bg-secondary) 100%);border-radius:var(--nice-radius-2xl, 16px);padding:var(--nice-space-7, 28px);width:min(700px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px var(--nice-overlay-50, rgba(0, 0, 0, .5));display:flex;flex-direction:column;gap:18px}.karaoke-summary-title{margin:0;font-size:1.4rem;font-weight:700;text-align:center;color:var(--nice-text, #e2e8f0)}.karaoke-summary-bars{display:flex;flex-direction:column;gap:var(--nice-space-2-5, 10px)}.karaoke-summary-bar{display:flex;align-items:center;gap:var(--nice-space-2-5, 10px);width:100%}.karaoke-summary-bar-rank{width:32px;flex-shrink:0;text-align:center;font-size:18px}.karaoke-summary-bar-name{width:100px;flex-shrink:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.karaoke-summary-bar-track{position:relative;flex:1;height:28px;border-radius:var(--nice-radius-md, 6px);background:var(--nice-bg-secondary);overflow:hidden}.karaoke-summary-bar-fill-bonus,.karaoke-summary-bar-fill-classic{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--nice-radius-md, 6px)}.karaoke-summary-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--nice-space-2, 8px);font-size:13px;font-weight:700;color:var(--nice-text-primary, #fff);text-shadow:0 1px 3px var(--nice-overlay-70, rgba(0, 0, 0, .7))}.karaoke-summary-bar-text-bonus{margin-left:var(--nice-space-1, 4px);font-size:11px}.karaoke-summary-bar-total{width:70px;flex-shrink:0;text-align:right;font-weight:700;font-size:15px;color:var(--nice-warning-light, #fbbf24)}.karaoke-summary-ranks{display:flex;gap:var(--nice-space-4, 16px);flex-wrap:wrap}.karaoke-summary-rank{flex:1;min-width:200px}.karaoke-summary-rank-title{margin:0 0 var(--nice-space-1-5, 6px);font-size:14px;color:var(--nice-text-muted, #94a3b8)}.karaoke-summary-rank-table{width:100%;border-collapse:collapse;font-size:13px}.karaoke-summary-rank-row{border-bottom:1px solid var(--nice-border, #1e293b)}.karaoke-summary-rank-row--hl{background:var(--nice-warning-tint-10, rgba(251, 191, 36, .1))}.karaoke-summary-rank-pos{width:24px;padding:var(--nice-space-0-75, 3px) var(--nice-space-1-5, 6px);color:var(--nice-text-dim, #64748b)}.karaoke-summary-rank-pos--top{color:var(--nice-warning-light, #fbbf24);font-weight:700}.karaoke-summary-rank-name{padding:var(--nice-space-0-75, 3px) var(--nice-space-1-5, 6px);color:var(--nice-text, #cbd5e1)}.karaoke-summary-rank-row--hl .karaoke-summary-rank-name{font-weight:700}.karaoke-summary-rank-score{padding:var(--nice-space-0-75, 3px) var(--nice-space-1-5, 6px);text-align:right;color:var(--nice-text-muted, #94a3b8)}.karaoke-summary-rank-row--hl .karaoke-summary-rank-score{color:var(--nice-warning-light, #fbbf24)}.karaoke-summary-empty{text-align:center;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:1rem;padding:2rem}.karaoke-summary-actions{display:flex;gap:var(--nice-space-3, 12px);justify-content:flex-end;margin-top:var(--nice-space-1, 4px)}.karaoke-summary-btn{min-width:120px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:700;border:none;border-radius:var(--nice-radius-lg, 8px);cursor:pointer;transition:all .2s ease}.karaoke-summary-btn--report{background:var(--nice-accent, #6366f1);color:var(--nice-text-on-primary, #fff)}.karaoke-summary-btn--restart{background:var(--nice-success, #22c55e);color:var(--nice-text-on-primary, #fff)}.karaoke-summary-btn--continue{background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-text-on-primary, #fff);border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.karaoke-summary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:600px){.karaoke-summary-card{padding:18px}.karaoke-summary-bar-name{width:72px}.karaoke-summary-actions{flex-direction:column}.karaoke-summary-btn{width:100%}}.nice-ksb{display:flex;gap:var(--nice-space-4, 16px);width:100%;color:var(--nice-text, #e2e8f0);font-size:14px}.nice-ksb__sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:var(--nice-space-1, 4px);max-height:600px;overflow-y:auto}.nice-ksb__facet{margin-top:var(--nice-space-2-5, 10px)}.nice-ksb__facet-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--nice-text-muted, #94a3b8);margin:var(--nice-space-1, 4px) var(--nice-space-1-5, 6px)}.nice-ksb__node{display:block;width:100%;text-align:left;padding:var(--nice-space-1-75, 7px) var(--nice-space-2-5, 10px);border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;color:var(--nice-text, #cbd5e1);cursor:pointer;font-size:13px}.nice-ksb__node:hover{background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-ksb__node--active{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2));color:var(--nice-color-accent, #a5b4fc);font-weight:600}.nice-ksb__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--nice-space-2-5, 10px)}.nice-ksb__toolbar{display:flex;gap:var(--nice-space-2-5, 10px);align-items:center;flex-wrap:wrap}.nice-ksb__search{flex:1;min-width:180px;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border-radius:var(--nice-radius-md, 6px);border:1px solid var(--nice-border, #334155);background:var(--nice-bg-secondary);color:var(--nice-text, #e2e8f0);font-size:14px}.nice-ksb__sort{display:flex;gap:var(--nice-space-1, 4px);flex-wrap:wrap}.nice-ksb__sort-btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);border:1px solid var(--nice-border, #334155);border-radius:var(--nice-radius-md, 6px);background:transparent;color:var(--nice-text-muted, #94a3b8);cursor:pointer;font-size:12px;text-transform:capitalize}.nice-ksb__sort-btn--active{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2));color:var(--nice-color-accent, #a5b4fc);border-color:var(--nice-accent, #6366f1)}.nice-ksb__navhint{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);margin-left:auto;padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-md, 6px);color:var(--nice-text-muted, #94a3b8);font-size:12px;white-space:nowrap}.nice-ksb__navhint--pad{color:var(--nice-accent-light, #a5b4fc);background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2))}.nice-ksb__navhint-keys{font-variant-numeric:tabular-nums}.nice-ksb__disabled{padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border-radius:var(--nice-radius-md, 6px);background:var(--nice-warning-tint-10, rgba(251, 191, 36, .1));color:var(--nice-warning-light, #fbbf24);font-size:13px}.nice-ksb__list{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px);max-height:560px;overflow-y:auto}.nice-ksb__empty{text-align:center;padding:var(--nice-space-8, 32px);color:var(--nice-text-muted, #94a3b8)}.nice-ksb-row{display:flex;align-items:center;gap:var(--nice-space-2-5, 10px);padding:var(--nice-space-1-5, 6px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-md, 8px);cursor:pointer}.nice-ksb-row:hover{background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-ksb-row--selected{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2))}.nice-ksb-row--active{box-shadow:inset 0 0 0 2px var(--nice-accent, #6366f1);background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-ksb-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--nice-accent, #6366f1)}.nice-ksb-row__check{flex:0 0 auto;width:16px;height:16px}.nice-ksb-row__cover{flex:0 0 auto;width:44px;height:44px;border-radius:var(--nice-radius-md, 6px);object-fit:cover;background:var(--nice-bg-tertiary)}.nice-ksb-row__main{flex:1;min-width:0}.nice-ksb-row__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-ksb-row__artist{font-size:12px;color:var(--nice-text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-ksb-row__meta{display:flex;gap:var(--nice-space-1, 4px);flex-wrap:wrap;justify-content:flex-end;max-width:50%}.nice-ksb-badge{font-size:11px;padding:var(--nice-space-0-5, 2px) var(--nice-space-1-75, 7px);border-radius:var(--nice-radius-full, 999px);background:var(--nice-bg-tertiary);color:var(--nice-text-muted, #94a3b8);white-space:nowrap}.nice-ksb-badge--src{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2));color:var(--nice-color-accent, #a5b4fc)}.nice-ksb-badge--score{background:var(--nice-warning-bg, rgba(251, 191, 36, .12));color:var(--nice-warning-text, #fbbf24)}.nice-ksb-row__play{flex:0 0 auto;padding:var(--nice-space-1-5, 6px) var(--nice-space-3-5, 14px);border:none;border-radius:var(--nice-radius-md, 6px);background:var(--nice-accent, #6366f1);color:var(--nice-text-on-primary, #fff);cursor:pointer;font-weight:600;font-size:13px}.nice-ksb-row__play:disabled{opacity:.5;cursor:not-allowed}.nice-ksb__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--nice-space-3, 12px);padding-top:var(--nice-space-2, 8px);border-top:1px solid var(--nice-border, #1e293b);color:var(--nice-text-muted, #94a3b8);font-size:13px}.nice-ksb__confirm{padding:var(--nice-space-2, 8px) 18px;border:none;border-radius:var(--nice-radius-md, 6px);background:var(--nice-success, #22c55e);color:var(--nice-text-on-primary, #fff);cursor:pointer;font-weight:700}.nice-ksb__confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.nice-ksb{flex-direction:column}.nice-ksb__sidebar{flex-basis:auto;flex-direction:row;flex-wrap:wrap;max-height:none}.nice-ksb-row__meta{display:none}}.nice-fx-rack{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(180deg,var(--nice-bg, #1a1a2e),var(--nice-bg, #16213e));border-radius:var(--nice-radius-xl, 12px);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));font-family:system-ui,-apple-system,sans-serif}.nice-fx-rack--compact{padding:.75rem;gap:.5rem}.nice-fx-rack__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-fx-rack__title{margin:0;font-size:1rem;font-weight:600;color:var(--nice-text-primary, #fff)}.nice-fx-rack__count{font-size:.75rem;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));padding:.25rem .5rem;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-sm, 4px)}.nice-fx-rack__chain{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;min-height:120px}.nice-fx-rack__slot{display:flex;align-items:center;gap:.5rem}.nice-fx-rack__connector{display:inline-flex;align-items:center;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-fx-rack__empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3));font-size:.875rem;border:2px dashed var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, 8px)}.nice-fx-card{display:flex;flex-direction:column;min-width:180px;background:var(--nice-overlay-30, rgba(0, 0, 0, .3));border-radius:var(--nice-radius-lg, 8px);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));overflow:hidden;cursor:grab;transition:all .2s ease}.nice-fx-card:hover{border-color:var(--nice-accent-tint-50, rgba(139, 92, 246, .5));box-shadow:0 4px 12px var(--nice-overlay-30, rgba(0, 0, 0, .3))}.nice-fx-card:active{cursor:grabbing}.nice-fx-card--disabled{opacity:.5}.nice-fx-card--drop-target{border-color:var(--nice-success, #22c55e);box-shadow:0 0 0 2px var(--nice-success-tint-30, rgba(34, 197, 94, .3))}.nice-fx-card--compact{min-width:140px}.nice-fx-card__header{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05));border-bottom:1px solid var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-fx-card__icon{font-size:1rem}.nice-fx-card__title{flex:1;font-size:.75rem;font-weight:600;color:var(--nice-text-primary, #fff);text-transform:uppercase;letter-spacing:.05em}.nice-fx-card__toggle{width:20px;height:20px;padding:0;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-full, 50%);color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:.75rem;cursor:pointer;transition:all .2s ease}.nice-fx-card__toggle-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;background:transparent}.nice-fx-card__toggle--active .nice-fx-card__toggle-dot{background:currentColor}.nice-fx-card__toggle:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-fx-card__toggle--active{background:var(--nice-success, #22c55e);color:var(--nice-text-on-primary, #fff)}.nice-fx-card__presets{position:relative}.nice-fx-card__preset-btn{width:24px;height:20px;padding:0;border:none;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-sm, 4px);color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:.625rem;cursor:pointer}.nice-fx-card__preset-btn:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-fx-card__preset-menu{position:absolute;top:100%;right:0;z-index:100;min-width:120px;margin-top:var(--nice-space-1, 4px);padding:.25rem;background:var(--nice-bg, #1a1a2e);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-md, 6px);box-shadow:0 4px 12px var(--nice-overlay-50, rgba(0, 0, 0, .5))}.nice-fx-card__preset-item{display:block;width:100%;padding:.375rem .5rem;border:none;background:none;color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));font-size:.75rem;text-align:left;text-transform:capitalize;cursor:pointer;border-radius:var(--nice-radius-sm, 4px)}.nice-fx-card__preset-item:hover{background:var(--nice-accent-tint-30, rgba(139, 92, 246, .3))}.nice-fx-card__remove{width:20px;height:20px;padding:0;border:none;background:none;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3));font-size:1rem;cursor:pointer;transition:all .2s ease}.nice-fx-card__remove:hover{color:var(--nice-danger, #ef4444)}.nice-fx-card__body{padding:.75rem}.nice-fx-card__controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.nice-fx-card__generic{display:flex;justify-content:center}.nice-fx-knob{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:44px}.nice-fx-knob--disabled{opacity:.4;pointer-events:none}.nice-fx-knob__dial{position:relative;width:36px;height:36px;background:linear-gradient(145deg,var(--nice-bg-secondary, #2a2a4a),var(--nice-bg, #1a1a2e));border-radius:var(--nice-radius-full, 50%);border:2px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px var(--nice-overlay-30, rgba(0, 0, 0, .3));transition:border-color .2s ease}.nice-fx-knob__dial:hover{border-color:var(--nice-accent-tint-50, rgba(139, 92, 246, .5))}.nice-fx-knob__dial--active{border-color:var(--nice-accent, #8b5cf6)}.nice-fx-knob__indicator{position:absolute;top:4px;left:50%;width:2px;height:8px;background:var(--nice-accent, #8b5cf6);border-radius:var(--nice-radius-xs, 1px);transform:translate(-50%)}.nice-fx-knob__label{font-size:.625rem;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.05em;text-align:center}.nice-fx-knob__value{font-size:.625rem;color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));font-weight:500;text-align:center}.nice-fx-rack__add{position:relative}.nice-fx-rack__add-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;border:2px dashed var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-lg, 8px);background:none;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-fx-rack__add-btn:hover{border-color:var(--nice-accent-tint-50, rgba(139, 92, 246, .5));color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));background:var(--nice-accent-tint-10, rgba(139, 92, 246, .1))}.nice-fx-rack__add-menu{position:absolute;bottom:100%;left:0;right:0;z-index:100;display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem;margin-bottom:var(--nice-space-2, 8px);padding:.5rem;background:var(--nice-bg, #1a1a2e);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, 8px);box-shadow:0 -4px 12px var(--nice-overlay-30, rgba(0, 0, 0, .3))}.nice-fx-rack__add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:none;background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05));border-radius:var(--nice-radius-md, 6px);color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));font-size:.75rem;cursor:pointer;transition:all .2s ease}.nice-fx-rack__add-item:hover{background:var(--nice-accent-tint-30, rgba(139, 92, 246, .3))}.nice-fx-rack__add-icon{font-size:1rem}.nice-fx-rack__add-label{text-align:left}@media(max-width:600px){.nice-fx-rack{padding:.75rem}.nice-fx-card{min-width:100%}.nice-fx-rack__add-menu{grid-template-columns:1fr}}.nice-dmx-timeline{display:flex;flex-direction:column;height:100%;min-height:300px;background:linear-gradient(to bottom,var(--nice-bg, #1a1a2e),var(--nice-bg, #0f0f1a));border-radius:var(--nice-radius-lg, 8px);overflow:hidden;color:var(--nice-text-secondary, #e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.nice-dmx-timeline__toolbar{display:flex;align-items:center;gap:var(--nice-space-4, 16px);padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:var(--nice-overlay-30, rgba(0, 0, 0, .3));border-bottom:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-dmx-timeline__transport{display:flex;gap:var(--nice-space-1, 4px)}.nice-dmx-timeline__transport button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--nice-accent-tint-30, rgba(139, 92, 246, .3));border:none;border-radius:var(--nice-radius-sm, 4px);color:var(--nice-text-on-primary, #fff);cursor:pointer;font-size:14px;transition:all .15s}.nice-dmx-timeline__transport button:hover{background:var(--nice-accent-tint-50, rgba(139, 92, 246, .5))}.nice-dmx-timeline__transport button:active{transform:scale(.95)}.nice-dmx-timeline__time{font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:600;color:var(--nice-info, #22d3ee);min-width:100px}.nice-dmx-timeline__tools{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-dmx-timeline__tools button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border:none;border-radius:var(--nice-radius-sm, 4px);color:var(--nice-text-muted, #aaa);cursor:pointer;transition:all .15s}.nice-dmx-timeline__tools button:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-text-on-primary, #fff)}.nice-dmx-timeline__tools button.active{background:var(--nice-accent-tint-40, rgba(139, 92, 246, .4));color:var(--nice-text-on-primary, #fff)}.nice-dmx-timeline__zoom{font-size:11px;color:var(--nice-text-secondary, #888);min-width:40px;text-align:center}.nice-dmx-timeline__bpm{display:flex;align-items:center;gap:var(--nice-space-1-5, 6px);font-size:12px;color:var(--nice-text-secondary, #888)}.nice-dmx-timeline__bpm span{color:var(--nice-color-accent-pink, #f472b6);font-weight:600}.nice-dmx-timeline__blackout{margin-left:auto;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nice-danger-tint-30, rgba(239, 68, 68, .3));border:none;border-radius:var(--nice-radius-sm, 4px);color:var(--nice-text-on-primary, #fff);cursor:pointer;font-size:14px;transition:all .15s}.nice-dmx-timeline__blackout:hover{background:#ef444480}.nice-dmx-timeline__content{flex:1;display:flex;overflow:hidden}.nice-dmx-timeline__headers{width:180px;min-width:150px;background:var(--nice-overlay-20, rgba(0, 0, 0, .2));border-right:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));overflow-y:auto;padding-top:var(--nice-space-8, 32px)}.nice-dmx-timeline__header{display:flex;align-items:center;gap:var(--nice-space-2, 8px);height:48px;padding:0 var(--nice-space-3, 12px);border-bottom:1px solid var(--nice-overlay-light-5, rgba(255, 255, 255, .05));cursor:pointer;transition:background .15s}.nice-dmx-timeline__header:hover{background:var(--nice-accent-tint-10, rgba(139, 92, 246, .1))}.nice-dmx-timeline__header--selected{background:var(--nice-accent-tint-20, rgba(139, 92, 246, .2))}.nice-dmx-timeline__track-color{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%)}.nice-dmx-timeline__track-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-dmx-timeline__track-controls{display:flex;gap:var(--nice-space-1, 4px)}.nice-dmx-timeline__track-controls button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border:none;border-radius:var(--nice-radius-sm, 3px);color:var(--nice-text-secondary, #888);cursor:pointer;font-size:10px;transition:all .15s}.nice-dmx-timeline__track-controls button:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-text-on-primary, #fff)}.nice-dmx-timeline__track-controls button.active{background:var(--nice-danger-tint-40, rgba(239, 68, 68, .4));color:var(--nice-text-on-primary, #fff)}.nice-dmx-timeline__add-track{width:100%;padding:var(--nice-space-3, 12px);background:none;border:none;border-top:1px dashed var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-text-secondary, #666);cursor:pointer;text-align:center;transition:all .15s}.nice-dmx-timeline__add-track:hover{background:var(--nice-accent-tint-10, rgba(139, 92, 246, .1));color:var(--nice-accent, #8b5cf6)}.nice-dmx-timeline__tracks{flex:1;overflow:auto;position:relative}.nice-dmx-timeline__ruler{position:sticky;top:0;height:32px;background:var(--nice-overlay-40, rgba(0, 0, 0, .4));border-bottom:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));z-index:10}.nice-dmx-timeline__beat{position:absolute;top:0;bottom:0;width:1px;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-dmx-timeline__beat--measure{background:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-dmx-timeline__beat-label{position:absolute;top:4px;left:4px;font-size:10px;color:var(--nice-text-secondary, #888)}.nice-dmx-timeline__track{position:relative;height:48px;border-bottom:1px solid var(--nice-overlay-light-5, rgba(255, 255, 255, .05));background:linear-gradient(90deg,var(--nice-overlay-light-2, rgba(255, 255, 255, .02)) 0%,transparent 1px,transparent 100%);background-size:100px 100%}.nice-dmx-timeline__track--muted{opacity:.4}.nice-dmx-timeline__cue{position:absolute;top:4px;height:calc(100% - 8px);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;overflow:hidden;transition:box-shadow .15s}.nice-dmx-timeline__cue:hover{box-shadow:0 0 0 2px var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-dmx-timeline__cue--selected{box-shadow:0 0 0 2px var(--nice-bg, #fff)}.nice-dmx-timeline__cue-name{position:absolute;top:4px;left:6px;right:6px;font-size:11px;font-weight:500;color:var(--nice-text-primary, #fff);text-shadow:0 1px 2px var(--nice-overlay-50, rgba(0, 0, 0, .5));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-dmx-timeline__cue-fade{position:absolute;top:0;bottom:0;background:linear-gradient(to right,var(--nice-overlay-80, rgba(0, 0, 0, .8)),transparent)}.nice-dmx-timeline__cue-fade--in{left:0}.nice-dmx-timeline__cue-fade--out{right:0;transform:scaleX(-1)}.nice-dmx-timeline__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--nice-danger, #ef4444);z-index:20;pointer-events:none}.nice-dmx-timeline__playhead:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--nice-danger, #ef4444)}.nice-dmx-timeline__tracks::-webkit-scrollbar,.nice-dmx-timeline__headers::-webkit-scrollbar{width:8px;height:8px}.nice-dmx-timeline__tracks::-webkit-scrollbar-track,.nice-dmx-timeline__headers::-webkit-scrollbar-track{background:transparent}.nice-dmx-timeline__tracks::-webkit-scrollbar-thumb,.nice-dmx-timeline__headers::-webkit-scrollbar-thumb{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-sm, 4px)}.nice-dmx-timeline__tracks::-webkit-scrollbar-thumb:hover,.nice-dmx-timeline__headers::-webkit-scrollbar-thumb:hover{background:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}@media(max-width:768px){.nice-dmx-timeline__toolbar{flex-wrap:wrap;gap:var(--nice-space-2, 8px)}.nice-dmx-timeline__headers{width:120px;min-width:100px}.nice-dmx-timeline__track-controls,.nice-dmx-timeline__bpm{display:none}}
1
+ ._panel_3bj7x_3{margin-bottom:var(--nice-space-3, 12px);padding:var(--nice-space-3, 12px);border:1px solid var(--nice-border-color, #e5e7eb);border-radius:var(--nice-radius-md, 6px);background:var(--nice-bg-primary, #ffffff);color:var(--nice-text-primary, #0f172a)}._panelCompact_3bj7x_19{padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px)}._panelNarrow_3bj7x_25{max-width:520px}._panelWide_3bj7x_31{max-width:820px}._heading_3bj7x_37{margin:0 0 var(--nice-space-2, 8px);font-size:var(--nice-font-size-md, 14px);font-weight:var(--nice-font-weight-semibold, 600)}._row_3bj7x_53{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--nice-space-2, 8px) var(--nice-space-3, 12px)}._field_3bj7x_65{margin-bottom:var(--nice-space-2, 8px)}._buttonRow_3bj7x_71{display:flex;gap:var(--nice-space-2, 8px)}._sliderW200_3bj7x_83{width:200px}._sliderW240_3bj7x_89{width:240px}._selectW160_3bj7x_95{width:160px}._inputW120_3bj7x_101{width:120px}._inputW160_3bj7x_107{width:160px}._inputW200_3bj7x_113{width:200px}._noteText_3bj7x_123{font-size:13px;color:var(--nice-text-secondary, #888)}._noteTextMargin_3bj7x_131{font-size:13px;color:var(--nice-text-secondary, #888);margin-top:var(--nice-space-1, 4px)}._presetDivider_3bj7x_145{display:grid;gap:var(--nice-space-2, 8px);margin-top:var(--nice-space-2, 8px);padding-top:var(--nice-space-2, 8px);border-top:1px solid var(--nice-border-color, #444)}._presetLabel_3bj7x_159{font-size:11px;font-weight:600;color:var(--nice-text-muted, #aaa)}._countInAlert_3bj7x_173{font-size:12px;color:var(--nice-warning, #f57c00)}._levelLabel_3bj7x_181{font-size:12px;color:var(--nice-text-secondary, #555)}._levelMeter_3bj7x_189{position:relative;background:var(--nice-bg-secondary, #f1f1f1);height:12px;border-radius:var(--nice-radius-md, 6px);overflow:hidden;width:80px}._levelBar_3bj7x_205{position:absolute;left:0;top:0;bottom:0;transition:width 80ms linear}._panelInactive_3bj7x_225{opacity:.6}._header_3bj7x_231{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nice-space-2, 8px);margin-bottom:var(--nice-space-2, 8px)}._title_3bj7x_245{margin:0;font-size:var(--nice-font-size-md, 14px);font-weight:var(--nice-font-weight-semibold, 600);color:var(--nice-color-primary, #2563eb)}._grid2_3bj7x_257{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nice-space-2, 8px) var(--nice-space-3, 12px)}._full_3bj7x_267{grid-column:1 / -1}._label_3bj7x_275{display:block;margin-bottom:var(--nice-space-1, 4px);font-size:var(--nice-font-size-sm, .8125rem);font-weight:var(--nice-font-weight-medium, 500);line-height:var(--nice-line-height, 1.5);color:var(--nice-text-primary, #0f172a)}._grow_3bj7x_291{flex:1 1 auto;min-width:0}._pushRight_3bj7x_299{margin-left:auto}._alignStart_3bj7x_305{align-items:flex-start}._toolbar_3bj7x_311{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nice-space-1, 4px);margin-bottom:var(--nice-space-2, 8px)}._subPanel_3bj7x_325{margin-bottom:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px);border:1px solid var(--nice-border-color, #e5e7eb);border-radius:var(--nice-radius-md, 6px);background:var(--nice-bg-secondary, #f8fafc)}.karaoke-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-80, rgba(0, 0, 0, .8));padding:var(--nice-space-6, 24px);z-index:1000;color:var(--nice-color-white, #fff)}.karaoke-summary-card{background:linear-gradient(180deg,var(--nice-bg-tertiary) 0%,var(--nice-bg-secondary) 100%);border-radius:var(--nice-radius-2xl, 16px);padding:var(--nice-space-7, 28px);width:min(700px,95vw);max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px var(--nice-overlay-50, rgba(0, 0, 0, .5));display:flex;flex-direction:column;gap:18px}.karaoke-summary-title{margin:0;font-size:1.4rem;font-weight:700;text-align:center;color:var(--nice-text, #e2e8f0)}.karaoke-summary-bars{display:flex;flex-direction:column;gap:var(--nice-space-2-5, 10px)}.karaoke-summary-bar{display:flex;align-items:center;gap:var(--nice-space-2-5, 10px);width:100%}.karaoke-summary-bar-rank{width:32px;flex-shrink:0;text-align:center;font-size:18px}.karaoke-summary-bar-name{width:100px;flex-shrink:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.karaoke-summary-bar-track{position:relative;flex:1;height:28px;border-radius:var(--nice-radius-md, 6px);background:var(--nice-bg-secondary);overflow:hidden}.karaoke-summary-bar-fill-bonus,.karaoke-summary-bar-fill-classic{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--nice-radius-md, 6px)}.karaoke-summary-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--nice-space-2, 8px);font-size:13px;font-weight:700;color:var(--nice-text-primary, #fff);text-shadow:0 1px 3px var(--nice-overlay-70, rgba(0, 0, 0, .7))}.karaoke-summary-bar-text-bonus{margin-left:var(--nice-space-1, 4px);font-size:11px}.karaoke-summary-bar-total{width:70px;flex-shrink:0;text-align:right;font-weight:700;font-size:15px;color:var(--nice-warning-light, #fbbf24)}.karaoke-summary-ranks{display:flex;gap:var(--nice-space-4, 16px);flex-wrap:wrap}.karaoke-summary-rank{flex:1;min-width:200px}.karaoke-summary-rank-title{margin:0 0 var(--nice-space-1-5, 6px);font-size:14px;color:var(--nice-text-muted, #94a3b8)}.karaoke-summary-rank-table{width:100%;border-collapse:collapse;font-size:13px}.karaoke-summary-rank-row{border-bottom:1px solid var(--nice-border, #1e293b)}.karaoke-summary-rank-row--hl{background:var(--nice-warning-tint-10, rgba(251, 191, 36, .1))}.karaoke-summary-rank-pos{width:24px;padding:var(--nice-space-0-75, 3px) var(--nice-space-1-5, 6px);color:var(--nice-text-dim, #64748b)}.karaoke-summary-rank-pos--top{color:var(--nice-warning-light, #fbbf24);font-weight:700}.karaoke-summary-rank-name{padding:var(--nice-space-0-75, 3px) var(--nice-space-1-5, 6px);color:var(--nice-text, #cbd5e1)}.karaoke-summary-rank-row--hl .karaoke-summary-rank-name{font-weight:700}.karaoke-summary-rank-score{padding:var(--nice-space-0-75, 3px) var(--nice-space-1-5, 6px);text-align:right;color:var(--nice-text-muted, #94a3b8)}.karaoke-summary-rank-row--hl .karaoke-summary-rank-score{color:var(--nice-warning-light, #fbbf24)}.karaoke-summary-empty{text-align:center;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:1rem;padding:2rem}.karaoke-summary-actions{display:flex;gap:var(--nice-space-3, 12px);justify-content:flex-end;margin-top:var(--nice-space-1, 4px)}.karaoke-summary-btn{min-width:120px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:700;border:none;border-radius:var(--nice-radius-lg, 8px);cursor:pointer;transition:all .2s ease}.karaoke-summary-btn--report{background:var(--nice-accent, #6366f1);color:var(--nice-text-on-primary, #fff)}.karaoke-summary-btn--restart{background:var(--nice-success, #22c55e);color:var(--nice-text-on-primary, #fff)}.karaoke-summary-btn--continue{background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-color-white, #fff);border:1px solid var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.karaoke-summary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:600px){.karaoke-summary-card{padding:18px}.karaoke-summary-bar-name{width:72px}.karaoke-summary-actions{flex-direction:column}.karaoke-summary-btn{width:100%}}.nice-ksb{display:flex;gap:var(--nice-space-4, 16px);width:100%;color:var(--nice-text, #e2e8f0);font-size:14px}.nice-ksb__sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:var(--nice-space-1, 4px);max-height:600px;overflow-y:auto}.nice-ksb__facet{margin-top:var(--nice-space-2-5, 10px)}.nice-ksb__facet-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--nice-text-muted, #94a3b8);margin:var(--nice-space-1, 4px) var(--nice-space-1-5, 6px)}.nice-ksb__node{display:block;width:100%;text-align:left;padding:var(--nice-space-1-75, 7px) var(--nice-space-2-5, 10px);border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;color:var(--nice-text, #cbd5e1);cursor:pointer;font-size:13px}.nice-ksb__node:hover{background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-ksb__node--active{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2));color:var(--nice-color-accent, #a5b4fc);font-weight:600}.nice-ksb__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--nice-space-2-5, 10px)}.nice-ksb__toolbar{display:flex;gap:var(--nice-space-2-5, 10px);align-items:center;flex-wrap:wrap}.nice-ksb__search{flex:1;min-width:180px;padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border-radius:var(--nice-radius-md, 6px);border:1px solid var(--nice-border, #334155);background:var(--nice-bg-secondary);color:var(--nice-text, #e2e8f0);font-size:14px}.nice-ksb__sort{display:flex;gap:var(--nice-space-1, 4px);flex-wrap:wrap}.nice-ksb__sort-btn{padding:var(--nice-space-1-5, 6px) var(--nice-space-2-5, 10px);border:1px solid var(--nice-border, #334155);border-radius:var(--nice-radius-md, 6px);background:transparent;color:var(--nice-text-muted, #94a3b8);cursor:pointer;font-size:12px;text-transform:capitalize}.nice-ksb__sort-btn--active{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2));color:var(--nice-color-accent, #a5b4fc);border-color:var(--nice-accent, #6366f1)}.nice-ksb__navhint{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);margin-left:auto;padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-md, 6px);color:var(--nice-text-muted, #94a3b8);font-size:12px;white-space:nowrap}.nice-ksb__navhint--pad{color:var(--nice-accent-light, #a5b4fc);background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2))}.nice-ksb__navhint-keys{font-variant-numeric:tabular-nums}.nice-ksb__disabled{padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);border-radius:var(--nice-radius-md, 6px);background:var(--nice-warning-tint-10, rgba(251, 191, 36, .1));color:var(--nice-warning-light, #fbbf24);font-size:13px}.nice-ksb__list{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px);max-height:560px;overflow-y:auto}.nice-ksb__empty{text-align:center;padding:var(--nice-space-8, 32px);color:var(--nice-text-muted, #94a3b8)}.nice-ksb-row{display:flex;align-items:center;gap:var(--nice-space-2-5, 10px);padding:var(--nice-space-1-5, 6px) var(--nice-space-2, 8px);border-radius:var(--nice-radius-md, 8px);cursor:pointer}.nice-ksb-row:hover{background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-ksb-row--selected{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2))}.nice-ksb-row--active{box-shadow:inset 0 0 0 2px var(--nice-accent, #6366f1);background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-ksb-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--nice-accent, #6366f1)}.nice-ksb-row__check{flex:0 0 auto;width:16px;height:16px}.nice-ksb-row__cover{flex:0 0 auto;width:44px;height:44px;border-radius:var(--nice-radius-md, 6px);object-fit:cover;background:var(--nice-bg-tertiary)}.nice-ksb-row__main{flex:1;min-width:0}.nice-ksb-row__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-ksb-row__artist{font-size:12px;color:var(--nice-text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nice-ksb-row__meta{display:flex;gap:var(--nice-space-1, 4px);flex-wrap:wrap;justify-content:flex-end;max-width:50%}.nice-ksb-badge{font-size:11px;padding:var(--nice-space-0-5, 2px) var(--nice-space-1-75, 7px);border-radius:var(--nice-radius-full, 999px);background:var(--nice-bg-tertiary);color:var(--nice-text-muted, #94a3b8);white-space:nowrap}.nice-ksb-badge--src{background:var(--nice-accent-tint-20, rgba(99, 102, 241, .2));color:var(--nice-color-accent, #a5b4fc)}.nice-ksb-badge--score{background:var(--nice-warning-bg, rgba(251, 191, 36, .12));color:var(--nice-warning-text, #fbbf24)}.nice-ksb-row__play{flex:0 0 auto;padding:var(--nice-space-1-5, 6px) var(--nice-space-3-5, 14px);border:none;border-radius:var(--nice-radius-md, 6px);background:var(--nice-accent, #6366f1);color:var(--nice-text-on-primary, #fff);cursor:pointer;font-weight:600;font-size:13px}.nice-ksb-row__play:disabled{opacity:.5;cursor:not-allowed}.nice-ksb__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--nice-space-3, 12px);padding-top:var(--nice-space-2, 8px);border-top:1px solid var(--nice-border, #1e293b);color:var(--nice-text-muted, #94a3b8);font-size:13px}.nice-ksb__confirm{padding:var(--nice-space-2, 8px) 18px;border:none;border-radius:var(--nice-radius-md, 6px);background:var(--nice-success, #22c55e);color:var(--nice-text-on-primary, #fff);cursor:pointer;font-weight:700}.nice-ksb__confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.nice-ksb{flex-direction:column}.nice-ksb__sidebar{flex-basis:auto;flex-direction:row;flex-wrap:wrap;max-height:none}.nice-ksb-row__meta{display:none}}._editor_qz5p3_5{padding:var(--nice-space-3, 12px);border:1px solid var(--nice-border-color, #e5e7eb);border-radius:var(--nice-radius-md, 6px);background:var(--nice-bg-primary, #ffffff);color:var(--nice-text-primary, #0f172a)}._heading_qz5p3_19{display:flex;align-items:center;gap:var(--nice-space-1, 4px);margin:0 0 var(--nice-space-1, 4px);font-size:var(--nice-font-size-md, 14px);font-weight:var(--nice-font-weight-semibold, 600)}._hint_qz5p3_35{margin:0 0 var(--nice-space-3, 12px);font-size:var(--nice-font-size-sm, .8125rem);color:var(--nice-text-secondary, #475569)}._group_qz5p3_49{margin-bottom:var(--nice-space-2, 8px);padding:var(--nice-space-2, 8px);border-left:3px solid var(--nice-color-primary, #2563eb);border-radius:var(--nice-radius-sm, 4px)}._groupOr_qz5p3_61{border-left-color:var(--nice-color-warning, #f59e0b)}._groupShaded_qz5p3_67{background:var(--nice-bg-secondary, #f8fafc)}._groupHeader_qz5p3_73{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nice-space-2, 8px);margin-bottom:var(--nice-space-2, 8px)}._groupHint_qz5p3_87{font-size:var(--nice-font-size-sm, .8125rem);color:var(--nice-text-secondary, #475569)}._groupActions_qz5p3_95{display:flex;gap:var(--nice-space-1, 4px);margin-left:auto}._rule_qz5p3_107{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nice-space-2, 8px);margin-bottom:var(--nice-space-2, 8px)}._value_qz5p3_121{width:180px}._value2_qz5p3_127{width:140px}._dash_qz5p3_133{color:var(--nice-text-secondary, #475569)}._limit_qz5p3_141{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--nice-space-2, 8px);margin-top:var(--nice-space-3, 12px);padding-top:var(--nice-space-2, 8px);border-top:1px solid var(--nice-border-color, #e5e7eb)}._limitInput_qz5p3_159{width:140px}.nice-fx-rack{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(180deg,var(--nice-bg, #1a1a2e),var(--nice-bg, #16213e));border-radius:var(--nice-radius-xl, 12px);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));font-family:system-ui,-apple-system,sans-serif}.nice-fx-rack--compact{padding:.75rem;gap:.5rem}.nice-fx-rack__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-fx-rack__title{margin:0;font-size:1rem;font-weight:600;color:var(--nice-text-primary, #fff)}.nice-fx-rack__count{font-size:.75rem;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));padding:.25rem .5rem;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-sm, 4px)}.nice-fx-rack__chain{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;min-height:120px}.nice-fx-rack__slot{display:flex;align-items:center;gap:.5rem}.nice-fx-rack__connector{display:inline-flex;align-items:center;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-fx-rack__empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3));font-size:.875rem;border:2px dashed var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, 8px)}.nice-fx-card{display:flex;flex-direction:column;min-width:180px;background:var(--nice-overlay-30, rgba(0, 0, 0, .3));border-radius:var(--nice-radius-lg, 8px);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));overflow:hidden;cursor:grab;transition:all .2s ease}.nice-fx-card:hover{border-color:var(--nice-accent-tint-50, rgba(139, 92, 246, .5));box-shadow:0 4px 12px var(--nice-overlay-30, rgba(0, 0, 0, .3))}.nice-fx-card:active{cursor:grabbing}.nice-fx-card--disabled{opacity:.5}.nice-fx-card--drop-target{border-color:var(--nice-success, #22c55e);box-shadow:0 0 0 2px var(--nice-success-tint-30, rgba(34, 197, 94, .3))}.nice-fx-card--compact{min-width:140px}.nice-fx-card__header{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05));border-bottom:1px solid var(--nice-overlay-light-5, rgba(255, 255, 255, .05))}.nice-fx-card__icon{font-size:1rem}.nice-fx-card__title{flex:1;font-size:.75rem;font-weight:600;color:var(--nice-text-primary, #fff);text-transform:uppercase;letter-spacing:.05em}.nice-fx-card__toggle{width:20px;height:20px;padding:0;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-full, 50%);color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:.75rem;cursor:pointer;transition:all .2s ease}.nice-fx-card__toggle-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;background:transparent}.nice-fx-card__toggle--active .nice-fx-card__toggle-dot{background:currentColor}.nice-fx-card__toggle:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-fx-card__toggle--active{background:var(--nice-success, #22c55e);color:var(--nice-text-on-primary, #fff)}.nice-fx-card__presets{position:relative}.nice-fx-card__preset-btn{width:24px;height:20px;padding:0;border:none;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-sm, 4px);color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:.625rem;cursor:pointer}.nice-fx-card__preset-btn:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2))}.nice-fx-card__preset-menu{position:absolute;top:100%;right:0;z-index:100;min-width:120px;margin-top:var(--nice-space-1, 4px);padding:.25rem;background:var(--nice-bg, #1a1a2e);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-md, 6px);box-shadow:0 4px 12px var(--nice-overlay-50, rgba(0, 0, 0, .5))}.nice-fx-card__preset-item{display:block;width:100%;padding:.375rem .5rem;border:none;background:none;color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));font-size:.75rem;text-align:left;text-transform:capitalize;cursor:pointer;border-radius:var(--nice-radius-sm, 4px)}.nice-fx-card__preset-item:hover{background:var(--nice-accent-tint-30, rgba(139, 92, 246, .3))}.nice-fx-card__remove{width:20px;height:20px;padding:0;border:none;background:none;color:var(--nice-overlay-light-30, rgba(255, 255, 255, .3));font-size:1rem;cursor:pointer;transition:all .2s ease}.nice-fx-card__remove:hover{color:var(--nice-danger, #ef4444)}.nice-fx-card__body{padding:.75rem}.nice-fx-card__controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.nice-fx-card__generic{display:flex;justify-content:center}.nice-fx-knob{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:44px}.nice-fx-knob--disabled{opacity:.4;pointer-events:none}.nice-fx-knob__dial{position:relative;width:36px;height:36px;background:linear-gradient(145deg,var(--nice-bg-secondary, #2a2a4a),var(--nice-bg, #1a1a2e));border-radius:var(--nice-radius-full, 50%);border:2px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px var(--nice-overlay-30, rgba(0, 0, 0, .3));transition:border-color .2s ease}.nice-fx-knob__dial:hover{border-color:var(--nice-accent-tint-50, rgba(139, 92, 246, .5))}.nice-fx-knob__dial--active{border-color:var(--nice-accent, #8b5cf6)}.nice-fx-knob__indicator{position:absolute;top:4px;left:50%;width:2px;height:8px;background:var(--nice-accent, #8b5cf6);border-radius:var(--nice-radius-xs, 1px);transform:translate(-50%)}.nice-fx-knob__label{font-size:.625rem;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.05em;text-align:center}.nice-fx-knob__value{font-size:.625rem;color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));font-weight:500;text-align:center}.nice-fx-rack__add{position:relative}.nice-fx-rack__add-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;border:2px dashed var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-lg, 8px);background:none;color:var(--nice-overlay-light-50, rgba(255, 255, 255, .5));font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nice-fx-rack__add-btn:hover{border-color:var(--nice-accent-tint-50, rgba(139, 92, 246, .5));color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));background:var(--nice-accent-tint-10, rgba(139, 92, 246, .1))}.nice-fx-rack__add-menu{position:absolute;bottom:100%;left:0;right:0;z-index:100;display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem;margin-bottom:var(--nice-space-2, 8px);padding:.5rem;background:var(--nice-bg, #1a1a2e);border:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border-radius:var(--nice-radius-lg, 8px);box-shadow:0 -4px 12px var(--nice-overlay-30, rgba(0, 0, 0, .3))}.nice-fx-rack__add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:none;background:var(--nice-overlay-light-5, rgba(255, 255, 255, .05));border-radius:var(--nice-radius-md, 6px);color:var(--nice-overlay-light-80, rgba(255, 255, 255, .8));font-size:.75rem;cursor:pointer;transition:all .2s ease}.nice-fx-rack__add-item:hover{background:var(--nice-accent-tint-30, rgba(139, 92, 246, .3))}.nice-fx-rack__add-icon{font-size:1rem}.nice-fx-rack__add-label{text-align:left}@media(max-width:600px){.nice-fx-rack{padding:.75rem}.nice-fx-card{min-width:100%}.nice-fx-rack__add-menu{grid-template-columns:1fr}}.nice-dmx-timeline{display:flex;flex-direction:column;height:100%;min-height:300px;background:linear-gradient(to bottom,var(--nice-bg, #1a1a2e),var(--nice-bg, #0f0f1a));border-radius:var(--nice-radius-lg, 8px);overflow:hidden;color:var(--nice-text-secondary, #e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.nice-dmx-timeline__toolbar{display:flex;align-items:center;gap:var(--nice-space-4, 16px);padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);background:var(--nice-overlay-30, rgba(0, 0, 0, .3));border-bottom:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-dmx-timeline__transport{display:flex;gap:var(--nice-space-1, 4px)}.nice-dmx-timeline__transport button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--nice-accent-tint-30, rgba(139, 92, 246, .3));border:none;border-radius:var(--nice-radius-sm, 4px);color:var(--nice-color-white, #fff);cursor:pointer;font-size:14px;transition:all .15s}.nice-dmx-timeline__transport button:hover{background:var(--nice-accent-tint-50, rgba(139, 92, 246, .5))}.nice-dmx-timeline__transport button:active{transform:scale(.95)}.nice-dmx-timeline__time{font-family:Consolas,Monaco,monospace;font-size:18px;font-weight:600;color:var(--nice-info, #22d3ee);min-width:100px}.nice-dmx-timeline__tools{display:flex;align-items:center;gap:var(--nice-space-1, 4px)}.nice-dmx-timeline__tools button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border:none;border-radius:var(--nice-radius-sm, 4px);color:var(--nice-text-muted, #aaa);cursor:pointer;transition:all .15s}.nice-dmx-timeline__tools button:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-color-white, #fff)}.nice-dmx-timeline__tools button.active{background:var(--nice-accent-tint-40, rgba(139, 92, 246, .4));color:var(--nice-color-white, #fff)}.nice-dmx-timeline__zoom{font-size:11px;color:var(--nice-text-secondary, #888);min-width:40px;text-align:center}.nice-dmx-timeline__bpm{display:flex;align-items:center;gap:var(--nice-space-1-5, 6px);font-size:12px;color:var(--nice-text-secondary, #888)}.nice-dmx-timeline__bpm span{color:var(--nice-color-accent-pink, #f472b6);font-weight:600}.nice-dmx-timeline__blackout{margin-left:auto;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);background:var(--nice-danger-tint-30, rgba(239, 68, 68, .3));border:none;border-radius:var(--nice-radius-sm, 4px);color:var(--nice-color-white, #fff);cursor:pointer;font-size:14px;transition:all .15s}.nice-dmx-timeline__blackout:hover{background:#ef444480}.nice-dmx-timeline__content{flex:1;display:flex;overflow:hidden}.nice-dmx-timeline__headers{width:180px;min-width:150px;background:var(--nice-overlay-20, rgba(0, 0, 0, .2));border-right:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));overflow-y:auto;padding-top:var(--nice-space-8, 32px)}.nice-dmx-timeline__header{display:flex;align-items:center;gap:var(--nice-space-2, 8px);height:48px;padding:0 var(--nice-space-3, 12px);border-bottom:1px solid var(--nice-overlay-light-5, rgba(255, 255, 255, .05));cursor:pointer;transition:background .15s}.nice-dmx-timeline__header:hover{background:var(--nice-accent-tint-10, rgba(139, 92, 246, .1))}.nice-dmx-timeline__header--selected{background:var(--nice-accent-tint-20, rgba(139, 92, 246, .2))}.nice-dmx-timeline__track-color{width:8px;height:8px;border-radius:var(--nice-radius-full, 50%)}.nice-dmx-timeline__track-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-dmx-timeline__track-controls{display:flex;gap:var(--nice-space-1, 4px)}.nice-dmx-timeline__track-controls button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1));border:none;border-radius:var(--nice-radius-sm, 3px);color:var(--nice-text-secondary, #888);cursor:pointer;font-size:10px;transition:all .15s}.nice-dmx-timeline__track-controls button:hover{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));color:var(--nice-color-white, #fff)}.nice-dmx-timeline__track-controls button.active{background:var(--nice-danger-tint-40, rgba(239, 68, 68, .4));color:var(--nice-color-white, #fff)}.nice-dmx-timeline__add-track{width:100%;padding:var(--nice-space-3, 12px);background:none;border:none;border-top:1px dashed var(--nice-overlay-light-10, rgba(255, 255, 255, .1));color:var(--nice-text-secondary, #666);cursor:pointer;text-align:center;transition:all .15s}.nice-dmx-timeline__add-track:hover{background:var(--nice-accent-tint-10, rgba(139, 92, 246, .1));color:var(--nice-accent, #8b5cf6)}.nice-dmx-timeline__tracks{flex:1;overflow:auto;position:relative}.nice-dmx-timeline__ruler{position:sticky;top:0;height:32px;background:var(--nice-overlay-40, rgba(0, 0, 0, .4));border-bottom:1px solid var(--nice-overlay-light-10, rgba(255, 255, 255, .1));z-index:10}.nice-dmx-timeline__beat{position:absolute;top:0;bottom:0;width:1px;background:var(--nice-overlay-light-10, rgba(255, 255, 255, .1))}.nice-dmx-timeline__beat--measure{background:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-dmx-timeline__beat-label{position:absolute;top:4px;left:4px;font-size:10px;color:var(--nice-text-secondary, #888)}.nice-dmx-timeline__track{position:relative;height:48px;border-bottom:1px solid var(--nice-overlay-light-5, rgba(255, 255, 255, .05));background:linear-gradient(90deg,var(--nice-overlay-light-2, rgba(255, 255, 255, .02)) 0%,transparent 1px,transparent 100%);background-size:100px 100%}.nice-dmx-timeline__track--muted{opacity:.4}.nice-dmx-timeline__cue{position:absolute;top:4px;height:calc(100% - 8px);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;overflow:hidden;transition:box-shadow .15s}.nice-dmx-timeline__cue:hover{box-shadow:0 0 0 2px var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}.nice-dmx-timeline__cue--selected{box-shadow:0 0 0 2px var(--nice-bg, #fff)}.nice-dmx-timeline__cue-name{position:absolute;top:4px;left:6px;right:6px;font-size:11px;font-weight:500;color:var(--nice-text-primary, #fff);text-shadow:0 1px 2px var(--nice-overlay-50, rgba(0, 0, 0, .5));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nice-dmx-timeline__cue-fade{position:absolute;top:0;bottom:0;background:linear-gradient(to right,var(--nice-overlay-80, rgba(0, 0, 0, .8)),transparent)}.nice-dmx-timeline__cue-fade--in{left:0}.nice-dmx-timeline__cue-fade--out{right:0;transform:scaleX(-1)}.nice-dmx-timeline__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--nice-danger, #ef4444);z-index:20;pointer-events:none}.nice-dmx-timeline__playhead:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--nice-danger, #ef4444)}.nice-dmx-timeline__tracks::-webkit-scrollbar,.nice-dmx-timeline__headers::-webkit-scrollbar{width:8px;height:8px}.nice-dmx-timeline__tracks::-webkit-scrollbar-track,.nice-dmx-timeline__headers::-webkit-scrollbar-track{background:transparent}.nice-dmx-timeline__tracks::-webkit-scrollbar-thumb,.nice-dmx-timeline__headers::-webkit-scrollbar-thumb{background:var(--nice-overlay-light-20, rgba(255, 255, 255, .2));border-radius:var(--nice-radius-sm, 4px)}.nice-dmx-timeline__tracks::-webkit-scrollbar-thumb:hover,.nice-dmx-timeline__headers::-webkit-scrollbar-thumb:hover{background:var(--nice-overlay-light-30, rgba(255, 255, 255, .3))}@media(max-width:768px){.nice-dmx-timeline__toolbar{flex-wrap:wrap;gap:var(--nice-space-2, 8px)}.nice-dmx-timeline__headers{width:120px;min-width:100px}.nice-dmx-timeline__track-controls,.nice-dmx-timeline__bpm{display:none}}
package/dist/utils/karaokeScoring.d.ts CHANGED
@@ -57,8 +57,6 @@ export interface ScoringResult {
57
57
  bonusScore: number;
58
58
  /** Total = classicScore + bonusScore */
59
59
  totalScore: number;
60
- /** @deprecated Alias for classicScore — backward compat with tests */
61
- total: number;
62
60
  perNote: NoteScoreResult[];
63
61
  combo?: ComboResult;
64
62
  verseRatings?: VerseRating[];
@@ -98,7 +96,6 @@ export declare function scaleTo10k(rawScore: number, theoreticalMax: number): nu
98
96
  * - classicScore: capped at 10 000 (UltraStar parity)
99
97
  * - bonusScore: scaled proportionally but uncapped (combo/completion/gold-full)
100
98
  * - totalScore: classicScore + bonusScore
101
- * - total: alias for classicScore (backward compat)
102
99
  */
103
100
  export declare function scaleResult(result: ScoringResult, notes: NoteDescriptor[], disableGoldNotes?: boolean): ScoringResult;
104
101
  declare const _default: {
package/dist/workers/scoringWorker.d.ts CHANGED
@@ -40,7 +40,6 @@ interface ScoringResult {
40
40
  classicScore: number;
41
41
  bonusScore: number;
42
42
  totalScore: number;
43
- total: number;
44
43
  perNote: NoteScoreResult[];
45
44
  combo?: ComboResult;
46
45
  verseRatings?: VerseRating[];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@nice2dev/ui-audio",
3
- "version": "1.1.9",
4
- "description": "Nice2Dev Audio UI — DAW editor, karaoke engine, player, playlist, DMX, music visualizers for React",
3
+ "version": "1.2.0",
4
+ "description": "Nice2Dev Audio UI — DAW editor, karaoke engine, player, playlist, DMX, music visualizers for React",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
7
7
  "module": "dist/index.mjs",
@@ -62,6 +62,11 @@
62
62
  "bugs": {
63
63
  "url": "https://github.com/NiceToDev/NiceToDev.UI/issues"
64
64
  },
65
+ "dependencies": {
66
+ "hls.js": "^1.7.2",
67
+ "pitchy": "^4.1.0",
68
+ "react-youtube": "^10.1.0"
69
+ },
65
70
  "peerDependencies": {
66
71
  "@nice2dev/icons": "^1.0.29",
67
72
  "@nice2dev/ui": "^1.0.28",
@@ -69,67 +74,18 @@
69
74
  "react": ">=17.0.0",
70
75
  "react-dom": ">=17.0.0"
71
76
  },
72
- "peerDependenciesMeta": {
73
- "recharts": {
74
- "optional": true
75
- },
76
- "react-window": {
77
- "optional": true
78
- },
79
- "react-youtube": {
80
- "optional": true
81
- },
82
- "hls.js": {
83
- "optional": true
84
- },
85
- "pitchy": {
86
- "optional": true
87
- },
88
- "phaser": {
89
- "optional": true
90
- },
91
- "framer-motion": {
92
- "optional": true
93
- },
94
- "@fortawesome/react-fontawesome": {
95
- "optional": true
96
- },
97
- "@fortawesome/free-solid-svg-icons": {
98
- "optional": true
99
- },
100
- "@fortawesome/free-brands-svg-icons": {
101
- "optional": true
102
- },
103
- "music-metadata-browser": {
104
- "optional": true
105
- },
106
- "fflate": {
107
- "optional": true
108
- },
109
- "@ffmpeg/ffmpeg": {
110
- "optional": true
111
- },
112
- "@monaco-editor/react": {
113
- "optional": true
114
- }
115
- },
116
77
  "devDependencies": {
117
- "@nice2dev/ui": "^1.1.9",
118
- "@nice2dev/ui-core": "^1.1.9",
78
+ "@nice2dev/ui": "^1.2.0",
79
+ "@nice2dev/ui-core": "^1.2.0",
119
80
  "@testing-library/jest-dom": "^7.0.1",
120
81
  "@testing-library/react": "^16.3.3",
121
82
  "@types/node": "^22.10.0",
122
83
  "@types/react": "^19.2.18",
123
84
  "@types/react-dom": "^19.2.7",
124
85
  "@vitejs/plugin-react": "^4.7.0",
125
- "hls.js": "^1.7.2",
126
86
  "jsdom": "^29.0.0",
127
- "pitchy": "^4.1.0",
128
87
  "react": "^19.2.8",
129
88
  "react-dom": "^19.2.8",
130
- "react-window": "^1.8.11",
131
- "react-youtube": "^10.1.0",
132
- "recharts": "^3.10.1",
133
89
  "typescript": "^5.9.3",
134
90
  "vite": "^6.4.1",
135
91
  "vite-plugin-dts": "^4.5.4",