@import "https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}@font-face{font-family:dsssp;src:url(data:font/ttf;base64,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)format("truetype"),url(data:font/woff;base64,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)format("woff"),url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%20%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%3e%3cmetadata%3eGenerated%20by%20IcoMoon%3c/metadata%3e%3cdefs%3e%3cfont%20id='dsssp'%20horiz-adv-x='1024'%3e%3cfont-face%20units-per-em='1024'%20ascent='960'%20descent='-64'%20/%3e%3cmissing-glyph%20horiz-adv-x='1024'%20/%3e%3cglyph%20unicode='&%23x20;'%20horiz-adv-x='512'%20d=''%20/%3e%3cglyph%20unicode='&%23xe900;'%20glyph-name='bandpass'%20d='M737.28%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h163.84c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-81.92zM122.88%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h163.84c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-81.92zM512%20683.52c-50.937%200-91.118-32.602-123.98-73.58s-61.654-93.087-92.4-146.64c-61.738-107.534-117.48-204.82-117.48-204.82-2.56-4.388-4.071-9.659-4.071-15.283%200-11.348%206.153-21.259%2015.305-26.578l0.147-0.079c4.388-2.56%209.659-4.071%2015.283-4.071%2011.348%200%2021.259%206.153%2026.578%2015.305l0.079%200.147c0%200%2055.738%2097.274%20117.46%20204.78%2030.984%2053.967%2059.32%20104.258%2087.020%20138.8s51.517%2050.58%2076.060%2050.58c23.153%200%2049.524-18.306%2078.1-54.3s56.839-86.226%2085-135.12c55.992-97.213%20117.42-204.7%20117.42-204.7%205.393-9.319%2015.315-15.488%2026.678-15.488%205.608%200%2010.864%201.502%2015.389%204.127l-0.147-0.079c9.319%205.393%2015.488%2015.315%2015.488%2026.678%200%205.608-1.502%2010.864-4.127%2015.389l0.079-0.147c0%200-61.451%20107.553-117.52%20204.9-27.869%2048.386-56.728%20100.554-90.14%20142.64s-73.893%2077.54-126.22%2077.54z'%20/%3e%3cglyph%20unicode='&%23xe901;'%20glyph-name='empty'%20d='M122.88%20478.72c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96zM829.44%20478.72c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96zM358.4%20478.72c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96zM593.92%20478.72c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96z'%20/%3e%3cglyph%20unicode='&%23xe902;'%20glyph-name='gain'%20d='M122.88%20273.92c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96zM122.88%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h778.24c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-389.12zM829.44%20273.92c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96zM358.4%20273.92c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96zM593.92%20273.92c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h81.92c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-40.96z'%20/%3e%3cglyph%20unicode='&%23xe903;'%20glyph-name='high-pass'%20d='M122.88%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h185.46c50.486%200%2096.481-28.422%20119.060-73.58l114.24-228.46c32.928-65.856%20100.392-107.56%20174.020-107.56h185.46c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-185.46c-50.486%200-96.481%2028.422-119.060%2073.58l-114.24%20228.46c-32.928%2065.856-100.392%20107.56-174.020%20107.56zM593.92%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h307.2c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0z'%20/%3e%3cglyph%20unicode='&%23xe904;'%20glyph-name='high-shelf'%20d='M122.88%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0c205.367%200%20386.129-134.494%20445.14-331.2l16.96-56.5c3.919-12.769%2015.606-21.892%2029.424-21.892%203.144%200%206.177%200.472%209.033%201.35l-0.218-0.058c12.769%203.919%2021.892%2015.606%2021.892%2029.424%200%203.144-0.472%206.177-1.35%209.033l0.058-0.218-16.94%2056.52c-66.732%20222.44-271.765%20374.98-504%20374.98zM593.92%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h307.2c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0z'%20/%3e%3cglyph%20unicode='&%23xe905;'%20glyph-name='low-pass'%20d='M715.66%20683.52c-73.628%200-141.092-41.704-174.020-107.56l-114.24-228.46c-22.579-45.158-68.574-73.58-119.060-73.58h-185.46c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h185.46c73.628%200%20141.092%2041.704%20174.020%20107.56l114.24%20228.46c22.579%2045.158%2068.574%2073.58%20119.060%2073.58h185.46c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0zM122.88%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h307.2c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0z'%20/%3e%3cglyph%20unicode='&%23xe906;'%20glyph-name='low-shelf'%20d='M901.12%20683.52c-232.235%200-437.268-152.54-504-374.98l-16.94-56.52c-0.82-2.638-1.292-5.672-1.292-8.816%200-13.818%209.123-25.505%2021.674-29.367l0.218-0.058c2.638-0.82%205.672-1.292%208.816-1.292%2013.818%200%2025.505%209.123%2029.367%2021.674l0.058%200.218%2016.96%2056.5c59.011%20196.706%20239.773%20331.2%20445.14%20331.2%2016.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0zM122.88%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h307.2c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0z'%20/%3e%3cglyph%20unicode='&%23xe907;'%20glyph-name='notch'%20d='M122.88%20683.52c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h122.88c30.72%200%2056.998-0.317%2083.58-14.36s56.734-43.36%2088.24-111.22c63.736-137.278%2063.7-253.3%2063.7-253.3%200-16.966%2013.754-30.72%2030.72-30.72v0c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%200-0.037%20129.739-69.42%20279.18-35.054%2075.5-74.022%20117.863-115.28%20139.66s-81.54%2021.48-112.26%2021.48zM778.24%20683.52c-30.72%200-71.002%200.317-112.26-21.48s-80.226-64.16-115.28-139.66c-69.383-149.441-69.42-279.18-69.42-279.18%200-16.966%2013.754-30.72%2030.72-30.72v0c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%200-0.037%20116.022%2063.7%20253.3%2031.506%2067.86%2061.658%2097.177%2088.24%20111.22s52.86%2014.36%2083.58%2014.36h122.88c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0z'%20/%3e%3cglyph%20unicode='&%23xe908;'%20glyph-name='peak'%20d='M512%20683.52c-38.662%200-74.356-21.26-92.76-55.26l-175.86-324.92c-9.836-18.172-28.697-29.42-49.36-29.42h-132.58c-16.966%200-30.72-13.754-30.72-30.72v0c0-16.966%2013.754-30.72%2030.72-30.72v0h132.58c43.106%200%2082.861%2023.692%20103.38%2061.6l175.88%20324.92c7.722%2014.265%2022.5%2023.080%2038.72%2023.080s30.998-8.815%2038.72-23.080l175.88-324.92c20.519-37.908%2060.274-61.6%20103.38-61.6h132.58c16.966%200%2030.72%2013.754%2030.72%2030.72v0c0%2016.966-13.754%2030.72-30.72%2030.72v0h-132.58c-20.663%200-39.524%2011.248-49.36%2029.42l-175.86%20324.92c-18.404%2034-54.098%2055.26-92.76%2055.26z'%20/%3e%3c/font%3e%3c/defs%3e%3c/svg%3e")format("svg");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\ icon-]{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:dsssp!important}.icon-bandpass:before{content:""}.icon-bypass:before{content:""}.icon-gain:before{content:""}.icon-high-pass:before{content:""}.icon-high-shelf:before{content:""}.icon-low-pass:before{content:""}.icon-low-shelf:before{content:""}.icon-notch:before{content:""}.icon-peak:before{content:""}.daw{flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.daw-transport{background:#111120;border-bottom:1px solid #2a2a4a;flex-shrink:0;align-items:center;gap:1.5rem;padding:.4rem 1rem;display:flex}.daw-transport__controls{gap:.3rem;display:flex}.daw-transport__btn{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:none;border-radius:50%;width:32px;height:32px;font-size:.85rem}.daw-transport__btn:hover{background:#3a3a5a}.daw-transport__btn--active{background:#7c3aed}.daw-transport__btn--record{color:#dc2626;border:2px solid #dc262644}.daw-transport__btn--record.daw-transport__btn--active{color:#fff;background:#dc2626;animation:1s ease-in-out infinite pulse-record}@keyframes pulse-record{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.daw-transport__time{color:#4ade80;text-align:center;background:#0a0a12;border:1px solid #2a2a4a;border-radius:4px;min-width:100px;padding:.25rem .6rem;font-family:Courier New,monospace;font-size:1.2rem}.daw-transport__bpm,.daw-transport__sig{align-items:center;gap:.3rem;display:flex}.daw-transport__bpm label,.daw-transport__sig label{color:#666;font-size:.7rem}.daw-transport__bpm input{color:#e0e0e0;text-align:center;background:#1a1a2e;border:1px solid #333;border-radius:4px;width:50px;padding:.15rem .3rem;font-size:.8rem}.daw-transport__sig span{color:#ccc;font-size:.8rem}.daw-transport__position{color:#60a5fa;font-family:Courier New,monospace;font-size:1rem}.daw-transport__project-name input{color:#e0e0e0;background:0 0;border:none;border-bottom:1px solid #333;width:150px;padding:.15rem;font-size:.85rem}.daw-transport__project-name input:focus{border-color:#a78bfa;outline:none}.daw__tabs{background:#0d0d18;border-bottom:1px solid #2a2a4a;flex-shrink:0;gap:0;display:flex}.daw__tabs-left{display:flex}.daw__tabs-right{align-items:center;gap:.3rem;margin-left:auto;padding-right:.5rem;display:flex}.daw__tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1.2rem;font-size:.85rem;transition:all .15s}.daw__tab:hover{color:#ccc}.daw__tab--active{color:#a78bfa;border-bottom-color:#a78bfa}.daw__undo-btn,.daw__redo-btn,.daw__save-btn,.daw__projects-btn{color:#ccc;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.daw__undo-btn:hover:not(:disabled),.daw__redo-btn:hover:not(:disabled),.daw__save-btn:hover,.daw__projects-btn:hover{background:#2a2a4a}.daw__undo-btn:disabled,.daw__redo-btn:disabled{opacity:.3;cursor:not-allowed}.daw__save-status{color:#4ade80;font-size:.7rem}.daw__project-menu{z-index:50;background:#12121f;border:1px solid #2a2a4a;border-radius:8px;width:280px;max-height:300px;padding:.5rem;position:absolute;top:80px;right:10px;overflow-y:auto}.daw__project-menu>button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:4px;width:100%;margin-bottom:.5rem;padding:.4rem;font-size:.85rem}.daw__project-list p{color:#666;text-align:center;padding:.5rem;font-size:.8rem}.daw__project-item button{text-align:left;color:#ccc;cursor:pointer;background:0 0;border:1px solid #1a1a2a;border-radius:4px;flex-direction:column;gap:.1rem;width:100%;margin-bottom:.25rem;padding:.4rem .5rem;display:flex}.daw__project-item button:hover{background:#1a1a2e;border-color:#333}.daw__project-item strong{font-size:.85rem}.daw__project-item span{color:#666;font-size:.7rem}.daw__content{flex-direction:column;flex:1;display:flex;overflow:hidden}.clips-tab{flex:1;display:flex;overflow:hidden}.clips-tab__list{background:#0d0d18;border-right:1px solid #2a2a4a;flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.clips-tab__list-header{border-bottom:1px solid #1a1a2a;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.clips-tab__list-header h3{color:#a78bfa;font-size:.9rem}.clips-tab__list-actions{gap:.3rem;display:flex}.clips-tab__list-header button,.clips-tab__list-actions button{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.25rem .6rem;font-size:.75rem}.clips-tab__record-btn{color:#dc2626!important;border-color:#dc262644!important}.clips-tab__record-btn--active{animation:1s ease-in-out infinite pulse-record;color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.clips-tab__library{border-bottom:1px solid #2a2a4a;max-height:200px;padding:.5rem;overflow-y:auto}.clips-tab__library-item{text-align:left;color:#ccc;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:4px;width:100%;margin-bottom:.25rem;padding:.35rem .5rem;font-size:.8rem;display:block}.clips-tab__library-item:hover{background:#2a2a4a}.clips-tab__items{flex:1;overflow-y:auto}.clips-tab__item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.clips-tab__item:hover{background:#1a1a2e}.clips-tab__item--selected{background:#1a1a2e;border-left-color:#a78bfa}.clips-tab__item-name{flex:1;font-size:.85rem}.clips-tab__item-dur{color:#666;font-variant-numeric:tabular-nums;font-size:.75rem}.clips-tab__item-delete{color:#555;cursor:pointer;background:0 0;border:none;border-radius:3px;width:20px;height:20px;font-size:.85rem}.clips-tab__item-delete:hover{color:#f87171;background:#2a2a4a}.clips-tab__item-delete--confirm{color:#fff;background:#dc2626;width:auto;padding:0 .4rem;font-size:.65rem}.clips-tab__hint{color:#555;text-align:center;padding:1rem;font-size:.8rem}.clips-tab__detail{flex:1;padding:1rem;overflow-y:auto}.clips-tab__empty{color:#555;justify-content:center;align-items:center;height:100%;display:flex}.clip-editor__header{align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.clip-editor__name{color:#e0e0e0;background:0 0;border:none;border-bottom:1px solid #333;padding:.15rem 0;font-size:1.1rem;font-weight:600}.clip-editor__name:focus{border-color:#a78bfa;outline:none}.clip-editor__info{color:#666;font-size:.75rem}.clip-editor__waveform{border-radius:4px;margin-bottom:1rem;overflow:hidden}.clip-editor__waveform canvas{width:100%;display:block}.clip-editor__trim-controls{gap:1.5rem;margin-bottom:1rem;display:flex}.clip-editor__trim-controls label{color:#888;flex-direction:column;flex:1;gap:.3rem;font-size:.8rem;display:flex}.clip-editor__trim-controls input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;height:4px}.clip-editor__trim-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:12px;height:12px}.clip-editor__playback{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.clip-editor__playback button{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.35rem .8rem;font-size:.85rem}.clip-editor__playback button:hover{background:#3a3a5a}.clip-editor__playback-time{color:#4ade80;font-family:Courier New,monospace;font-size:.9rem}.clip-editor__playback-hint{color:#555;margin-left:auto;font-size:.7rem}.clip-editor__waveform canvas{cursor:crosshair}.clip-editor__tools{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.clip-editor__tool-group{background:#0d0d18;border:1px solid #1a1a2a;border-radius:4px;align-items:center;gap:.3rem;padding:.3rem .5rem;display:flex}.clip-editor__tool-label{color:#666;margin-right:.2rem;font-size:.65rem}.clip-editor__tool-group button{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.25rem .6rem;font-size:.75rem}.clip-editor__tool-group button:hover:not(:disabled){background:#3a3a5a}.clip-editor__tool-group button:disabled{opacity:.3;cursor:not-allowed}.timeline-tab{flex-direction:column;flex:1;display:flex;overflow:hidden}.timeline-tab__toolbar{background:#0e0e1a;border-bottom:1px solid #1a1a2a;flex-shrink:0;align-items:center;gap:.5rem;padding:.3rem .75rem;display:flex}.timeline-tab__toolbar button{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.25rem .6rem;font-size:.75rem}.timeline-tab__toolbar button:hover{background:#3a3a5a}.timeline-tab__zoom{align-items:center;gap:.3rem;margin-left:auto;display:flex}.timeline-tab__zoom span{color:#666;font-size:.7rem}.timeline-tab__body{flex:1;display:flex;overflow:hidden}.timeline-tab__headers{background:#0d0d18;border-right:1px solid #2a2a4a;flex-shrink:0;width:180px;min-width:180px;overflow-y:auto}.timeline-tab__ruler-spacer{background:#111120;border-bottom:1px solid #2a2a4a;height:28px}.timeline-tab__ch-header{border-bottom:1px solid #1a1a2a;border-left:3px solid;flex-direction:column;gap:.2rem;height:80px;padding:.3rem .5rem;display:flex}.timeline-tab__ch-name{color:#e0e0e0;background:0 0;border:none;width:100%;padding:0;font-size:.8rem;font-weight:600}.timeline-tab__ch-name:focus{outline:none}.timeline-tab__ch-btns{gap:.2rem;display:flex}.timeline-tab__ch-btns button{color:#888;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:3px;width:22px;height:22px;font-size:.6rem;font-weight:700}.timeline-tab__ch-btns .active-red{color:#fff;background:#dc2626;border-color:#dc2626}.timeline-tab__ch-btns .active-yellow{color:#fff;background:#ca8a04;border-color:#ca8a04}.timeline-tab__ch-btns .del{color:#555}.timeline-tab__ch-btns .del:hover{color:#f87171}.timeline-tab__clip-picker{z-index:10;background:#1a1a2e;border:1px solid #333;border-radius:4px;max-height:120px;margin-top:.2rem;padding:.3rem;position:absolute;overflow-y:auto}.timeline-tab__clip-picker button{text-align:left;color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:3px;width:100%;padding:.25rem .4rem;font-size:.75rem;display:block}.timeline-tab__clip-picker button:hover{background:#2a2a4a}.timeline-tab__clip-picker p{color:#666;padding:.3rem;font-size:.7rem}.timeline-tab__timeline{flex:1;overflow:auto}.daw-timeline-scroll{min-width:100%}.daw-timeline-canvas{cursor:crosshair;display:block}.mixer-tab{flex:1;padding:1rem;overflow:auto hidden}.mixer-tab__channels{gap:.5rem;display:flex}.mixer-tab__channel{background:#12121f;border:1px solid #2a2a4a;border-top:3px solid;border-radius:4px;flex-direction:column;align-items:center;gap:.5rem;width:100px;min-width:100px;padding:.5rem;display:flex}.mixer-tab__channel--master{background:#1a1a28;border-top-color:#a78bfa}.mixer-tab__label{color:#ccc;text-align:center;font-size:.8rem;font-weight:600}.mixer-tab__control{flex-direction:column;align-items:center;gap:.15rem;width:100%;display:flex}.mixer-tab__control-label{color:#666;font-size:.65rem}.mixer-tab__control-value{color:#888;font-size:.7rem}.mixer-tab__pan{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:80%;height:3px}.mixer-tab__pan::-webkit-slider-thumb{-webkit-appearance:none;background:#60a5fa;border-radius:50%;width:10px;height:10px}.mixer-tab__fader-container{flex-direction:column;flex:1;align-items:center;gap:.3rem;display:flex}.mixer-tab__fader{writing-mode:vertical-lr;appearance:slider-vertical;cursor:pointer;direction:rtl;background:#333;width:24px;height:180px}.mixer-tab__db{color:#888;font-variant-numeric:tabular-nums;font-size:.7rem}.mixer-tab__buttons{gap:.2rem;display:flex}.mixer-tab__btn{color:#888;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:4px;width:28px;height:28px;font-size:.7rem;font-weight:700}.mixer-tab__btn--red{color:#fff;background:#dc2626;border-color:#dc2626}.mixer-tab__btn--yellow{color:#fff;background:#ca8a04;border-color:#ca8a04}.mixer-tab__eq{flex-direction:column;gap:.2rem;width:100%;display:flex}.mixer-tab__eq-band{color:#888;align-items:center;gap:.2rem;font-size:.65rem;display:flex}.mixer-tab__eq-band span:first-child{text-align:right;width:22px}.mixer-tab__eq-val{color:#666;font-variant-numeric:tabular-nums;width:28px;font-size:.6rem}.mixer-tab__knob{appearance:none;cursor:pointer;background:#333;border-radius:2px;flex:1;height:3px}.mixer-tab__knob::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:8px;height:8px}.mixer-tab__effects{width:100%;margin-top:auto}.mixer-tab__effects-label{color:#555;margin-bottom:.2rem;font-size:.65rem;display:block}.mixer-tab__effects-slots{flex-direction:column;gap:.15rem;display:flex}.mixer-tab__effect-slot{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:3px;justify-content:space-between;align-items:center;padding:.15rem .3rem;font-size:.65rem;display:flex}.mixer-tab__effect-slot button{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;line-height:1}.mixer-tab__effect-slot button:hover{color:#f87171}.mixer-tab__effect-add{color:#666;cursor:pointer;appearance:none;background:#1a1a2e;border:1px dashed #333;border-radius:3px;width:100%;padding:.2rem;font-size:.7rem}.mixer-tab__effect-add:hover,.mixer-tab__effect-add:focus{color:#a78bfa;border-color:#a78bfa;outline:none}.master-tab{flex:1;max-width:900px;padding:1rem;overflow-y:auto}.master-tab__section{margin-bottom:1.5rem}.master-tab__section h3{color:#a78bfa;margin-bottom:.5rem;font-size:1rem}.master-tab__spectrum{background:#0a0a12;border:1px solid #2a2a4a;border-radius:4px;overflow:hidden}.master-tab__spectrum canvas{width:100%;display:block}.master-tab__volume{align-items:center;gap:1rem;display:flex}.master-tab__volume input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;flex:1;height:4px}.master-tab__volume input::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:14px;height:14px}.master-tab__volume span{color:#888;min-width:70px;font-size:.85rem}.instruments-tab{flex-direction:column;flex:1;display:flex;overflow:hidden}.instruments-tab__sub-tabs{background:#0d0d18;border-bottom:1px solid #1a1a2a;flex-shrink:0;align-items:center;gap:0;padding:0 1rem;display:flex}.instruments-tab__sub-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem 1rem;font-size:.8rem}.instruments-tab__sub-tab:hover{color:#ccc}.instruments-tab__sub-tab--active{color:#a78bfa;border-bottom-color:#a78bfa}.instruments-tab__midi-status{color:#4ade80;margin-left:auto;font-size:.7rem}.synth-panel{flex-direction:column;flex:1;padding:.5rem 1rem;display:flex;overflow:auto}.synth-panel__controls{border-bottom:1px solid #1a1a2a;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.synth-panel__section{background:#0d0d18;border:1px solid #1a1a2a;border-radius:6px;min-width:130px;padding:.5rem}.synth-panel__section h4{color:#a78bfa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.7rem}.synth-panel__section label{color:#888;flex-direction:column;gap:.1rem;margin-bottom:.3rem;font-size:.7rem;display:flex}.synth-panel__section select{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:3px;padding:.2rem;font-size:.75rem}.synth-panel__bounce{margin-top:.3rem}.synth-knob{flex-direction:column;align-items:center;gap:.1rem;margin-bottom:.2rem;display:flex}.synth-knob__label{color:#888;font-size:.65rem}.synth-knob__value{color:#666;font-variant-numeric:tabular-nums;font-size:.6rem}.synth-knob input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:80px;height:3px}.synth-knob input::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:10px;height:10px}.piano-keyboard{padding:0 1rem}.instruments-tab__preset label,.instruments-tab__volume label{color:#666;margin-right:.3rem;font-size:.7rem}.instruments-tab__preset select{color:#e0e0e0;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.instruments-tab__volume{align-items:center;gap:.3rem;display:flex}.instruments-tab__volume input{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:80px;height:3px}.instruments-tab__volume input::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:10px;height:10px}.instruments-tab__volume span{color:#888;min-width:40px;font-size:.75rem}.instruments-tab__hint{color:#555;margin-left:auto;font-size:.7rem}.instruments-tab__bounce-btn{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.3rem .8rem;font-size:.8rem}.instruments-tab__bounce-btn--active{color:#fff;background:#dc2626;border-color:#dc2626;animation:1s ease-in-out infinite pulse-record}.piano-keyboard{-webkit-user-select:none;user-select:none;flex:1;min-height:150px;max-height:300px;display:flex;overflow-x:auto}.piano-key{cursor:pointer;border:none;outline:none;justify-content:center;align-items:flex-end;padding-bottom:.5rem;transition:background 50ms;display:flex}.piano-key--white{z-index:0;background:linear-gradient(#ddd 0%,#fff 10%,#eee 100%);border-bottom:1px solid #999;border-right:1px solid #bbb;border-radius:0 0 4px 4px;flex:1;min-width:28px}.piano-key--black{z-index:1;background:linear-gradient(#111 0%,#333 100%);border:1px solid #000;border-radius:0 0 3px 3px;width:20px;min-width:20px;max-width:20px;height:60%;margin-left:-10px;margin-right:-10px}.piano-key--white.piano-key--active{background:linear-gradient(#c4b5fd 0%,#a78bfa 100%)}.piano-key--black.piano-key--active{background:linear-gradient(#7c3aed 0%,#6d28d9 100%)}.piano-key__label{color:#999;pointer-events:none;font-size:.6rem}.piano-key--white:hover{background:#e0dff4}.piano-key--black:hover{background:#555}.drum-machine{flex-direction:column;flex:1;padding:.75rem 1rem;display:flex;overflow:auto}.drum-machine__toolbar{border-bottom:1px solid #1a1a2a;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.drum-machine__toolbar button{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.3rem .7rem;font-size:.8rem}.drum-machine__toolbar button:hover{background:#3a3a5a}.drum-machine__toolbar button.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.drum-machine__toolbar button.bounce-active{color:#fff;background:#dc2626;border-color:#dc2626;animation:1s ease-in-out infinite pulse-record}.drum-machine__param{align-items:center;gap:.3rem;display:flex}.drum-machine__param label{color:#666;font-size:.7rem}.drum-machine__param input{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:60px;height:3px}.drum-machine__param input::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:8px;height:8px}.drum-machine__param span{color:#888;min-width:30px;font-size:.7rem}.drum-machine__ai{align-items:center;gap:.5rem;margin-left:auto;display:flex}.ai-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:4px;padding:.3rem .8rem;font-size:.8rem}.ai-btn:hover{opacity:.9}.ai-loading{color:#a78bfa;cursor:wait;background:#2a2a4a;border:1px solid #7c3aed;border-radius:4px;padding:.3rem .8rem;font-size:.8rem;animation:1.5s ease-in-out infinite pulse-ai}@keyframes pulse-ai{0%,to{opacity:.6}50%{opacity:1}}.drum-machine__grid{flex-direction:column;gap:2px;display:flex}.drum-machine__row{align-items:center;gap:2px;display:flex}.drum-machine__pad{color:#ccc;cursor:pointer;text-align:center;background:#1a1a2e;border:1px solid #333;border-radius:4px;width:70px;min-width:70px;height:32px;font-size:.7rem}.drum-machine__pad:hover{background:#2a2a4a}.drum-machine__pad:active{background:#7c3aed}.drum-machine__step{cursor:pointer;background:#12121f;border:1px solid #222;border-radius:3px;width:28px;min-width:28px;height:28px;transition:background 50ms}.drum-machine__step:hover{border-color:#555}.drum-machine__step--on{background:#7c3aed;border-color:#a78bfa}.drum-machine__step--current{box-shadow:inset 0 0 0 2px #4ade80}.drum-machine__step--downbeat{border-left:2px solid #333}.piano-roll{flex-direction:column;flex:1;display:flex;overflow:hidden}.piano-roll__toolbar{border-bottom:1px solid #1a1a2a;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.piano-roll__toolbar button{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.3rem .7rem;font-size:.8rem}.piano-roll__toolbar button:hover{background:#3a3a5a}.piano-roll__toolbar button.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.piano-roll__info{color:#666;font-size:.75rem}.piano-roll__ai{align-items:center;gap:.3rem;margin-left:auto;display:flex}.piano-roll__ai select{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.2rem .3rem;font-size:.75rem}.piano-roll__ai input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:50px;height:3px}.piano-roll__ai input::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:8px;height:8px}.piano-roll__scroll{background:#0a0a12;flex:1;overflow:auto}.piano-roll__scroll canvas{display:block}.master-tab__row{flex-wrap:wrap;gap:1.5rem;display:flex}.master-tab__row .master-tab__section{flex:1;min-width:280px}.master-tab__meter{background:#0a0a12;border:1px solid #2a2a4a;border-radius:4px;height:28px;position:relative;overflow:hidden}.master-tab__meter-bar{background:linear-gradient(90deg,#4ade80,#facc15,#f87171);height:100%;transition:width .1s;position:absolute;top:0;left:0}.master-tab__meter span{color:#ccc;font-variant-numeric:tabular-nums;z-index:1;font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.master-tab__knobs{flex-wrap:wrap;gap:1rem;display:flex}.master-tab__knob{flex-direction:column;align-items:center;gap:.2rem;min-width:70px;display:flex}.master-tab__knob-label{color:#888;font-size:.7rem}.master-tab__knob-value{color:#666;font-variant-numeric:tabular-nums;font-size:.7rem}.master-tab__knob input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:70px;height:3px}.master-tab__knob input::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:10px;height:10px}.ai-tab{flex:1;max-width:900px;padding:1rem;overflow-y:auto}.ai-tab__section{margin-bottom:2rem}.ai-tab__section h3{color:#a78bfa;margin-bottom:.75rem;font-size:1.1rem}.ai-tab__controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.ai-tab__controls label{color:#888;flex-direction:column;gap:.2rem;font-size:.7rem;display:flex}.ai-tab__controls select{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.ai-tab__presets{flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;display:flex}.ai-tab__preset{color:#ccc;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.3rem .7rem;font-size:.75rem}.ai-tab__preset:hover{background:#2a2a4a;border-color:#a78bfa}.ai-tab__result{background:#12121f;border:1px solid #2a2a4a;border-radius:8px;padding:1rem}.ai-tab__result h4{color:#ccc;margin-bottom:.75rem;font-size:.95rem}.ai-tab__chords{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.ai-tab__chord{text-align:center;background:#1a1a2e;border:1px solid #7c3aed44;border-radius:6px;min-width:80px;padding:.5rem .75rem}.ai-tab__chord-name{color:#a78bfa;font-size:1.1rem;font-weight:700;display:block}.ai-tab__chord-notes{color:#888;margin-top:.2rem;font-size:.7rem;display:block}.ai-tab__actions{gap:.5rem;display:flex}.ai-tab__actions button{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.4rem 1rem;font-size:.85rem}.ai-tab__actions button:hover{background:#3a3a5a}.ai-tab__actions button:disabled{opacity:.5}.ai-tab__desc{color:#888;margin-bottom:.75rem;font-size:.85rem}.ai-tab__voice-models{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.ai-tab__voice-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;min-width:120px;padding:.5rem .75rem}.ai-tab__voice-name{color:#ccc;font-size:.9rem;font-weight:600;display:block}.ai-tab__voice-status{color:#666;margin-top:.15rem;font-size:.7rem;display:block}.ai-tab__setup-hint{color:#888;background:#0d0d18;border:1px solid #1a1a2a;border-radius:4px;padding:.5rem .75rem;font-size:.8rem}.ai-tab__setup-hint code{color:#4ade80;background:#111;border-radius:3px;margin-top:.3rem;padding:.3rem .5rem;font-size:.75rem;display:block}.ai-tab__status-table{border-collapse:collapse;width:100%}.ai-tab__status-table td{color:#ccc;border-bottom:1px solid #1a1a2a;padding:.4rem .5rem;font-size:.85rem}.ai-tab__status-table td:first-child{text-align:center;width:24px}.ai-tab__status-table td:nth-child(2){white-space:nowrap;font-weight:600}.ai-tab__status-table td:nth-child(3){color:#888}.ai-tab__inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.ai-tab__inline-form select,.ai-tab__inline-form input[type=text]{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.35rem .5rem;font-size:.85rem}.ai-tab__inline-form label{color:#888;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.ai-tab__inline-form input[type=range]{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:60px;height:3px}.ai-tab__inline-form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:10px;height:10px}.ai-tab__prompt-input{flex:1;min-width:200px}.ai-tab__job-status{color:#facc15;font-size:.75rem}.ai-tab__inline-hint{color:#666;font-size:.75rem}.song-wizard__desc{color:#888;margin-bottom:1rem;font-size:.85rem}.song-wizard__form{flex-direction:column;gap:.75rem;display:flex}.song-wizard__row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.song-wizard__row label{color:#888;flex-direction:column;flex:1;gap:.2rem;min-width:120px;font-size:.75rem;display:flex}.song-wizard__row input[type=text],.song-wizard__row input[type=number],.song-wizard__row select{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.35rem .5rem;font-size:.85rem}.song-wizard__checkbox{color:#888!important;flex-direction:row!important;align-items:center!important;gap:.4rem!important;font-size:.8rem!important}.song-wizard__checkbox input{width:auto}.song-wizard__generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:6px;align-self:flex-start;padding:.6rem 1.5rem;font-size:1rem;font-weight:600}.song-wizard__generate:hover{opacity:.9}.song-wizard__generate:disabled{opacity:.5;cursor:not-allowed}.song-wizard__status{color:#facc15;margin-top:.5rem;font-size:.85rem}.song-wizard__result{background:#0d0d18;border:1px solid #1a1a2a;border-radius:6px;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding:1rem;display:flex}.song-wizard__lyrics{flex:1;min-width:250px}.song-wizard__lyrics h4{color:#a78bfa;margin-bottom:.5rem;font-size:.9rem}.song-wizard__lyrics pre{color:#ccc;white-space:pre-wrap;max-height:300px;font-family:inherit;font-size:.8rem;line-height:1.5;overflow-y:auto}.song-wizard__info{color:#888;font-size:.8rem}.song-wizard__info p{margin-bottom:.3rem}.song-wizard__info strong{color:#ccc}.ai-tool{margin-top:.5rem}.ai-tool__row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ai-tool__row select,.ai-tool__row input[type=text]{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.3rem .5rem;font-size:.8rem}.ai-tool__prompt{flex:1;min-width:150px}.ai-tool__label{color:#888;white-space:nowrap;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.ai-tool__label input[type=range]{width:50px}.ai-btn-sm{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:4px;padding:.3rem .8rem;font-size:.8rem}.ai-btn-sm:hover:not(:disabled){opacity:.9}.ai-btn-sm:disabled{opacity:.4;cursor:not-allowed}.ai-btn-loading{color:#a78bfa;cursor:wait;background:#2a2a4a;border:1px solid #7c3aed;border-radius:4px;padding:.3rem .8rem;font-size:.8rem;animation:1.5s ease-in-out infinite pulse-ai}.ai-tool__progress{background:#0d0d18;border:1px solid #1a1a2a;border-radius:4px;height:24px;margin-top:.4rem;position:relative;overflow:hidden}.ai-tool__progress-bar{background:linear-gradient(90deg,#7c3aed44,#3b82f644);height:100%;transition:width .3s;position:absolute;top:0;left:0}.ai-tool__status{color:#ccc;white-space:nowrap;z-index:1;font-size:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-tab__section--status{margin-top:1rem}.ai-tab__section--status h4{color:#888;margin-bottom:.5rem;font-size:.9rem}.ai-tab__status-grid{flex-wrap:wrap;gap:.4rem;display:flex}.ai-tab__status-item{background:#0d0d18;border:1px solid #1a1a2a;border-radius:4px;align-items:flex-start;gap:.4rem;min-width:200px;padding:.3rem .6rem;font-size:.75rem;display:flex}.ai-tab__status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.2rem}.ai-tab__status-item strong{color:#ccc;font-size:.8rem;display:block}.ai-tab__status-item span{color:#666}.master-tab__export{flex-wrap:wrap;gap:.5rem;display:flex}.master-tab__export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.9rem}.master-tab__export-btn:hover:not(:disabled){opacity:.9}.master-tab__export-btn:disabled{opacity:.5;cursor:wait}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.app__header{background:linear-gradient(135deg,#0d0d1a 0%,#111128 100%);flex-direction:column;gap:.4rem;padding:.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.app__player-bar{background:#0e0e1a;border-bottom:1px solid #2a2a4a;padding:.5rem 1.5rem;position:relative;overflow:hidden}.player-visualizer{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.app__header-top{z-index:1;align-items:center;gap:1.5rem;display:flex;position:relative}.app__logo{z-index:1;padding:0;position:relative}.app__logo h1{text-transform:lowercase;letter-spacing:.15em;color:#c0b0d8;z-index:1;text-shadow:0 0 4px #a855f7e6,0 0 11px #a855f7b3,0 0 19px #a855f780,0 0 40px #7c3aed66,0 0 80px #7c3aed33;font-family:Syncopate,sans-serif;font-size:46px;font-weight:400;position:relative}.header-visualizer{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.app__nav{z-index:1;gap:.5rem;display:flex;position:relative}.app__upload-btn{z-index:50;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:24px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #7c3aed66}.app__upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #7c3aed80}.app__nav a{color:#888;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .15s}.app__nav a:hover{color:#e0e0e0;background:#1a1a2e}.app__nav a.active{color:#fff;background:#7c3aed33;border:1px solid #7c3aed55}.app__nav-ai{font-weight:600;color:#c084fc!important;background:linear-gradient(135deg,#7c3aed22,#ec489922)!important;border:1px solid #7c3aed44!important}.app__nav-ai:hover{color:#e879f9!important;background:linear-gradient(135deg,#7c3aed33,#ec489933)!important}.app__nav-ai.active{color:#f0abfc!important;background:linear-gradient(135deg,#7c3aed44,#ec489944)!important;border-color:#c084fc!important}.app__main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:2rem}.ai-studio{max-width:1000px;margin:0 auto}.ai-studio__header{margin-bottom:1.5rem}.ai-studio__header h2{color:#e0e0e0;margin-bottom:.3rem;font-size:1.6rem}.ai-studio__header p{color:#888;font-size:.9rem}.ai-studio__section{margin-bottom:2rem}.ai-studio__section h3{color:#a78bfa;margin-bottom:.5rem;font-size:1.1rem}.ai-studio__hint{color:#666;margin-bottom:.5rem;font-size:.85rem}.ai-studio__import-list{flex-wrap:wrap;gap:.3rem;max-height:120px;display:flex;overflow-y:auto}.ai-studio__import-item{color:#ccc;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.3rem .7rem;font-size:.8rem}.ai-studio__import-item:hover{background:#2a2a4a;border-color:#a78bfa}.ai-studio__clips{flex-direction:column;gap:.3rem;display:flex}.ai-studio__clip{background:#12121f;border:1px solid #2a2a4a;border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.ai-studio__clip-dur{color:#666;font-variant-numeric:tabular-nums;font-size:.75rem}.ai-studio__play{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:none;border-radius:50%;width:28px;height:28px;font-size:.75rem}.ai-studio__play:hover{background:#7c3aed}.ai-studio__tools{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.ai-studio__tools{grid-template-columns:1fr}}.ai-studio__tool-card{background:#12121f;border:1px solid #2a2a4a;border-radius:8px;padding:1rem}.ai-studio__tool-card h3{color:#a78bfa;margin-bottom:.5rem;font-size:1rem}.ai-studio__row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ai-studio__row select,.ai-studio__input{color:#ccc;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.35rem .5rem;font-size:.85rem}.ai-studio__input{flex:1;min-width:120px}.ai-studio__label{color:#888;font-size:.75rem}.ai-studio__btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:4px;padding:.35rem .8rem;font-size:.8rem}.ai-studio__btn:hover:not(:disabled){opacity:.9}.ai-studio__btn:disabled{opacity:.4;cursor:not-allowed}.ai-studio__progress{background:#0d0d18;border:1px solid #1a1a2a;border-radius:4px;height:26px;margin-top:.4rem;position:relative;overflow:hidden}.ai-studio__progress-bar{background:linear-gradient(90deg,#7c3aed44,#3b82f644);height:100%;transition:width .3s;position:absolute;top:0;left:0}.ai-studio__progress-text{color:#ccc;white-space:nowrap;z-index:1;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-studio__status{color:#4ade80;margin-top:.5rem;font-size:.8rem}.download-warning-overlay{z-index:300;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.download-warning{background:#12121f;border:1px solid #2a2a4a;border-radius:12px;width:90%;max-width:450px;padding:1.5rem}.download-warning h3{color:#facc15;margin-bottom:.5rem;font-size:1.1rem}.download-warning p{color:#888;margin-bottom:.75rem;font-size:.85rem}.download-warning__models{background:#0d0d18;border:1px solid #1a1a2a;border-radius:6px;margin-bottom:.5rem;padding:.5rem}.download-warning__model{justify-content:space-between;padding:.25rem .5rem;font-size:.85rem;display:flex}.download-warning__model-name{color:#ccc}.download-warning__model-size{color:#a78bfa;font-weight:600}.download-warning__total{color:#ccc;text-align:right;margin-bottom:.5rem;font-size:.9rem}.download-warning__note{color:#666;font-size:.75rem}.download-warning__actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.download-warning__cancel{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:6px;padding:.5rem 1rem}.download-warning__confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:6px;padding:.5rem 1rem}.app__main:has(.daw){max-width:none;padding:0;overflow:hidden}.tools-panel{margin-bottom:1.5rem}.tools-panel__tabs{gap:.25rem;display:flex}.tools-panel__tab{color:#888;cursor:pointer;background:#1a1a2e;border:1px solid #2a2a4a;border-bottom:none;border-radius:6px 6px 0 0;padding:.4rem 1rem;font-size:.85rem;transition:all .15s}.tools-panel__tab:hover{color:#ccc;background:#1f1f35}.tools-panel__tab--active{color:#a78bfa;background:#12121f;border-color:#2a2a4a}.tools-panel__content{background:#12121f;border:1px solid #2a2a4a;border-radius:0 8px 8px;overflow:hidden}.spectrum-view{padding:0}.spectrum-view canvas{width:100%;height:180px;display:block}.equalizer{padding:.75rem}.equalizer__header{justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.equalizer__switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.equalizer__switch input{display:none}.equalizer__switch-slider{background:#333;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.equalizer__switch-slider:after{content:"";background:#888;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.equalizer__switch input:checked+.equalizer__switch-slider{background:#7c3aed}.equalizer__switch input:checked+.equalizer__switch-slider:after{background:#fff;transform:translate(16px)}.equalizer__switch-label{color:#888;font-size:.8rem}.equalizer__switch input:checked~.equalizer__switch-label{color:#a78bfa}.equalizer__preset-select{color:#e0e0e0;background:#1a1a2e;border:1px solid #333;border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.equalizer__graph{border-radius:4px;overflow:hidden}.equalizer__graph svg{display:block}.upload-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-modal{width:90%;max-width:480px;position:relative}.upload-modal__close{color:#888;cursor:pointer;z-index:1;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.8rem}.upload-modal__close:hover{color:#fff}.upload-form{background:#12121f;border:1px solid #2a2a4a;border-radius:12px;padding:1.5rem}.upload-form h2{color:#a78bfa;margin-bottom:1rem;font-size:1.2rem}.upload-form label{color:#888;margin-bottom:1rem;font-size:.85rem;display:block}.upload-form__hint{color:#666;font-size:.75rem}.upload-form input[type=text],.upload-form input[type=file],.upload-form textarea{color:#e0e0e0;background:#1a1a2e;border:1px solid #333;border-radius:6px;width:100%;margin-top:.3rem;padding:.6rem .8rem;font-size:.95rem;display:block}.upload-form textarea{resize:vertical;font-family:inherit}.upload-form input[type=text]:focus,.upload-form textarea:focus{border-color:#a78bfa;outline:none}.upload-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:6px;width:100%;padding:.7rem;font-size:1rem;transition:opacity .2s}.upload-form button:hover{opacity:.9}.upload-form button:disabled{opacity:.5;cursor:not-allowed}.upload-form__progress{background:#1a1a2e;border-radius:4px;height:24px;margin:.5rem 0;position:relative;overflow:hidden}.upload-form__progress-bar{background:linear-gradient(90deg,#7c3aed,#3b82f6);height:100%;transition:width .2s}.upload-form__progress span{font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-form__success{color:#4ade80;margin:.5rem 0}.upload-form__error{color:#f87171;margin:.5rem 0}.search-bar{gap:.5rem;margin-bottom:1.5rem;display:flex}.search-bar__input{color:#e0e0e0;background:#1a1a2e;border:1px solid #333;border-radius:8px;flex:1;padding:.7rem 1rem;font-size:1rem}.search-bar__input:focus{border-color:#a78bfa;outline:none}.search-bar__btn{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:8px;padding:.7rem 1.2rem}.search-bar__btn:hover{background:#3a3a5a}.track-list__empty{color:#666;text-align:center;padding:3rem}.track-list__item{border-radius:8px;align-items:center;gap:1rem;padding:.8rem 1rem;transition:background .15s;display:flex}.track-list__item:hover{background:#1a1a2e}.track-list__item--active{background:#1a1a2e;border-left:3px solid #a78bfa}.track-list__play-btn{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.track-list__play-btn:hover{background:#7c3aed}.track-list__info{flex-direction:column;flex:1;display:flex}.track-list__title{font-size:.95rem;font-weight:600}.track-list__artist{color:#888;font-size:.8rem}.track-list__desc{color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:400px;margin-top:.15rem;font-size:.75rem;overflow:hidden}.track-list__edit-btn{color:#666;cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:4px;width:28px;height:28px;font-size:.8rem;transition:opacity .15s}.track-list__item:hover .track-list__edit-btn{opacity:1}.track-list__edit-btn:hover{color:#e0e0e0;background:#2a2a4a;border-color:#444}.track-list__duration{color:#666;font-variant-numeric:tabular-nums;font-size:.85rem}.player{z-index:1;align-items:center;gap:1rem;display:flex;position:relative}.player--empty{color:#555;justify-content:center;font-size:.85rem}.player__info{min-width:150px;max-width:200px}.player__title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.player__title--empty{color:#555}.player__artist{color:#888;font-size:.8rem;display:block}.player__controls{gap:.5rem;display:flex}.player__controls button{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:none;border-radius:50%;width:36px;height:36px;font-size:1rem;transition:background .15s}.player__controls button:hover:not(:disabled){background:#7c3aed}.player__controls button:disabled{opacity:.3;cursor:not-allowed}.player__progress{flex:1;align-items:center;gap:.5rem;display:flex}.player__time{color:#888;font-variant-numeric:tabular-nums;min-width:40px;font-size:.75rem}.player__seekbar{appearance:none;cursor:pointer;background:#333;border-radius:2px;flex:1;height:4px}.player__seekbar::-webkit-slider-thumb{-webkit-appearance:none;background:#a78bfa;border-radius:50%;width:12px;height:12px}.player__volume{align-items:center;gap:.3rem;min-width:100px;display:flex}.player__volume-slider{appearance:none;cursor:pointer;background:#333;border-radius:2px;width:80px;height:4px}.player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#60a5fa;border-radius:50%;width:10px;height:10px}.playlists-page{grid-template-columns:300px 1fr;gap:2rem;display:grid}.playlists-page__sidebar h2{color:#a78bfa;margin-bottom:1rem;font-size:1.2rem}.playlists-page__create{gap:.5rem;margin-bottom:1rem;display:flex}.playlists-page__create input{color:#e0e0e0;background:#1a1a2e;border:1px solid #333;border-radius:6px;flex:1;padding:.5rem .8rem;font-size:.9rem}.playlists-page__create input:focus{border-color:#a78bfa;outline:none}.playlists-page__create button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;padding:.5rem .8rem;font-size:1.1rem}.playlists-page__empty{color:#666;font-size:.9rem}.playlists-page__list{list-style:none}.playlists-page__item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.7rem 1rem;transition:background .15s;display:flex}.playlists-page__item:hover{background:#1a1a2e}.playlists-page__item--active{background:#1a1a2e;border-left:3px solid #a78bfa}.playlists-page__name{font-size:.95rem;font-weight:600}.playlists-page__count{color:#666;font-size:.8rem}.playlists-page__header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.playlists-page__header h2{font-size:1.4rem}.playlists-page__play-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.9rem}.playlists-page__play-all:hover{opacity:.9}.playlists-page__desc{color:#888;margin-bottom:1rem;font-size:.9rem}.playlists-page__hint{color:#666;text-align:center;padding:3rem}.track-editor-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.track-editor{background:#12121f;border:1px solid #2a2a4a;border-radius:12px;width:90%;max-width:500px;padding:2rem}.track-editor h3{color:#a78bfa;margin-bottom:1.2rem;font-size:1.2rem}.track-editor label{color:#888;margin-bottom:1rem;font-size:.85rem;display:block}.track-editor input,.track-editor textarea{color:#e0e0e0;background:#1a1a2e;border:1px solid #333;border-radius:6px;width:100%;margin-top:.3rem;padding:.6rem .8rem;font-family:inherit;font-size:.95rem;display:block}.track-editor textarea{resize:vertical}.track-editor input:focus,.track-editor textarea:focus{border-color:#a78bfa;outline:none}.track-editor__actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.track-editor__actions-right{gap:.5rem;margin-left:auto;display:flex}.track-editor__delete{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:.6rem 1.2rem;font-size:.85rem;transition:all .15s}.track-editor__delete:hover{color:#f87171;border-color:#f87171}.track-editor__delete--confirm{color:#fff;background:#dc2626;border-color:#dc2626;font-weight:700}.track-editor__delete--confirm:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}.track-editor__cancel{color:#e0e0e0;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:6px;padding:.6rem 1.2rem}.track-editor__save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:6px;padding:.6rem 1.2rem}.track-editor__save:disabled{opacity:.5}.app__user{z-index:1;margin-left:auto;position:relative}.app__user-menu{align-items:center;gap:.5rem;display:flex}.app__user-name{color:#ccc;font-size:.85rem}.app__user-btn{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #333;border-radius:4px;padding:.3rem .8rem;font-size:.8rem}.app__user-btn:hover{background:#3a3a5a}.auth-overlay{z-index:300;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:#12121f;border:1px solid #2a2a4a;border-radius:12px;width:90%;max-width:400px;padding:2rem;position:relative}.auth-modal__close{color:#888;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:.5rem;right:.8rem}.auth-modal__tabs{border-bottom:1px solid #2a2a4a;gap:0;margin-bottom:1.5rem;display:flex}.auth-modal__tabs button{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.9rem}.auth-modal__tabs button.active{color:#a78bfa;border-bottom-color:#a78bfa}.auth-modal label{color:#888;margin-bottom:1rem;font-size:.85rem;display:block}.auth-modal input{color:#e0e0e0;background:#1a1a2e;border:1px solid #333;border-radius:6px;width:100%;margin-top:.3rem;padding:.6rem .8rem;font-size:.95rem;display:block}.auth-modal input:focus{border-color:#a78bfa;outline:none}.auth-modal__error{color:#f87171;margin-bottom:.5rem;font-size:.85rem}.auth-modal__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#3b82f6);border:none;border-radius:6px;width:100%;padding:.7rem;font-size:1rem}.auth-modal__submit:disabled{opacity:.5}@media (width<=768px){.playlists-page{grid-template-columns:1fr}.app__header{padding:.4rem .8rem}.app__header-top{gap:.5rem}.app__logo h1{letter-spacing:.08em;font-size:28px}.app__nav a{padding:.3rem .5rem;font-size:.75rem}.app__main{padding:1rem}.player{flex-wrap:wrap;gap:.4rem}.player__info{min-width:80px;max-width:120px}.player__controls button{width:30px;height:30px;font-size:.85rem}.player__progress{order:10;width:100%}.player__volume{display:none}.track-editor{width:95%;padding:1.5rem}}