*{box-sizing:border-box}body{background-color:#121212;color:#fff;font-family:Inter,sans-serif;margin:0;padding:0}button{background:linear-gradient(to bottom,#000,#262626);color:#fff;border:none;padding:8px 16px;border-radius:4px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#121212}::-webkit-scrollbar-thumb{background:#262626}::-webkit-scrollbar-thumb:hover{background:#333}.pianoroll-editor[data-v-e133beb9]{position:relative;min-height:100px;outline:none}.pianoroll-editor[data-v-e133beb9]:focus{box-shadow:0 0 0 2px #4299e1cc}.pianoroll-editor[data-v-e133beb9]:focus:hover{box-shadow:0 0 0 2px #4299e1cc}.pianoroll-editor[data-v-e133beb9]:hover{box-shadow:0 0 0 1px #4299e1cc}.pianoroll-canvas[data-v-e133beb9]{position:absolute;border:1px solid black;border-radius:10px;background-color:#000;top:0;left:0;width:100%;height:100%}.controls[data-v-e133beb9]{position:absolute;bottom:12px;left:12px;display:flex;flex-direction:row;gap:8px;background:#111;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.control-btn[data-v-e133beb9]{background:transparent;border:none;color:#fff;cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.control-btn[data-v-e133beb9]:hover{background:#ffffff1a}.control-btn[data-v-e133beb9]:active{background:#fff3;transform:scale(.95)}.control-btn[data-v-e133beb9]:disabled{opacity:.5;cursor:not-allowed}.loading-overlay[data-v-e133beb9]{position:absolute;top:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;letter-spacing:.5px;border-radius:10px}.header-container[data-v-c4963083]{text-align:center;padding:60px 20px;background:linear-gradient(120deg,#1a365d,#5a2727);color:#fff}.title[data-v-c4963083]{font-size:36px;font-weight:600;margin:0 0 16px;color:#fffffff2}.subtitle[data-v-c4963083]{font-size:18px;color:#ffffffb3;margin:0 0 24px}.links[data-v-c4963083]{display:flex;justify-content:center;gap:16px}.link[data-v-c4963083]{color:#fff;text-decoration:none;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:18px;transition:all .2s ease}.link[data-v-c4963083]:hover{background:#ffffff1a;border-color:#ffffff80}.tab-switcher[data-v-7ef058ba]{display:flex;gap:16px}.file-list[data-v-7ef058ba]{display:flex;flex-direction:column;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:8px 0;min-width:100px;margin-right:16px;overflow-y:auto;max-height:700px}.file-btn[data-v-7ef058ba]{background:transparent;border:none;border-radius:0;color:#fffc;cursor:pointer;transition:all .2s ease;text-align:left;font-size:14px;white-space:nowrap}.file-btn[data-v-7ef058ba]:hover{background:#ffffff1a;border-color:#ffffff4d}.file-btn.active[data-v-7ef058ba]{background:#ffffff26;border-color:#fff6;color:#fff}.content[data-v-7ef058ba]{flex:1;min-width:0}.sort-controls[data-v-7ef058ba]{padding:0 8px 8px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.sort-btn[data-v-7ef058ba]{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fffc;cursor:pointer;padding:2px 8px;transition:all .2s ease;font-size:14px}.sort-btn[data-v-7ef058ba]:hover{background:#ffffff1a;border-color:#ffffff4d}.editor-group[data-v-7c220ba7]{display:flex;flex-direction:column;gap:16px}.editor-container[data-v-7c220ba7]{display:flex;flex-direction:column;gap:6px}.editor-title[data-v-7c220ba7]{margin:0;color:#ffffffe6;font-size:16px;font-weight:500}.editor[data-v-7c220ba7]{height:300px;border-radius:12px;overflow:hidden}.footer[data-v-4bb00afa]{text-align:center;padding:20px;margin-top:40px;color:#ffffffb3}a[data-v-4bb00afa]{color:#58a6ff;text-decoration:none}a[data-v-4bb00afa]:hover{text-decoration:underline}.slider-container[data-v-3e0a37b5]{display:flex;align-items:center;gap:5px}.slider-value[data-v-3e0a37b5]{width:3em}.slider-container[data-v-ca9cb339]{display:flex;align-items:center;gap:5px}.slider-value[data-v-ca9cb339]{width:3em}.settings-panel[data-v-efef3f24]{position:fixed;bottom:20px;right:20px;background:#2a2a2a;padding:15px 20px;border-radius:8px;box-shadow:0 2px 10px #0000004d;z-index:1000;width:300px;display:flex;flex-direction:column;gap:8px}.setting-item[data-v-efef3f24]{display:flex;flex-direction:row;gap:8px;justify-content:left}.setting-header[data-v-efef3f24]{display:flex;justify-content:space-between;align-items:center}.setting-label[data-v-efef3f24]{font-size:14px;color:#fff}.setting-item label[data-v-efef3f24]{width:100px}input[type=range][data-v-efef3f24]{width:100%;cursor:pointer}input[type=range][data-v-efef3f24]:disabled{opacity:.5;cursor:not-allowed}.bpm-value[data-v-efef3f24]{text-align:center;font-size:12px;color:#fff}.bpm-value.disabled[data-v-efef3f24]{opacity:.7}[data-v-ef439574] a{color:#58a6ff;text-decoration:none}[data-v-ef439574] a:hover{text-decoration:underline}.app[data-v-ef439574]{flex-direction:column;padding-bottom:20px}.editor-container[data-v-ef439574]{flex:1;min-height:0;padding:20px}.editor[data-v-ef439574]{height:300px}h2[data-v-ef439574]{padding:20px 80px}.section-content[data-v-ef439574]{padding:0 60px}.section-description[data-v-ef439574]{padding:0 140px 20px;margin:-10px 0 20px;color:#ffffffb3;font-size:14px}.section[data-v-ef439574]{margin:100px 0}