/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Quicksand:wght@500;700&display=swap";.mp-container{--mp-bg:#ffffffd9;--mp-border:#e5e7ebcc;--mp-text-primary:#1f2937;--mp-text-secondary:#6b7280;--mp-accent:#6366f1;--mp-accent-hover:#4f46e5;--mp-accent-rgb:99,102,241;--mp-glow:0 10px 25px -5px #6366f126;--mp-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mp-radius:1.25rem;--mp-border-width:1px;--mp-card-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--mp-btn-radius:9999px;font-family:var(--mp-font-family);background:var(--mp-bg);border:var(--mp-border-width) solid var(--mp-border);border-radius:var(--mp-radius);color:var(--mp-text-primary);box-shadow:var(--mp-glow),var(--mp-card-shadow);box-sizing:border-box;-webkit-backdrop-filter:blur(16px);width:100%;max-width:28rem;margin:0 auto;padding:1.75rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.mp-container.mp-theme-light{--mp-bg:#fffc;--mp-border:#e5e7ebcc;--mp-text-primary:#111827;--mp-text-secondary:#4b5563;--mp-accent:#6366f1;--mp-accent-hover:#4f46e5;--mp-accent-rgb:99,102,241;--mp-glow:0 10px 25px -5px #6366f11a;--mp-radius:1.25rem}.mp-container.mp-theme-dark{--mp-bg:#111827d9;--mp-border:#374151cc;--mp-text-primary:#f9fafb;--mp-text-secondary:#9ca3af;--mp-accent:#a855f7;--mp-accent-hover:#c084fc;--mp-accent-rgb:168,85,247;--mp-glow:0 0 25px #a855f733;--mp-radius:1.25rem;--mp-card-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.mp-container.mp-theme-matrix{--mp-bg:#000;--mp-border:#00ff41;--mp-text-primary:#39ff14;--mp-text-secondary:#008f11;--mp-accent:#00ff41;--mp-accent-hover:#00dd30;--mp-accent-rgb:0,255,65;--mp-glow:0 0 20px #00ff4166;--mp-font-family:"Courier New",Courier,monospace;--mp-radius:.25rem;--mp-border-width:2px;--mp-btn-radius:.125rem}.mp-theme-matrix:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 0) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}.mp-container.mp-theme-cyberpunk{--mp-bg:#0c0f1d;--mp-border:#ff007f;--mp-text-primary:#00f0ff;--mp-text-secondary:#ffe600;--mp-accent:#ff007f;--mp-accent-hover:#00f0ff;--mp-accent-rgb:255,0,127;--mp-glow:0 0 25px #ff007f4d,0 0 10px #00f0ff33;--mp-font-family:"Orbitron",-apple-system,sans-serif;--mp-radius:.5rem;--mp-border-width:2px;--mp-btn-radius:0rem;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.mp-theme-cyberpunk:after{content:"CYBER-READY";background:var(--mp-accent);color:#000;letter-spacing:.1rem;padding:.125rem .5rem;font-size:.5rem;font-weight:900;position:absolute;top:0;right:1.5rem}.mp-container.mp-theme-kitty{--mp-bg:#fff5f6;--mp-border:#ffb7c5;--mp-text-primary:#5c3d42;--mp-text-secondary:#a0787e;--mp-accent:#ff7893;--mp-accent-hover:#ff5778;--mp-accent-rgb:255,120,147;--mp-glow:0 10px 20px #ff789326;--mp-radius:2rem;--mp-btn-radius:1.25rem}.mp-header{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.mp-cover-container{border-radius:calc(var(--mp-radius) * .75);border:2px solid var(--mp-border);background-color:#0000001a;flex-shrink:0;width:5.5rem;height:5.5rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.mp-cover-spin{animation:mp-spin 16s linear infinite}.mp-cover-spin-paused{animation-play-state:paused}.mp-cover-image{object-fit:cover;width:100%;height:100%}.mp-track-info{text-align:left;flex-direction:column;flex-grow:1;justify-content:center;display:flex;overflow:hidden}.mp-title{white-space:nowrap;text-overflow:ellipsis;color:var(--mp-text-primary);letter-spacing:-.025em;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.mp-artist{color:var(--mp-text-secondary);margin:.15rem 0 0;font-size:.875rem;font-weight:500}.mp-visualizer{align-items:flex-end;gap:3px;height:1.25rem;margin-top:.4rem;display:flex}.mp-visualizer-bar{background-color:var(--mp-accent);transform-origin:bottom;border-radius:9999px;width:3px;height:100%;animation:mp-bounce 1.2s ease-in-out infinite alternate paused}.mp-visualizer-bar:first-child{height:30%;animation-delay:.1s}.mp-visualizer-bar:nth-child(2){height:65%;animation-delay:.4s}.mp-visualizer-bar:nth-child(3){height:45%;animation-delay:.2s}.mp-visualizer-bar:nth-child(4){height:85%;animation-delay:.6s}.mp-visualizer-bar:nth-child(5){height:55%;animation-delay:.3s}.mp-visualizer-bar:nth-child(6){height:95%;animation-delay:.7s}.mp-visualizer-bar:nth-child(7){height:75%;animation-delay:.5s}.mp-visualizer-bar:nth-child(8){height:40%;animation-delay:.15s}.mp-visualizer.mp-playing .mp-visualizer-bar{animation-play-state:running}.mp-progress-container{margin-bottom:1.25rem}.mp-progress-slider{background-color:var(--mp-border);cursor:pointer;border-radius:9999px;width:100%;height:6px;transition:height .15s;position:relative}.mp-progress-slider:hover{height:8px}.mp-progress-filled{background-color:var(--mp-accent);pointer-events:none;border-radius:9999px;height:100%;position:absolute;top:0;left:0}.mp-progress-handle{background-color:var(--mp-text-primary);border:2px solid var(--mp-accent);pointer-events:none;border-radius:9999px;width:12px;height:12px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.mp-progress-slider:hover .mp-progress-handle{transform:translate(-50%,-50%)scale(1)}.mp-time-display{color:var(--mp-text-secondary);margin-top:.4rem;font-size:.75rem;font-weight:500}.mp-controls,.mp-time-display{justify-content:space-between;display:flex}.mp-controls{align-items:center;gap:.5rem;margin-bottom:1.5rem}.mp-btn{cursor:pointer;color:var(--mp-text-secondary);border-radius:var(--mp-btn-radius);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.mp-btn:hover{color:var(--mp-text-primary);background-color:rgba(var(--mp-accent-rgb),.1);transform:scale(1.05)}.mp-btn:active{transform:scale(.95)}.mp-btn-active{color:var(--mp-accent)}.mp-btn-play-pause{background-color:var(--mp-accent);width:3.25rem;height:3.25rem;box-shadow:0 4px 10px rgba(var(--mp-accent-rgb),.3);color:#fff!important}.mp-btn-play-pause:hover{background-color:var(--mp-accent-hover);box-shadow:0 6px 14px rgba(var(--mp-accent-rgb),.4);transform:scale(1.1)}.mp-theme-matrix .mp-btn-play-pause{color:#000!important}.mp-footer-controls{border-top:1px solid var(--mp-border);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.mp-volume-container{flex-grow:1;align-items:center;gap:.5rem;max-width:9rem;display:flex}.mp-volume-slider-wrapper{background-color:var(--mp-border);cursor:pointer;border-radius:9999px;flex-grow:1;height:4px;position:relative}.mp-volume-filled{background-color:var(--mp-accent);border-radius:9999px;height:100%}.mp-volume-handle{background-color:var(--mp-text-primary);border-radius:9999px;width:10px;height:10px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.mp-volume-slider-wrapper:hover .mp-volume-handle{transform:translate(-50%,-50%)scale(1)}.mp-meta-controls{align-items:center;gap:.5rem;display:flex}.mp-select-wrapper{position:relative}.mp-select{appearance:none;border:1px solid var(--mp-border);border-radius:var(--mp-btn-radius);color:var(--mp-text-secondary);cursor:pointer;background:0 0;outline:none;padding:.35rem 1.5rem .35rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s}.mp-select:hover{border-color:var(--mp-accent);color:var(--mp-text-primary);background-color:rgba(var(--mp-accent-rgb),.05)}.mp-select-arrow{pointer-events:none;color:var(--mp-text-secondary);width:10px;height:10px;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.mp-select option{background-color:var(--mp-bg);color:var(--mp-text-primary)}@keyframes mp-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes mp-bounce{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}.mp-kitty-decorations{display:none}.mp-theme-kitty .mp-kitty-decorations{display:block}.mp-kitty-heart{color:var(--mp-accent);opacity:.15;pointer-events:none;position:absolute}.mp-kitty-heart-1{font-size:1.25rem;top:1rem;left:1rem;transform:rotate(-15deg)}.mp-kitty-heart-2{font-size:1.5rem;bottom:1rem;right:1rem;transform:rotate(20deg)}.mp-cyberpunk-decorations{display:none}.mp-theme-cyberpunk .mp-cyberpunk-decorations{background:repeating-linear-gradient(45deg,var(--mp-accent),var(--mp-accent) 6px,#000 6px,#000 12px);opacity:.7;width:100%;height:4px;display:block;position:absolute;bottom:0;left:0}.mp-btn:focus-visible,.mp-select:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}.hmp-container{--mp-bg:#ffffffd9;--mp-border:#e5e7ebcc;--mp-text-primary:#1f2937;--mp-text-secondary:#6b7280;--mp-accent:#6366f1;--mp-accent-hover:#4f46e5;--mp-accent-rgb:99,102,241;--mp-glow:0 10px 25px -5px #6366f126;--mp-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mp-border-width:1px;--mp-card-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--mp-btn-radius:9999px;font-family:var(--mp-font-family);background:var(--mp-bg);border:var(--mp-border-width) solid var(--mp-border);color:var(--mp-text-primary);box-shadow:var(--mp-glow),var(--mp-card-shadow);box-sizing:border-box;-webkit-backdrop-filter:blur(16px);align-items:stretch;width:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;border-radius:0!important;margin:0!important}.hmp-container.mp-theme-light{--mp-bg:#fffc;--mp-border:#e5e7ebcc;--mp-text-primary:#111827;--mp-text-secondary:#4b5563;--mp-accent:#6366f1;--mp-accent-hover:#4f46e5;--mp-accent-rgb:99,102,241;--mp-glow:0 4px 12px #6366f10d}.hmp-container.mp-theme-dark{--mp-bg:#111827d9;--mp-border:#374151cc;--mp-text-primary:#f9fafb;--mp-text-secondary:#9ca3af;--mp-accent:#a855f7;--mp-accent-hover:#c084fc;--mp-accent-rgb:168,85,247;--mp-glow:0 0 20px #a855f726;--mp-card-shadow:0 10px 15px -3px #0006}.hmp-container.mp-theme-matrix{--mp-bg:#000;--mp-border:#00ff41;--mp-text-primary:#39ff14;--mp-text-secondary:#008f11;--mp-accent:#00ff41;--mp-accent-hover:#00dd30;--mp-accent-rgb:0,255,65;--mp-glow:0 0 15px #00ff414d;--mp-font-family:"Courier New",Courier,monospace;--mp-border-width:2px;--mp-btn-radius:.125rem}.hmp-container.mp-theme-matrix:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#0003 0) 0 0/100% 4px,linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a) 0 0/6px 100%;display:block;position:absolute;inset:0}.hmp-container.mp-theme-cyberpunk{--mp-bg:#0c0f1d;--mp-border:#ff007f;--mp-text-primary:#00f0ff;--mp-text-secondary:#ffe600;--mp-accent:#ff007f;--mp-accent-hover:#00f0ff;--mp-accent-rgb:255,0,127;--mp-glow:0 0 20px #ff007f40;--mp-font-family:"Orbitron",-apple-system,sans-serif;--mp-border-width:2px;--mp-btn-radius:0rem}.hmp-container.mp-theme-cyberpunk:after{content:"CYBER-READY";background:var(--mp-accent);color:#000;letter-spacing:.1rem;z-index:5;padding:.125rem .5rem;font-size:.5rem;font-weight:900;position:absolute;top:0;right:1.5rem}.hmp-container.mp-theme-kitty{--mp-bg:#fff5f6;--mp-border:#ffb7c5;--mp-text-primary:#5c3d42;--mp-text-secondary:#a0787e;--mp-accent:#ff7893;--mp-accent-hover:#ff5778;--mp-accent-rgb:255,120,147;--mp-btn-radius:.75rem}.hmp-thumbnail-wrapper{border-right:var(--mp-border-width) solid var(--mp-border);background-color:#0000001a;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hmp-thumbnail-image,.hmp-thumbnail-video{object-fit:cover;width:100%;height:100%}.hmp-thumbnail-fallback{color:var(--mp-text-secondary);opacity:.6;justify-content:center;align-items:center;display:flex}.hmp-thumbnail-visualizer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0009;border:1px solid #ffffff1a;border-radius:4px;align-items:flex-end;gap:2px;height:14px;padding:4px 6px;display:flex;position:absolute;bottom:.75rem;left:.75rem}.hmp-vis-bar{background-color:var(--mp-accent);transform-origin:bottom;border-radius:99px;width:2px;height:100%;animation:hmp-bounce 1s ease-in-out infinite alternate paused}.hmp-vis-bar:first-child{height:35%;animation-delay:.1s}.hmp-vis-bar:nth-child(2){height:90%;animation-delay:.4s}.hmp-vis-bar:nth-child(3){height:60%;animation-delay:.25s}.hmp-thumbnail-visualizer.hmp-playing .hmp-vis-bar{animation-play-state:running}.hmp-content-wrapper{box-sizing:border-box;flex-direction:column;flex-grow:1;height:100%;padding:.9rem 1.25rem;overflow:hidden}.hmp-content-wrapper,.hmp-row-header{justify-content:space-between;display:flex}.hmp-row-header{align-items:center;gap:1rem}.hmp-meta{text-align:left;flex-grow:1;overflow:hidden}.hmp-title{color:var(--mp-text-primary);margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.hmp-artist,.hmp-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hmp-artist{color:var(--mp-text-secondary);margin:.1rem 0 0;font-size:.825rem;font-weight:500}.hmp-utilities{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.hmp-select-wrapper{position:relative}.hmp-select{appearance:none;border:1px solid var(--mp-border);border-radius:var(--mp-btn-radius);color:var(--mp-text-secondary);cursor:pointer;background:0 0;outline:none;padding:.25rem 1.25rem .25rem .5rem;font-size:.72rem;font-weight:600;transition:all .2s}.hmp-select:hover{border-color:var(--mp-accent);color:var(--mp-text-primary);background-color:rgba(var(--mp-accent-rgb),.05)}.hmp-select-arrow{pointer-events:none;color:var(--mp-text-secondary);font-size:.65rem;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.hmp-select option{background-color:var(--mp-bg);color:var(--mp-text-primary)}.hmp-share-container{display:inline-flex;position:relative}.hmp-share-toast{background-color:var(--mp-accent);color:#fff;white-space:nowrap;z-index:10;border-radius:4px;padding:.2rem .4rem;font-size:.65rem;font-weight:600;animation:hmp-fade-in-out 2s forwards;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0003}.mp-theme-matrix .hmp-share-toast{color:#000}@keyframes hmp-fade-in-out{0%{opacity:0;transform:translate(-50%,5px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-5px)}}.hmp-row-lyrics{width:100%}.hmp-lyrics-marquee-container{white-space:nowrap;background:rgba(var(--mp-accent-rgb),.05);border:1px dashed rgba(var(--mp-accent-rgb),.2);box-sizing:border-box;border-radius:4px;align-items:center;width:100%;height:28px;display:flex;position:relative;overflow:hidden}.mp-theme-matrix .hmp-lyrics-marquee-container{border:1px solid var(--mp-accent);background:#00ff4108}.mp-theme-cyberpunk .hmp-lyrics-marquee-container{border:1px solid var(--mp-accent);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#ff007f08}.mp-theme-kitty .hmp-lyrics-marquee-container{border:1px solid var(--mp-border);background:#ff78930d;border-radius:8px}.hmp-lyrics-marquee-track{will-change:transform;padding-left:100%;animation:hmp-marquee 12s linear infinite;display:inline-block}.hmp-lyrics-text{color:var(--mp-accent);letter-spacing:.025em;padding-right:2rem;font-size:.8rem;font-weight:600}.mp-theme-matrix .hmp-lyrics-text{color:#39ff14;text-shadow:0 0 4px #39ff1480}.mp-theme-cyberpunk .hmp-lyrics-text{color:#00f0ff;text-shadow:0 0 4px #00f0ff66}.mp-theme-kitty .hmp-lyrics-text{color:#ff5778}@keyframes hmp-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.hmp-row-controls{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hmp-control-buttons{gap:.35rem}.hmp-btn,.hmp-control-buttons{align-items:center;display:flex}.hmp-btn{cursor:pointer;color:var(--mp-text-secondary);border-radius:var(--mp-btn-radius);background:0 0;border:none;justify-content:center;padding:.4rem;transition:all .2s;position:relative}.hmp-btn:hover{color:var(--mp-text-primary);background-color:rgba(var(--mp-accent-rgb),.08);transform:scale(1.05)}.hmp-btn:active{transform:scale(.95)}.hmp-btn-active{color:var(--mp-accent)!important}.hmp-repeat-btn{position:relative}.hmp-repeat-badge{background-color:var(--mp-accent);color:#fff;border-radius:99px;justify-content:center;align-items:center;width:10px;height:10px;font-size:.55rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 2px #0003}.mp-theme-matrix .hmp-repeat-badge{color:#000}.hmp-btn-play-pause{background-color:var(--mp-accent);width:2.3rem;height:2.3rem;box-shadow:0 4px 8px rgba(var(--mp-accent-rgb),.2);color:#fff!important}.hmp-btn-play-pause:hover{background-color:var(--mp-accent-hover);box-shadow:0 6px 12px rgba(var(--mp-accent-rgb),.3);transform:scale(1.08)}.mp-theme-matrix .hmp-btn-play-pause{color:#000!important}.hmp-volume-container{flex-shrink:0;align-items:center;gap:.35rem;width:5.5rem;display:flex}.hmp-volume-slider-wrapper{background-color:var(--mp-border);cursor:pointer;border-radius:99px;flex-grow:1;height:4px;position:relative}.hmp-volume-filled{background-color:var(--mp-accent);border-radius:99px;height:100%}.hmp-volume-handle{background-color:var(--mp-text-primary);pointer-events:none;border-radius:99px;width:9px;height:9px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.hmp-volume-slider-wrapper:hover .hmp-volume-handle{transform:translate(-50%,-50%)scale(1)}.hmp-row-timeline{flex-direction:column;gap:2px;display:flex}.hmp-progress-slider{background-color:var(--mp-border);cursor:pointer;border-radius:99px;width:100%;height:5px;transition:height .15s;position:relative}.hmp-progress-slider:hover{height:7px}.hmp-progress-filled{background-color:var(--mp-accent);pointer-events:none;border-radius:99px;height:100%;position:absolute;top:0;left:0}.hmp-progress-handle{background-color:var(--mp-text-primary);border:2px solid var(--mp-accent);pointer-events:none;border-radius:99px;width:11px;height:11px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.hmp-progress-slider:hover .hmp-progress-handle{transform:translate(-50%,-50%)scale(1)}.hmp-time-display{color:var(--mp-text-secondary);justify-content:space-between;font-size:.7rem;font-weight:500;line-height:1;display:flex}.hmp-kitty-decorations{display:none}.mp-theme-kitty .hmp-kitty-decorations{display:block}.hmp-kitty-heart{color:var(--mp-accent);opacity:.12;pointer-events:none;z-index:5;position:absolute}.hmp-kitty-heart-1{font-size:1.1rem;top:.6rem;left:.6rem;transform:rotate(-15deg)}.hmp-kitty-heart-2{font-size:1.25rem;bottom:.6rem;right:.6rem;transform:rotate(20deg)}.hmp-cyberpunk-decorations{display:none}.mp-theme-cyberpunk .hmp-cyberpunk-decorations{background:repeating-linear-gradient(45deg,var(--mp-accent),var(--mp-accent) 6px,#000 6px,#000 12px);opacity:.7;pointer-events:none;width:100%;height:3px;display:block;position:absolute;bottom:0;left:0}.hmp-btn:focus-visible,.hmp-select:focus-visible{outline:2px solid var(--mp-accent);outline-offset:1px}@keyframes hmp-bounce{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.daw-header{margin-bottom:.75rem}.daw-header,.daw-transport{border:1px solid var(--daw-border);background:linear-gradient(#161a20,#0e1014);min-width:max-content;padding:.75rem}.daw-transport{margin-top:.75rem}.daw-transport,.daw-transport-center-controls{justify-content:center;align-items:center;display:flex}.daw-transport-center-controls{gap:.5rem}.daw-transport-button{color:var(--daw-text);cursor:pointer;text-transform:uppercase;background:#050607;border:1px solid #3d4652;justify-content:center;align-items:center;gap:.45rem;width:2.5rem;height:2.25rem;padding:0;font-size:.75rem;font-weight:800;transition:all .15s;display:inline-flex}.daw-transport-button:hover{border-color:var(--daw-blue);color:var(--daw-cyan)}.daw-transport-button[data-state=playing]{border-color:var(--daw-green);color:var(--daw-green);box-shadow:0 0 8px #3bd67333}.daw-transport-button[data-state=paused]{border-color:var(--daw-yellow);color:var(--daw-yellow);box-shadow:0 0 8px #f4d35e33}.daw-title{gap:.1rem;min-width:13rem;display:grid}.daw-title strong{font-size:.9rem;line-height:1}.daw-title span{color:var(--daw-muted);font-size:.72rem}.daw-loop-controls{box-sizing:border-box;background:#050607;border:1px solid #3d4652;align-items:center;gap:0;height:2.25rem;display:flex}.daw-loop-button{color:var(--daw-text);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-right:1px solid #3d4652;align-items:center;gap:.45rem;height:100%;padding:0 .85rem;font-size:.72rem;font-weight:800;transition:all .15s;display:flex}.daw-loop-button:hover{color:var(--daw-cyan)}.daw-loop-button.active{background:var(--daw-blue);color:#050608;border-right-color:var(--daw-blue);font-weight:900}.daw-loop-button.active svg{stroke:#050608}.daw-loop-button svg{transition:stroke .15s}.daw-loop-adj-btn{color:var(--daw-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.6rem;height:100%;font-size:.85rem;font-weight:800;transition:all .15s;display:flex}.daw-loop-adj-btn:hover{color:var(--daw-text);background:#ffffff14}.daw-loop-adj-btn:first-of-type{border-right:1px solid #3d4652}.daw-loop-button.active+.daw-loop-adj-btn{border-left:1px solid var(--daw-blue)}.daw-progress-bar-container{cursor:pointer;background:#090c10;border-radius:2px;width:100%;height:10px;margin-top:.75rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.daw-progress-bar-fill{background:var(--daw-blue);width:0;height:100%;box-shadow:0 0 8px var(--daw-blue);transition:width 50ms linear}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.daw-chord-group{box-sizing:border-box;background:#050607;border:1px solid #3d4652;align-items:center;gap:0;height:2.25rem;display:flex}.daw-chord-btn{color:var(--daw-text);cursor:pointer;background:0 0;border:none;border-right:1px solid #3d4652;justify-content:center;align-items:center;width:2.25rem;height:100%;transition:all .15s;display:flex}.daw-chord-btn:hover{color:var(--daw-cyan);background:#ffffff0a}.daw-loop-chord-button{color:var(--daw-text);cursor:pointer;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.45rem;height:100%;padding:0 .85rem;font-size:.72rem;font-weight:800;transition:all .15s;display:flex}.daw-loop-chord-button:hover{color:var(--daw-cyan);background:#ffffff0a}.daw-loop-chord-button.active{background:var(--daw-green);color:#050608;font-weight:900}.daw-loop-chord-button.active svg{stroke:#050608}.daw-loop-chord-button svg{transition:stroke .15s}.daw-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.daw-active-chord-badge{background:#18b7ff1a;border:1px solid #18b7ff4d;border-radius:4px;align-items:center;gap:.4rem;padding:.3rem .6rem;display:flex}.daw-active-chord-label{color:var(--daw-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.daw-active-chord-val{color:var(--daw-blue);font-size:.85rem;font-weight:900}.daw-console{--daw-bg:#08090b;--daw-panel:#111317;--daw-panel-hi:#191c22;--daw-border:#2a2f38;--daw-blue:#18b7ff;--daw-cyan:#61e5ff;--daw-yellow:#f4d35e;--daw-red:#ff5a5f;--daw-green:#3bd671;--daw-text:#f7fbff;--daw-muted:#8b95a3;background:linear-gradient(180deg,#ffffff0a,transparent 28%),var(--daw-bg);color:var(--daw-text);border:1px solid #050608;padding:.75rem;overflow-x:auto;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #00000073}.daw-board{grid-auto-columns:minmax(4.65rem,5.35rem);grid-auto-flow:column;align-items:stretch;gap:.55rem;min-width:max-content}.daw-board,.daw-strip{min-height:33rem;display:grid}.daw-strip{background:linear-gradient(180deg,var(--daw-panel-hi),#0f1115 26%,#0b0c0f);grid-template-rows:auto auto 1fr auto;padding:.45rem .35rem;position:relative;box-shadow:inset 1px 0 #ffffff0d,inset -1px 0 #ffffff08}.daw-strip-master{background:linear-gradient(#393331,#2b2525 30%,#181414);border-color:#2f2b18}.daw-buttons{grid-template-columns:1fr 1fr;gap:0;display:grid}.daw-mini-button{color:#cfd6df;cursor:pointer;background:#1b1e24;border:1px solid #343a44;height:1.3rem;font-size:.72rem;line-height:1;transition:all .15s}.daw-mini-button:hover{border-color:var(--daw-muted);color:#fff}.daw-mini-button[data-kind=mute][aria-pressed=true]{font-weight:800;box-shadow:0 0 10px #ff5a5f66;background:var(--daw-red)!important;border-color:var(--daw-red)!important;color:#fff!important}.daw-mini-button[data-kind=solo][aria-pressed=true]{font-weight:800;box-shadow:0 0 10px #3bd67366;background:var(--daw-green)!important;border-color:var(--daw-green)!important;color:#050608!important}.daw-channel-mode{color:var(--daw-blue);text-align:center;font-size:.72rem;font-weight:700;line-height:1.45}.daw-readout{color:#fff;font-variant-numeric:tabular-nums;text-align:center;padding:.45rem 0 .3rem;font-size:.72rem}.daw-meter-section{grid-template-columns:1.2rem 1fr 1.15rem;align-items:stretch;gap:.32rem;min-height:22rem;padding:.25rem 0;display:grid}.daw-scale{color:#a6b0bd;font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;justify-content:space-between;padding:.1rem 0;font-size:.52rem;display:flex}.daw-meter{background:#071016;border:1px solid #1b2f3d;position:relative;overflow:hidden}.daw-meter:before{content:"";z-index:2;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 5px);position:absolute;inset:0}.daw-meter-fill{background:linear-gradient(#ff4f57,#ffe164 18%,#23d7ff 42%,#0098ff);transition:height 80ms linear;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #23d7ff73}.daw-strip-footer{gap:.35rem;display:grid}.daw-auto{color:var(--daw-muted);text-align:center;font-size:.58rem}.daw-instrument{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #222832;min-height:1.45rem;padding-top:.3rem;font-size:.68rem;font-weight:800;overflow:hidden}@media (max-width:760px){.daw-console{padding:.5rem}.daw-board,.daw-strip{min-height:30rem}}.daw-fader-rail-custom{cursor:pointer;justify-content:center;align-items:center;width:1.8rem;height:22rem;display:flex;position:relative}.daw-fader-track{background:linear-gradient(90deg,#1b1e24,#555d67 50%,#1b1e24);border:1px solid #0c0e12;border-radius:99px;width:.35rem;height:100%;position:absolute;box-shadow:inset 0 1px 3px #000c}.daw-fader-thumb-custom{filter:drop-shadow(0 3px 4px #000000b3);cursor:grab;z-index:10;width:1.6rem;height:2.75rem;transition:transform .1s;position:absolute;left:50%;transform:translate(-50%,50%)}.daw-fader-thumb-custom:active{cursor:grabbing}.daw-fader-thumb-custom:before{content:"";clip-path:polygon(0 0,100% 0,93% 20%,92% 50%,93% 80%,100% 100%,0 100%,7% 80%,8% 50%,7% 20%);background:repeating-linear-gradient(#0000 0 2px,#000000bf 2px 3px),linear-gradient(#ffffff73,#ffffff1a 15%,#00000080 46%,#000000bf 54%,#ffffff0d 85%,#ffffff40),linear-gradient(90deg,#7f8c8d,#bdc3c7 15%,#f8f9fa 35%,#bdc3c7 50%,#95a5a6 65%,#7f8c8d 80%,#f8f9fa 90%,#bdc3c7);border:1px solid #0c0e12;position:absolute;inset:0}.daw-fader-thumb-custom:after{content:"";z-index:12;background:#000;height:3px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);box-shadow:0 1px 1px #fff6,0 -1px #00000080}.daw-fader-thumb-custom:active:before{background:repeating-linear-gradient(#0000 0 2px,#000000bf 2px 3px),linear-gradient(#ffffff80,#ffffff26 15%,#0000008c 46%,#000c 54%,#ffffff14 85%,#ffffff4d),linear-gradient(90deg,#6b7582,#a6b0bd 15%,#e2e8f0 35%,#a6b0bd 50%,#7d8694 65%,#6b7582 80%,#e2e8f0 90%,#a6b0bd)}.qsv-container,:root{--qsv-side-brightness:.425;--qsv-side-opacity:.25;--qsv-shake-duration:.4s}.qsv-container{border:1px solid var(--daw-border,#1a2233);background-color:#080a0f;border-radius:.75rem;gap:1.5rem;padding:1rem;display:grid;box-shadow:0 10px 15px -3px #0000004d}@media (min-width:768px){.qsv-container{padding:1.5rem}}.qsv-details-panel{border:1px solid var(--daw-border,#1a2233);text-align:center;background-color:#0c0f16;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;box-shadow:inset 0 2px 4px #0000000f}@media (min-width:640px){.qsv-details-panel{flex-direction:row;justify-content:space-between}}.qsv-current-chord-wrapper{flex-direction:column;align-items:center;gap:.25rem;display:flex}@media (min-width:640px){.qsv-current-chord-wrapper{flex-direction:row;gap:.75rem}}.qsv-current-chord-label{text-transform:uppercase;letter-spacing:.05em;color:var(--daw-muted,#8f9cae);font-size:.75rem;font-weight:600}.qsv-current-chord-value{color:var(--daw-cyan,#00d2ff);border:1px solid var(--daw-border,#1a2233);background-color:#161d2b;border-radius:4px;padding:.25rem 1rem;font-family:monospace;font-size:1.5rem;font-weight:800;display:inline-block;box-shadow:0 4px 6px -1px #0000001a}.qsv-next-chords-container{flex-direction:column;align-items:center;gap:.25rem;display:flex}@media (min-width:640px){.qsv-next-chords-container{flex-direction:row;gap:.5rem}}.qsv-next-chords-label{color:var(--daw-muted,#8f9cae);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;font-weight:500}.qsv-next-chords-list{gap:.5rem;display:flex}.qsv-next-chord-tag{color:#fff;background-color:#10141d;border:1px solid #1a223399;border-radius:4px;padding:.25rem .625rem;font-family:monospace;font-size:.75rem;font-weight:600}.qsv-viewport{background-color:#030508;border:1px solid #1a223366;border-radius:.75rem;width:100%;padding:1rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.qsv-track{width:166.667%;margin-left:-33.3333%}.qsv-card,.qsv-track{transition:none;display:flex}.qsv-card{text-align:center;flex-direction:column;flex:0 0 20%;justify-content:space-between;width:20%;height:100%;padding-left:.5rem;padding-right:.5rem}.qsv-card-label{color:var(--daw-muted,#8f9cae);white-space:nowrap;text-overflow:ellipsis;min-height:1rem;margin-bottom:.5rem;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;font-weight:500;display:block;overflow:hidden}.qsv-active-label{color:var(--daw-cyan,#00d2ff);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.qsv-card-diagram-container{flex:auto;justify-content:center;align-items:center;display:flex}.qsv-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-height:1.25rem;margin-top:.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.qsv-card-active{opacity:1;z-index:20;transform:scale(1)}.qsv-card-side{filter:brightness(var(--qsv-side-brightness));opacity:var(--qsv-side-opacity);z-index:10;cursor:pointer;transform:scale(.8)}.qsv-card-side:hover{opacity:calc(var(--qsv-side-opacity) + .2)}.qsv-card-hidden{opacity:0;pointer-events:none;z-index:0;transform:scale(.8)}@keyframes qsv-shake-anim{0%,to{transform:scale(.85)translate(0)}}.qsv-card-shake{animation:qsv-shake-anim var(--qsv-shake-duration) ease-in-out}.qsv-diagram-empty{aspect-ratio:3/2;border:1px dashed var(--daw-border,#1a2233);width:100%;color:var(--daw-muted,#8f9cae);background-color:#0a0d14;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.qsv-diagram-empty-text{font-size:.75rem;font-style:italic}.qsv-diagram-error{aspect-ratio:3/2;text-align:center;background-color:#140a0a;border:1px solid #ef44444d;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.qsv-diagram-error-icon{color:#ef4444;margin-bottom:.5rem}.qsv-diagram-error-title{color:#ef4444;font-size:.75rem;font-weight:600}.qsv-diagram-error-desc{color:var(--daw-muted,#8f9cae);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.25rem;font-size:10px;overflow:hidden}.qsv-diagram-composite{aspect-ratio:3/2;border:1px solid var(--daw-border,#1a2233);background-color:#fff;border-radius:.5rem;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.qsv-diagram-layer{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.qsv-fretboard-panel{border:1px solid var(--daw-border,#1a2233);background-color:#0c0f16;border-radius:.5rem;padding:1rem}.qsv-fretboard-header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}@media (min-width:768px){.qsv-fretboard-header{flex-direction:row;justify-content:space-between;align-items:center}}.qsv-fretboard-title{color:#fff;font-size:.875rem;font-weight:600}.qsv-fretboard-subtitle{color:var(--daw-muted,#8f9cae);font-size:.75rem}.qsv-fretboard-current-container{align-items:center;gap:.5rem;display:flex}.qsv-fretboard-current-label{color:var(--daw-muted,#8f9cae);font-size:.75rem}.qsv-fretboard-current-value{color:var(--daw-cyan,#00d2ff);border:1px solid var(--daw-border,#1a2233);background-color:#161d2b;border-radius:4px;padding:.25rem .75rem;font-family:monospace;font-size:1.125rem}.qsv-fretboard-buttons{gap:.25rem;display:flex;overflow-x:auto}.qsv-fretboard-btn{min-width:28px;color:var(--daw-muted,#8f9cae);cursor:pointer;background-color:#10141d;border:1px solid #1a223380;border-radius:4px;justify-content:center;align-items:center;padding:.375rem .25rem;font-family:monospace;font-size:.75rem;transition:all .15s;display:flex}.qsv-fretboard-btn:hover{color:#fff;background-color:#161d2b}.qsv-fretboard-btn.active{background-color:var(--daw-cyan,#00d2ff);border-color:var(--daw-cyan,#00d2ff);color:#050608;font-weight:700;box-shadow:0 4px 6px -1px #0000001a}