html,body,#root{width:100%;min-height:100%;margin:0}*,:before,:after{box-sizing:border-box}body{color:#fff;background:#000;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,label{font:inherit}.app-shell{width:100%;min-height:100dvh;position:relative;overflow:hidden}.controls{z-index:10;flex-wrap:wrap;align-items:center;gap:12px;max-width:1100px;display:flex;position:fixed;top:24px;left:24px;right:24px}.control{color:#fff;-webkit-backdrop-filter:blur(14px);background:#120618b8;border:1px solid #ff4fd8bf;border-radius:999px;height:44px;font-size:16px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;box-shadow:0 0 18px #ff4fd84d,inset 0 0 12px #ff4fd814}.control:hover,.control:focus-visible{border-color:#ffffffe6;outline:none;box-shadow:0 0 24px #ff4fd880,inset 0 0 14px #ffffff14}.control:active{transform:translateY(1px)}.control-button{cursor:pointer;flex:none;min-width:100px;padding:0 20px}.file-control{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-width:160px;padding:0 22px;display:inline-flex}.file-control input{display:none}.track-select{flex:340px;min-width:260px;max-width:560px;position:relative}.track-select-button{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;width:100%;min-width:0;padding:0 18px;display:flex}.track-select-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-select-arrow{flex-shrink:0;transition:transform .2s}.track-select-arrow--open{transform:rotate(180deg)}.track-select-menu{z-index:20;-webkit-backdrop-filter:blur(14px);background:#120618eb;border:1px solid #ff4fd8bf;border-radius:22px;width:100%;padding:8px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 0 24px #ff4fd859}.track-select-option{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;margin:2px 0;padding:10px 16px;transition:background .2s}.track-select-option--active{background:#ff4fd81f}.track-select-option:hover{background:#ff4fd833}@media (width<=1199px){.controls{gap:10px;max-width:none;top:18px;left:18px;right:18px}.control{height:42px;font-size:15px}.control-button{min-width:92px;padding:0 18px}.file-control{min-width:145px;padding:0 18px}.track-select{flex-basis:300px;max-width:100%}}@media (width<=767px){body{overflow:hidden}.controls{grid-template-columns:1fr;gap:10px;display:grid;top:14px;left:14px;right:14px}.control{width:100%;height:44px;font-size:14px}.control-button,.file-control,.track-select{width:100%;min-width:0;max-width:none}.track-select{order:-1}.track-select-button{padding:0 16px}.track-select-menu{border-radius:18px;padding:6px;top:calc(100% + 8px)}.track-select-option{border-radius:12px;padding:10px 14px;font-size:14px}}