.cf-new-badge{display:inline-block;margin-left:8px;padding:1px 7px;font-family:var(--font-mono,monospace);font-size:9px;font-weight:700;letter-spacing:.08em;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:var(--r-pill,999px);animation:cfNewPulse 2.4s ease-in-out infinite}@keyframes cfNewPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}html[data-density=expanded] .lib-row,html[data-density=expanded] [data-cf-track-row]{padding-top:14px;padding-bottom:14px}html[data-density=expanded] .lib-row .meta-line,html[data-density=expanded] [data-cf-track-row] .meta-line{display:block;margin-top:4px}html[data-density=compact] .lib-row,html[data-density=compact] [data-cf-track-row]{padding-top:6px;padding-bottom:6px}html[data-density=compact] .lib-row .meta-line{display:none}.cf-hover-playing{background:linear-gradient(90deg,var(--amber-soft,rgba(255,122,24,.15)),transparent)!important;outline:1px solid rgba(255,122,24,.35);outline-offset:-1px}.cf-hover-playing::before{content:"♪";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--amber,#ff7a18);font-size:14px;animation:cfPulse 1s infinite}@keyframes cfPulse{0%,100%{opacity:.4}50%{opacity:1}}.cf-bpm-flash{animation:cfBpmFlash .4s ease}@keyframes cfBpmFlash{0%{background:var(--amber-soft,rgba(255,122,24,.2))}100%{background:0 0}}.cf-suggest-tt{position:fixed;z-index:9999;padding:8px 12px;border-radius:8px;background:var(--s-3,#1a1a1a);color:var(--c-primary,#fff);font-family:var(--font-display,sans-serif);font-size:12px;line-height:1.4;border:1px solid var(--b-strong,#333);max-width:280px;transform:translateX(-50%);pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:cfTtFade .15s ease}@keyframes cfTtFade{from{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}[data-cf-track-row].cf-gap-bpm{border-left:3px solid #f59e0b;position:relative}[data-cf-track-row].cf-gap-bpm::after{content:"⚠ BPM";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#f59e0b;font-family:var(--font-mono,monospace)}[data-cf-track-row].cf-gap-key{border-left:3px solid #ef4444}[data-cf-track-row].cf-gap-key::after{content:"⚠ KEY";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#ef4444;font-family:var(--font-mono,monospace)}[data-cf-track-row].cf-gap-bpm.cf-gap-key{border-left-color:#dc2626}[data-cf-track-row].cf-gap-bpm.cf-gap-key::after{content:"⚠ BPM+KEY"}html[data-reduce-motion="1"] *,html[data-reduce-motion="1"] ::after,html[data-reduce-motion="1"] ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.cf-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:10px;background:var(--s-3,#1a1a1a);color:var(--c-primary,#fff);font-family:var(--font-display,sans-serif);font-size:13px;border:1px solid var(--b-default,#2a2a2a);box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:9999;animation:cfToastIn .3s var(--ease-spring,cubic-bezier(.5,1.5,.5,1))}.cf-toast-error{border-color:#ef4444;background:linear-gradient(180deg,rgba(239,68,68,.15),var(--s-3,#1a1a1a))}.cf-toast-success{border-color:#22c55e;background:linear-gradient(180deg,rgba(34,197,94,.15),var(--s-3,#1a1a1a))}.cf-toast-out{opacity:0;transform:translate(-50%,8px);transition:all .3s ease}@keyframes cfToastIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}.cf-undo-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:10px;background:var(--s-3,#1a1a1a);border:1px solid var(--b-strong,#333);font-family:var(--font-display,sans-serif);font-size:13px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.4);animation:cfToastIn .3s var(--ease-spring,cubic-bezier(.5,1.5,.5,1))}.cf-undo-msg{color:var(--c-primary,#fff)}.cf-undo-btn{padding:5px 10px;border-radius:6px;background:var(--amber,#ff7a18);color:#000;border:none;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t-fast,.15s)}.cf-undo-btn:hover{transform:scale(1.04);box-shadow:0 4px 12px rgba(255,122,24,.4)}.cf-undo-out{opacity:0;transform:translate(-50%,8px);transition:all .3s ease}.cf-skel{background:linear-gradient(90deg,var(--s-2,#161616) 0,var(--s-3,#1f1f1f) 50%,var(--s-2,#161616) 100%);background-size:200% 100%;animation:cfSkelPulse 1.4s linear infinite;border-radius:6px}.cf-skel-row{height:48px;margin-bottom:8px}@keyframes cfSkelPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.cf-wave-loaded{animation:cfWaveFade .3s ease}@keyframes cfWaveFade{from{opacity:0}to{opacity:1}}[data-cf-density]{cursor:pointer}.cf-bulk-tags{display:none;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--s-2,#161616);border:1px solid var(--b-default,#2a2a2a);margin-left:auto}.cf-bulk-tags.show{display:flex}.cf-bulk-tags input{padding:4px 8px;border-radius:6px;background:var(--s-1,#0a0a0a);border:1px solid var(--b-default,#2a2a2a);color:var(--c-primary,#fff);font-family:inherit;font-size:12px;width:160px}.cf-bulk-tags button{padding:4px 10px;border-radius:6px;background:var(--amber,#ff7a18);color:#000;border:none;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.cf-loop-pending{animation:cfLoopPulse .8s ease-in-out infinite;outline:2px solid var(--amber,#ff7a18);outline-offset:2px}@keyframes cfLoopPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,122,24,.5)}50%{box-shadow:0 0 0 8px rgba(255,122,24,0)}}#cf-compare-bar{animation:cfToastIn .3s var(--ease-spring,cubic-bezier(.5,1.5,.5,1))}.cf-templates-picker{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.cf-template-card{padding:10px 14px;border-radius:10px;cursor:pointer;background:var(--s-2);border:1px solid var(--b-default);font-family:var(--font-display);font-size:13px;transition:all var(--t-fast,.15s)}.cf-template-card:hover{border-color:var(--amber);transform:translateY(-1px)}.cf-template-card .ic{font-size:18px;margin-right:4px}.cf-template-card .nm{font-weight:600}.cf-template-card .ds{font-size:10px;color:var(--c-tertiary);margin-top:2px;font-family:var(--font-mono);letter-spacing:.05em}[data-cf-reorderable]{cursor:grab;transition:opacity var(--t-fast,.15s)}[data-cf-reorderable]:active{cursor:grabbing}.cf-dragging{opacity:.4;cursor:grabbing}.tr-btn.play[data-playing="1"] svg{animation:cfPlayPulse 1.5s ease-in-out infinite}@keyframes cfPlayPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,122,24,0))}50%{transform:scale(1.06);filter:drop-shadow(0 0 6px rgba(255,122,24,.6))}}#cf-similar-btn:hover{background:var(--s-3,#1f1f1f);border-color:var(--amber,#ff7a18)}.kpi[data-cf-drill-auto="1"]:hover{transform:translateY(-2px);transition:transform .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}.cf-cue-note{width:100%;margin-top:4px;padding:4px 6px;background:var(--s-1,#0a0a0a);border:1px solid var(--b-default,#2a2a2a);border-radius:4px;color:var(--c-primary,#fff);font-family:var(--font-mono,monospace);font-size:10px}.theme-card.cf-theme-previewing{outline:2px solid var(--amber,#ff7a18);outline-offset:3px;transform:scale(1.02);transition:all .2s ease}.theme-card.cf-theme-previewing::before{content:"PREVIEW";position:absolute;top:-10px;right:-10px;background:var(--amber,#ff7a18);color:#000;font-family:var(--font-mono,monospace);font-size:9px;padding:2px 6px;border-radius:4px;letter-spacing:.1em;font-weight:700}